@seafile/sdoc-editor 0.1.55 → 0.1.57-test0

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

@@ -1,94 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useRef, useState, useEffect } from 'react';
-import classnames from 'classnames';
-import throttle from 'lodash.throttle';
-import { useSelected } from '@seafile/slate-react';
-import { EMPTY_SELECTED_RANGE } from '../../constants';
-import { TableContext } from '../context';
-import EventBus from '../../../../../utils/event-bus';
-import { EXTERNAL_EVENT } from '../../../../../../constants';
-import { setTableSelectedRange } from '../../helpers';
-import ObjectUtils from '../../../../../utils/object-utils';
-import './index.css';
-var Table = function Table(_ref) {
-  var className = _ref.className,
-    attributes = _ref.attributes,
-    children = _ref.children,
-    isSelected = _ref.isSelected,
-    editor = _ref.editor;
-  var table = useRef(null);
-  var startRowIndex = 0;
-  var startColIndex = 0;
-  var _selectedRange = EMPTY_SELECTED_RANGE;
-  var _useState = useState(EMPTY_SELECTED_RANGE),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedRange = _useState2[0],
-    setSelectedRange = _useState2[1];
-  var eventBus = EventBus.getInstance();
-  useEffect(function () {
-    var cancelTableSelectRangeSubscribe = eventBus.subscribe(EXTERNAL_EVENT.CANCEL_TABLE_SELECT_RANGE, clearRange);
-    return function () {
-      cancelTableSelectRangeSubscribe();
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  var clearRange = function clearRange() {
-    _selectedRange = EMPTY_SELECTED_RANGE;
-    setSelectedRange(EMPTY_SELECTED_RANGE);
-  };
-  var onMouseMove = throttle(function (event) {
-    // if  event.target not in the table, clear the mouseMove event
-    if (event.target.nodeName === 'TBODY' || !table.current.contains(event.target)) {
-      return;
-    }
-    var endRowIndex = Number(event.target.getAttribute('row-index'));
-    var endColIndex = Number(event.target.getAttribute('cell-index'));
-    var newSelectedRange = {
-      minRowIndex: Math.min(startRowIndex, endRowIndex),
-      maxRowIndex: Math.max(startRowIndex, endRowIndex),
-      minColIndex: Math.min(startColIndex, endColIndex),
-      maxColIndex: Math.max(startColIndex, endColIndex)
-    };
-
-    // same cell
-    if (newSelectedRange.minRowIndex === newSelectedRange.maxRowIndex && newSelectedRange.minColIndex === newSelectedRange.maxColIndex) return;
-    _selectedRange = newSelectedRange;
-    setSelectedRange(newSelectedRange);
-    setTableSelectedRange(editor, newSelectedRange);
-  }, 200);
-  var onMouseUp = function onMouseUp(event) {
-    if (!ObjectUtils.isSameObject(_selectedRange, EMPTY_SELECTED_RANGE)) {
-      window.getSelection().collapseToEnd();
-    }
-    window.document.removeEventListener('mousemove', onMouseMove);
-    window.document.removeEventListener('mouseup', onMouseUp);
-  };
-  var onMouseDown = function onMouseDown(event) {
-    if (event.button !== 0) return; // right click not deal
-    startRowIndex = Number(event.target.getAttribute('row-index'));
-    startColIndex = Number(event.target.getAttribute('cell-index'));
-    setSelectedRange(EMPTY_SELECTED_RANGE);
-    setTableSelectedRange(editor, EMPTY_SELECTED_RANGE);
-    window.document.addEventListener('mousemove', onMouseMove);
-    window.document.addEventListener('mouseup', onMouseUp);
-  };
-  return /*#__PURE__*/React.createElement(TableContext.Provider, {
-    value: selectedRange
-  }, /*#__PURE__*/React.createElement("div", Object.assign({}, attributes, {
-    className: classnames('sdoc-table-wrapper', attributes.className, className, {
-      'sdoc-table-selected': isSelected
-    })
-  }), /*#__PURE__*/React.createElement("table", {
-    onMouseDown: onMouseDown,
-    ref: table
-  }, /*#__PURE__*/React.createElement("tbody", null, children))));
-};
-function renderTable(props, editor) {
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  var isSelected = useSelected();
-  return /*#__PURE__*/React.createElement(Table, Object.assign({}, props, {
-    editor: editor,
-    isSelected: isSelected
-  }));
-}
-export default renderTable;