@seafile/seafile-editor 1.0.2 → 1.0.4

package/dist/extension/plugins/table/render-elem/index.js

@@ -1,52 +1,37 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.RenderTableRow = exports.RenderTableCell = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _slateReact = require("slate-react");
-var _constants = require("../../../constants");
-var _constant = require("../constant");
-var _contextMenu = _interopRequireDefault(require("./context-menu"));
-require("./style.css");
-var RenderTableContainer = function RenderTableContainer(_ref, editor) {
-  var attributes = _ref.attributes,
-    children = _ref.children,
-    element = _ref.element;
-  var tableRef = (0, _react.useRef)(null);
-  var startGridRef = (0, _react.useRef)({
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { useReadOnly } from 'slate-react';
+import { TEXT_ALIGN } from '../../../constants';
+import { TABLE_BODY_NODE_NAME, TABLE_CELL_NODE_NAME, TABLE_ROW_NODE_NAME } from '../constant';
+import ContextMenu from './context-menu';
+import './style.css';
+const RenderTableContainer = (_ref, editor) => {
+  let {
+    attributes,
+    children,
+    element
+  } = _ref;
+  const tableRef = useRef(null);
+  const startGridRef = useRef({
     rowIndex: -1,
     colIndex: -1
   });
-  var _useState = (0, _react.useState)({
-      startRowIndex: -1,
-      startColIndex: -1,
-      endRowIndex: -1,
-      endColIndex: -1
-    }),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    setSelectGridRange = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    isShowContextMenu = _useState4[0],
-    setIsShowContextMenu = _useState4[1];
-  var _useState5 = (0, _react.useState)({
-      top: 0,
-      left: 0
-    }),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    contextMenuPosition = _useState6[0],
-    setContextMenuPosition = _useState6[1];
-  var isReadonly = (0, _slateReact.useReadOnly)();
-  (0, _react.useEffect)(function () {
+  const [, setSelectGridRange] = useState({
+    startRowIndex: -1,
+    startColIndex: -1,
+    endRowIndex: -1,
+    endColIndex: -1
+  });
+  const [isShowContextMenu, setIsShowContextMenu] = useState(false);
+  const [contextMenuPosition, setContextMenuPosition] = useState({
+    top: 0,
+    left: 0
+  });
+  const isReadonly = useReadOnly();
+  useEffect(() => {
     if (isReadonly) return null;
     clearSelectedCells();
     document.addEventListener('contextmenu', handleContextMenu);
-    return function () {
+    return () => {
       document.removeEventListener('contextmenu', handleContextMenu);
       document.removeEventListener('mousedown', unregisterEventHandler);
       document.removeEventListener('keyup', unregisterEventHandler);
@@ -55,29 +40,29 @@ var RenderTableContainer = function RenderTableContainer(_ref, editor) {
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  var getTableElement = (0, _react.useCallback)(function (node, type) {
-    var target = node;
+  const getTableElement = useCallback((node, type) => {
+    let target = node;
     if (target.nodeName.toLowerCase() === type) return target;
     while (target.nodeName.toLowerCase() !== type) {
       target = target.parentNode;
     }
     return target;
   }, []);
-  var clearSelectedCells = (0, _react.useCallback)(function (e) {
+  const clearSelectedCells = useCallback(e => {
     isShowContextMenu && handleCloseContextMenu();
-    tableRef.current.querySelectorAll('.selected-cell').forEach(function (selectedCell) {
+    tableRef.current.querySelectorAll('.selected-cell').forEach(selectedCell => {
       selectedCell.classList.remove('selected-cell', 'selected-cell-left', 'selected-cell-bottom', 'selected-cell-top', 'selected-cell-right');
     });
     document.removeEventListener('keyup', clearSelectedCells);
     document.removeEventListener('click', clearSelectedCells);
   }, [isShowContextMenu]);
-  var updateSelectedCellStyles = (0, _react.useCallback)(function (startRowIndex, endRowIndex, startColIndex, endColIndex) {
+  const updateSelectedCellStyles = useCallback((startRowIndex, endRowIndex, startColIndex, endColIndex) => {
     clearSelectedCells();
     if (startColIndex < 0 || startRowIndex < 0) return;
-    for (var rowIndex = startRowIndex; rowIndex <= endRowIndex; rowIndex++) {
-      var currentRow = tableRef.current.querySelectorAll(_constant.TABLE_ROW_NODE_NAME)[rowIndex];
-      for (var colIndex = startColIndex; colIndex <= endColIndex; colIndex++) {
-        var selectedCell = currentRow.querySelectorAll(_constant.TABLE_CELL_NODE_NAME)[colIndex];
+    for (let rowIndex = startRowIndex; rowIndex <= endRowIndex; rowIndex++) {
+      let currentRow = tableRef.current.querySelectorAll(TABLE_ROW_NODE_NAME)[rowIndex];
+      for (let colIndex = startColIndex; colIndex <= endColIndex; colIndex++) {
+        const selectedCell = currentRow.querySelectorAll(TABLE_CELL_NODE_NAME)[colIndex];
         selectedCell.classList.add('selected-cell');
         // Set selected cell border
         rowIndex === startRowIndex && selectedCell.classList.add('selected-cell-top');
@@ -87,43 +72,44 @@ var RenderTableContainer = function RenderTableContainer(_ref, editor) {
       }
     }
     setSelectGridRange({
-      startRowIndex: startRowIndex,
-      endRowIndex: endRowIndex,
-      startColIndex: startColIndex,
-      endColIndex: endColIndex
+      startRowIndex,
+      endRowIndex,
+      startColIndex,
+      endColIndex
     });
   }, [clearSelectedCells]);
-  var selectCellsInTable = (0, _react.useCallback)(function (e) {
+  const selectCellsInTable = useCallback(e => {
     // Check if the target is in the table
-    if (e.target.nodeName.toLowerCase() === _constant.TABLE_BODY_NODE_NAME || !tableRef.current.contains(e.target)) return;
+    if (e.target.nodeName.toLowerCase() === TABLE_BODY_NODE_NAME || !tableRef.current.contains(e.target)) return;
     // Figure out select range
-    var _startGridRef$current = startGridRef.current,
-      startRowIndex = _startGridRef$current.startRowIndex,
-      startColIndex = _startGridRef$current.startColIndex;
-    var endRowIndex = getTableElement(e.target, _constant.TABLE_ROW_NODE_NAME).rowIndex;
-    var endColIndex = getTableElement(e.target, _constant.TABLE_CELL_NODE_NAME).cellIndex;
-    var minRowIndex = Math.min(startRowIndex, endRowIndex);
-    var maxRowIndex = Math.max(startRowIndex, endRowIndex);
-    var minColIndex = Math.min(startColIndex, endColIndex);
-    var maxColIndex = Math.max(startColIndex, endColIndex);
+    const {
+      startRowIndex,
+      startColIndex
+    } = startGridRef.current;
+    const endRowIndex = getTableElement(e.target, TABLE_ROW_NODE_NAME).rowIndex;
+    const endColIndex = getTableElement(e.target, TABLE_CELL_NODE_NAME).cellIndex;
+    const minRowIndex = Math.min(startRowIndex, endRowIndex);
+    const maxRowIndex = Math.max(startRowIndex, endRowIndex);
+    const minColIndex = Math.min(startColIndex, endColIndex);
+    const maxColIndex = Math.max(startColIndex, endColIndex);
     // Select one cell
     if (minRowIndex === maxRowIndex && minColIndex === maxColIndex) return;
     // collapse selection
     window.getSelection().collapseToEnd();
     updateSelectedCellStyles(minRowIndex, maxRowIndex, minColIndex, maxColIndex);
   }, [getTableElement, updateSelectedCellStyles]);
-  var handleMouseUp = (0, _react.useCallback)(function (e) {
+  const handleMouseUp = useCallback(e => {
     document.removeEventListener('mousemove', selectCellsInTable);
     document.removeEventListener('mouseup', handleMouseUp);
     document.addEventListener('keyup', clearSelectedCells);
     document.addEventListener('mousedown', clearSelectedCells);
   }, [clearSelectedCells, selectCellsInTable]);
-  var handleMouseDown = (0, _react.useCallback)(function (e) {
+  const handleMouseDown = useCallback(e => {
     // Clear last rendered styles
     clearSelectedCells();
     // Set new select range
-    var startRowIndex = getTableElement(e.target, _constant.TABLE_ROW_NODE_NAME).rowIndex;
-    var startColIndex = getTableElement(e.target, _constant.TABLE_CELL_NODE_NAME).cellIndex;
+    const startRowIndex = getTableElement(e.target, TABLE_ROW_NODE_NAME).rowIndex;
+    const startColIndex = getTableElement(e.target, TABLE_CELL_NODE_NAME).cellIndex;
     startGridRef.current = {
       startRowIndex: startRowIndex,
       startColIndex: startColIndex
@@ -131,13 +117,14 @@ var RenderTableContainer = function RenderTableContainer(_ref, editor) {
     document.addEventListener('mousemove', selectCellsInTable);
     document.addEventListener('mouseup', handleMouseUp);
   }, [clearSelectedCells, getTableElement, handleMouseUp, selectCellsInTable]);
-  var handleContextMenu = (0, _react.useCallback)(function (e) {
+  const handleContextMenu = useCallback(e => {
     if (!tableRef.current.contains(e.target)) return;
     e.preventDefault();
     e.stopPropagation();
-    var _tableRef$current$get = tableRef.current.getBoundingClientRect(),
-      x = _tableRef$current$get.x,
-      y = _tableRef$current$get.y;
+    const {
+      x,
+      y
+    } = tableRef.current.getBoundingClientRect();
     setContextMenuPosition({
       top: e.clientY - y,
       left: e.clientX - x
@@ -147,40 +134,45 @@ var RenderTableContainer = function RenderTableContainer(_ref, editor) {
     document.addEventListener('keyup', unregisterEventHandler);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  var unregisterEventHandler = (0, _react.useCallback)(function () {
+  const unregisterEventHandler = useCallback(() => {
     document.removeEventListener('mousedown', handleContextMenu);
   }, [handleContextMenu]);
-  var handleCloseContextMenu = function handleCloseContextMenu() {
+  const handleCloseContextMenu = () => {
     setIsShowContextMenu(false);
   };
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     style: {
       position: 'relative'
     }
-  }, /*#__PURE__*/_react.default.createElement("table", {
+  }, /*#__PURE__*/React.createElement("table", {
     ref: tableRef,
     onMouseDown: handleMouseDown,
     className: "sf-table-container"
-  }, /*#__PURE__*/_react.default.createElement("tbody", attributes, children)), isShowContextMenu && /*#__PURE__*/_react.default.createElement(_contextMenu.default, {
+  }, /*#__PURE__*/React.createElement("tbody", attributes, children)), isShowContextMenu && /*#__PURE__*/React.createElement(ContextMenu, {
     handleCloseContextMenu: handleCloseContextMenu,
     position: contextMenuPosition,
     editor: editor
   }));
 };
-var _default = exports.default = RenderTableContainer;
-var RenderTableRow = exports.RenderTableRow = function RenderTableRow(_ref2) {
-  var attributes = _ref2.attributes,
-    children = _ref2.children,
-    element = _ref2.element;
-  return /*#__PURE__*/_react.default.createElement("tr", attributes, children);
+export default RenderTableContainer;
+export const RenderTableRow = _ref2 => {
+  let {
+    attributes,
+    children,
+    element
+  } = _ref2;
+  return /*#__PURE__*/React.createElement("tr", attributes, children);
 };
-var RenderTableCell = exports.RenderTableCell = function RenderTableCell(_ref3) {
-  var attributes = _ref3.attributes,
-    children = _ref3.children,
-    element = _ref3.element;
-  var _element$align = element.align,
-    align = _element$align === void 0 ? _constants.TEXT_ALIGN.LEFT : _element$align;
-  return /*#__PURE__*/_react.default.createElement("td", Object.assign({
+export const RenderTableCell = _ref3 => {
+  let {
+    attributes,
+    children,
+    element
+  } = _ref3;
+  const {
+    align = TEXT_ALIGN.LEFT
+  } = element;
+  return /*#__PURE__*/React.createElement("td", Object.assign({
     "data-root": "true",
     style: {
       textAlign: align

package/dist/extension/plugins/table/table-operations.js

@@ -1,147 +1,127 @@
-"use strict";
+import { Editor, Transforms } from 'slate';
+import { INSERT_POSITION } from '../../constants';
+import { getSelectGrid, getTableEntry, getTableFocusingInfos } from './helper';
+import { generateTableCell, generateTableRow } from './model';
+import { focusEditor } from '../../core';
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.removeTable = exports.removeRow = exports.removeColumn = exports.insertRow = exports.insertColumn = exports.changeCellAlign = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-var _slate = require("slate");
-var _constants = require("../../constants");
-var _helper = require("./helper");
-var _model = require("./model");
-var _core = require("../../core");
 /**
  * @param {Object} editor
  * @param {INSERT_POSITION.AFTER | INSERT_POSITION.BEFORE} insertPosition by default is INSERT_POSITION.AFTER
  */
-var insertRow = exports.insertRow = function insertRow(editor) {
-  var position = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _constants.INSERT_POSITION.AFTER;
-  var _getTableFocusingInfo = (0, _helper.getTableFocusingInfos)(editor),
-    _getTableFocusingInfo2 = (0, _slicedToArray2.default)(_getTableFocusingInfo.tableEntry, 2),
-    tablePath = _getTableFocusingInfo2[1],
-    _getTableFocusingInfo3 = (0, _slicedToArray2.default)(_getTableFocusingInfo.rowEntry, 1),
-    rowNode = _getTableFocusingInfo3[0],
-    rowIndex = _getTableFocusingInfo.rowIndex;
-  var getInsertPath = function getInsertPath(rowIndex) {
-    var _handlePosition;
-    var handlePosition = (_handlePosition = {}, (0, _defineProperty2.default)(_handlePosition, _constants.INSERT_POSITION.BEFORE, function (rowIndex) {
-      return tablePath.concat(rowIndex);
-    }), (0, _defineProperty2.default)(_handlePosition, _constants.INSERT_POSITION.AFTER, function (rowIndex) {
-      return tablePath.concat(rowIndex + 1);
-    }), _handlePosition);
+const insertRow = function (editor) {
+  let position = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : INSERT_POSITION.AFTER;
+  const {
+    tableEntry: [, tablePath],
+    rowEntry: [rowNode],
+    rowIndex
+  } = getTableFocusingInfos(editor);
+  const getInsertPath = rowIndex => {
+    const handlePosition = {
+      [INSERT_POSITION.BEFORE]: rowIndex => tablePath.concat(rowIndex),
+      [INSERT_POSITION.AFTER]: rowIndex => tablePath.concat(rowIndex + 1)
+    };
     return handlePosition[position](rowIndex);
   };
-  var insertPath = getInsertPath(rowIndex);
-  var insertRowChildren = rowNode.children.map(function (_ref) {
-    var align = _ref.align;
-    return (0, _model.generateTableCell)({
-      align: align
+  const insertPath = getInsertPath(rowIndex);
+  const insertRowChildren = rowNode.children.map(_ref => {
+    let {
+      align
+    } = _ref;
+    return generateTableCell({
+      align
     });
   });
-  var insertRow = (0, _model.generateTableRow)({
+  const insertRow = generateTableRow({
     childrenOrText: insertRowChildren
   });
-  _slate.Transforms.insertNodes(editor, insertRow, {
+  Transforms.insertNodes(editor, insertRow, {
     at: insertPath
   });
 };
-var removeRow = exports.removeRow = function removeRow(editor) {
-  var _getTableFocusingInfo4 = (0, _helper.getTableFocusingInfos)(editor),
-    _getTableFocusingInfo5 = (0, _slicedToArray2.default)(_getTableFocusingInfo4.tableEntry, 2),
-    tableNode = _getTableFocusingInfo5[0],
-    tablePath = _getTableFocusingInfo5[1],
-    _getTableFocusingInfo6 = (0, _slicedToArray2.default)(_getTableFocusingInfo4.rowEntry, 2),
-    rowPath = _getTableFocusingInfo6[1],
-    rowIndex = _getTableFocusingInfo4.rowIndex;
-  var focusPoint = null;
-  var tableHeight = tableNode.children.length;
+const removeRow = editor => {
+  const {
+    tableEntry: [tableNode, tablePath],
+    rowEntry: [, rowPath],
+    rowIndex
+  } = getTableFocusingInfos(editor);
+  let focusPoint = null;
+  const tableHeight = tableNode.children.length;
   // If table has one more row, remove row, else remove table
   if (tableHeight > 1) {
     // If removing row is the last row, focus on the previous row
-    var isRemovingLastRow = rowIndex === tableHeight - 1;
-    focusPoint = isRemovingLastRow ? _slate.Editor.start(editor, tablePath.concat(rowIndex - 1)) : _slate.Editor.start(editor, rowPath);
-    _slate.Transforms.removeNodes(editor, {
+    const isRemovingLastRow = rowIndex === tableHeight - 1;
+    focusPoint = isRemovingLastRow ? Editor.start(editor, tablePath.concat(rowIndex - 1)) : Editor.start(editor, rowPath);
+    Transforms.removeNodes(editor, {
       at: rowPath
     });
-    (0, _core.focusEditor)(editor, focusPoint);
+    focusEditor(editor, focusPoint);
   } else {
     removeTable(editor);
   }
 };
-var removeTable = exports.removeTable = function removeTable(editor) {
-  var _getTableEntry = (0, _helper.getTableEntry)(editor),
-    _getTableEntry2 = (0, _slicedToArray2.default)(_getTableEntry, 1),
-    tableNodeEntry = _getTableEntry2[0];
+const removeTable = editor => {
+  const [tableNodeEntry] = getTableEntry(editor);
   if (!tableNodeEntry) return;
-  var _tableNodeEntry = (0, _slicedToArray2.default)(tableNodeEntry, 2),
-    tablePath = _tableNodeEntry[1];
-  var previousNodeEntry = _slate.Editor.previous(editor, {
+  const [, tablePath] = tableNodeEntry;
+  const previousNodeEntry = Editor.previous(editor, {
     at: tablePath
   });
-  var focusPoint = _slate.Editor.end(editor, previousNodeEntry[1]);
-  _slate.Transforms.removeNodes(editor, {
+  const focusPoint = Editor.end(editor, previousNodeEntry[1]);
+  Transforms.removeNodes(editor, {
     at: tablePath
   });
-  (0, _core.focusEditor)(editor, focusPoint);
+  focusEditor(editor, focusPoint);
 };
 
 /**
  * @param {Object} editor
  * @param {INSERT_POSITION.AFTER | INSERT_POSITION.BEFORE} insertPosition by default is INSERT_POSITION.AFTER
  */
-var insertColumn = exports.insertColumn = function insertColumn(editor) {
-  var insertPosition = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _constants.INSERT_POSITION.AFTER;
-  var _getTableFocusingInfo7 = (0, _helper.getTableFocusingInfos)(editor),
-    _getTableFocusingInfo8 = (0, _slicedToArray2.default)(_getTableFocusingInfo7.tableEntry, 2),
-    tableNode = _getTableFocusingInfo8[0],
-    tablePath = _getTableFocusingInfo8[1],
-    rowIndex = _getTableFocusingInfo7.rowIndex,
-    columnIndex = _getTableFocusingInfo7.columnIndex;
-  var getInsertPath = function getInsertPath(rowIndex, columnIndex) {
-    var _newCellPath;
-    var newCellPath = (_newCellPath = {}, (0, _defineProperty2.default)(_newCellPath, _constants.INSERT_POSITION.BEFORE, function (rowIndex, columnIndex) {
-      return tablePath.concat(rowIndex, columnIndex);
-    }), (0, _defineProperty2.default)(_newCellPath, _constants.INSERT_POSITION.AFTER, function (rowIndex, columnIndex) {
-      return tablePath.concat(rowIndex, columnIndex + 1);
-    }), _newCellPath);
+const insertColumn = function (editor) {
+  let insertPosition = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : INSERT_POSITION.AFTER;
+  const {
+    tableEntry: [tableNode, tablePath],
+    rowIndex,
+    columnIndex
+  } = getTableFocusingInfos(editor);
+  const getInsertPath = (rowIndex, columnIndex) => {
+    const newCellPath = {
+      [INSERT_POSITION.BEFORE]: (rowIndex, columnIndex) => tablePath.concat(rowIndex, columnIndex),
+      [INSERT_POSITION.AFTER]: (rowIndex, columnIndex) => tablePath.concat(rowIndex, columnIndex + 1)
+    };
     return newCellPath[insertPosition](rowIndex, columnIndex);
   };
-  tableNode.children.forEach(function (row, rowIndex) {
-    var insertPath = getInsertPath(rowIndex, columnIndex);
-    var newCell = (0, _model.generateTableCell)(rowIndex, columnIndex);
-    _slate.Transforms.insertNodes(editor, newCell, {
+  tableNode.children.forEach((row, rowIndex) => {
+    const insertPath = getInsertPath(rowIndex, columnIndex);
+    const newCell = generateTableCell(rowIndex, columnIndex);
+    Transforms.insertNodes(editor, newCell, {
       at: insertPath
     });
   });
-  var focusPoint = _slate.Editor.start(editor, getInsertPath(rowIndex, columnIndex));
-  (0, _core.focusEditor)(editor, focusPoint);
+  const focusPoint = Editor.start(editor, getInsertPath(rowIndex, columnIndex));
+  focusEditor(editor, focusPoint);
 };
-var removeColumn = exports.removeColumn = function removeColumn(editor) {
-  var _getTableFocusingInfo9 = (0, _helper.getTableFocusingInfos)(editor),
-    _getTableFocusingInfo10 = (0, _slicedToArray2.default)(_getTableFocusingInfo9.tableEntry, 2),
-    tableNode = _getTableFocusingInfo10[0],
-    tablePath = _getTableFocusingInfo10[1],
-    _getTableFocusingInfo11 = (0, _slicedToArray2.default)(_getTableFocusingInfo9.rowEntry, 2),
-    rowNode = _getTableFocusingInfo11[0],
-    rowPath = _getTableFocusingInfo11[1],
-    columnIndex = _getTableFocusingInfo9.columnIndex;
-  var tableWidth = rowNode.children.length;
-  var focusPoint = null;
+const removeColumn = editor => {
+  const {
+    tableEntry: [tableNode, tablePath],
+    rowEntry: [rowNode, rowPath],
+    columnIndex
+  } = getTableFocusingInfos(editor);
+  const tableWidth = rowNode.children.length;
+  let focusPoint = null;
 
   // If table has one more column, remove column, else remove table
   if (tableWidth > 1) {
     // If removing column is the last column, focus on the previous column
-    var isRemovingLastColumn = columnIndex === tableWidth - 1;
-    tableNode.children.forEach(function (row, rowIndex) {
-      var removePath = tablePath.concat(rowIndex, columnIndex);
-      _slate.Transforms.removeNodes(editor, {
+    const isRemovingLastColumn = columnIndex === tableWidth - 1;
+    tableNode.children.forEach((row, rowIndex) => {
+      const removePath = tablePath.concat(rowIndex, columnIndex);
+      Transforms.removeNodes(editor, {
         at: removePath
       });
     });
-    focusPoint = isRemovingLastColumn ? _slate.Editor.start(editor, rowPath.concat(columnIndex - 1)) : _slate.Editor.start(editor, rowPath.concat(columnIndex));
-    (0, _core.focusEditor)(editor, focusPoint);
+    focusPoint = isRemovingLastColumn ? Editor.start(editor, rowPath.concat(columnIndex - 1)) : Editor.start(editor, rowPath.concat(columnIndex));
+    focusEditor(editor, focusPoint);
   } else {
     removeTable(editor);
   }
@@ -151,25 +131,27 @@ var removeColumn = exports.removeColumn = function removeColumn(editor) {
  * @param {Object} editor
  * @param {keyof TEXT_ALIGN} align Text align
  */
-var changeCellAlign = exports.changeCellAlign = function changeCellAlign(editor, align) {
-  var _getTableFocusingInfo12 = (0, _helper.getTableFocusingInfos)(editor),
-    _getTableFocusingInfo13 = (0, _slicedToArray2.default)(_getTableFocusingInfo12.tableEntry, 2),
-    tablePath = _getTableFocusingInfo13[1],
-    columnIndex = _getTableFocusingInfo12.columnIndex,
-    rowIndex = _getTableFocusingInfo12.rowIndex;
-  var selectGrid = (0, _helper.getSelectGrid)(editor);
+const changeCellAlign = (editor, align) => {
+  const {
+    tableEntry: [, tablePath],
+    columnIndex,
+    rowIndex
+  } = getTableFocusingInfos(editor);
+  const selectGrid = getSelectGrid(editor);
 
   // If select a range in table
   if (selectGrid) {
-    var startRowIndex = selectGrid.startRowIndex,
-      endRowIndex = selectGrid.endRowIndex,
-      startColIndex = selectGrid.startColIndex,
-      endColIndex = selectGrid.endColIndex;
-    for (var _rowIndex = startRowIndex; _rowIndex <= endRowIndex; _rowIndex++) {
-      for (var _columnIndex = startColIndex; _columnIndex <= endColIndex; _columnIndex++) {
-        var cellPath = tablePath.concat(_rowIndex, _columnIndex);
-        _slate.Transforms.setNodes(editor, {
-          align: align
+    const {
+      startRowIndex,
+      endRowIndex,
+      startColIndex,
+      endColIndex
+    } = selectGrid;
+    for (let rowIndex = startRowIndex; rowIndex <= endRowIndex; rowIndex++) {
+      for (let columnIndex = startColIndex; columnIndex <= endColIndex; columnIndex++) {
+        const cellPath = tablePath.concat(rowIndex, columnIndex);
+        Transforms.setNodes(editor, {
+          align
         }, {
           at: cellPath
         });
@@ -177,11 +159,12 @@ var changeCellAlign = exports.changeCellAlign = function changeCellAlign(editor,
     }
   } else {
     // If select a cell in table
-    var _cellPath = tablePath.concat(rowIndex, columnIndex);
-    _slate.Transforms.setNodes(editor, {
-      align: align
+    const cellPath = tablePath.concat(rowIndex, columnIndex);
+    Transforms.setNodes(editor, {
+      align
     }, {
-      at: _cellPath
+      at: cellPath
     });
   }
-};
+};
+export { insertRow, removeRow, removeTable, insertColumn, removeColumn, changeCellAlign };

package/dist/extension/plugins/text-style/helpers.js

@@ -1,44 +1,34 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.toggleTextStyle = exports.removeMark = exports.isMenuDisabled = exports.isMarkActive = exports.addMark = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-var _slate = require("slate");
-var _helpers = require("../code-block/helpers");
-var isMenuDisabled = exports.isMenuDisabled = function isMenuDisabled(editor, isReadonly) {
+import { Editor } from 'slate';
+import { isInCodeBlock } from '../code-block/helpers';
+export const isMenuDisabled = (editor, isReadonly) => {
   if (isReadonly) return true;
-  var selection = editor.selection;
+  const {
+    selection
+  } = editor;
   if (!selection) return true;
-  if ((0, _helpers.isInCodeBlock)(editor)) return true;
+  if (isInCodeBlock(editor)) return true;
   return false;
 };
-var isMarkActive = exports.isMarkActive = function isMarkActive(editor, mark) {
-  var marks = _slate.Editor.marks(editor);
+export const isMarkActive = (editor, mark) => {
+  const marks = Editor.marks(editor);
 
   // If curMarks exists, you need to set this parameter manually. curMarks prevails
   if (marks && Object.keys(marks).length > 0) {
     return !!marks[mark];
   } else {
-    var _Editor$nodes = _slate.Editor.nodes(editor, {
-        match: function match(n) {
-          return n[mark] === true;
-        }
-      }),
-      _Editor$nodes2 = (0, _slicedToArray2.default)(_Editor$nodes, 1),
-      match = _Editor$nodes2[0];
+    const [match] = Editor.nodes(editor, {
+      match: n => n[mark] === true
+    });
     return !!match;
   }
 };
-var addMark = exports.addMark = function addMark(editor, type) {
-  _slate.Editor.addMark(editor, type, true);
+export const addMark = (editor, type) => {
+  Editor.addMark(editor, type, true);
 };
-var removeMark = exports.removeMark = function removeMark(editor, type) {
-  _slate.Editor.removeMark(editor, type);
+export const removeMark = (editor, type) => {
+  Editor.removeMark(editor, type);
 };
-var toggleTextStyle = exports.toggleTextStyle = function toggleTextStyle(editor, type) {
-  var isActive = isMarkActive(editor, type);
+export const toggleTextStyle = (editor, type) => {
+  const isActive = isMarkActive(editor, type);
   isActive ? removeMark(editor, type) : addMark(editor, type);
 };

package/dist/extension/plugins/text-style/index.js

@@ -1,17 +1,10 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _menu = _interopRequireDefault(require("./menu"));
-var _plugin = _interopRequireDefault(require("./plugin"));
-var _renderElem = _interopRequireDefault(require("./render-elem"));
-var TextPlugin = {
+import TextStyleMenu from './menu';
+import withTextStyle from './plugin';
+import renderText from './render-elem';
+const TextPlugin = {
   type: 'text',
-  editorMenus: [_menu.default],
-  editorPlugin: _plugin.default,
-  renderElements: [_renderElem.default]
+  editorMenus: [TextStyleMenu],
+  editorPlugin: withTextStyle,
+  renderElements: [renderText]
 };
-var _default = exports.default = TextPlugin;
+export default TextPlugin;