@seafile/seafile-editor 1.0.2 → 1.0.4

package/dist/extension/plugins/table/menu/table-operator.js

@@ -1,98 +1,83 @@
-"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.RowOperationDropDownList = exports.RemoveTableMenu = exports.ColumnOperationDropDownList = exports.AlignmentDropDown = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _react = _interopRequireWildcard(require("react"));
-var _menuDropDown = _interopRequireDefault(require("../../../commons/menu/menu-drop-down"));
-var _constants = require("../../../constants");
-var _menuItem = _interopRequireDefault(require("../../../commons/menu/menu-item"));
-var _tableOperations = require("../table-operations");
-var AlignmentDropDown = exports.AlignmentDropDown = function AlignmentDropDown(_ref) {
-  var editor = _ref.editor,
-    readonly = _ref.readonly;
-  var alignmentOperationDropDownList = (0, _react.useMemo)(function () {
-    return [(0, _objectSpread2.default)((0, _objectSpread2.default)({}, _constants.MENUS_CONFIG_MAP[_constants.TABLE_SUBMENU_MAP.TABLE_ALIGN_LEFT]), {}, {
-      handleClick: function handleClick(item) {
-        return (0, _tableOperations.changeCellAlign)(editor, _constants.TEXT_ALIGN.LEFT);
-      }
-    }), (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _constants.MENUS_CONFIG_MAP[_constants.TABLE_SUBMENU_MAP.TABLE_ALIGN_CENTER]), {}, {
-      handleClick: function handleClick(item) {
-        return (0, _tableOperations.changeCellAlign)(editor, _constants.TEXT_ALIGN.CENTER);
-      }
-    }), (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _constants.MENUS_CONFIG_MAP[_constants.TABLE_SUBMENU_MAP.TABLE_ALIGN_RIGHT]), {}, {
-      handleClick: function handleClick(item) {
-        return (0, _tableOperations.changeCellAlign)(editor, _constants.TEXT_ALIGN.RIGHT);
-      }
-    })];
-  }, [editor]);
-  return /*#__PURE__*/_react.default.createElement(_menuDropDown.default, Object.assign({
+import React, { useMemo } from 'react';
+import MenuDropDown from '../../../commons/menu/menu-drop-down';
+import { MENUS_CONFIG_MAP, TABLE_SUBMENU_MAP, TEXT_ALIGN } from '../../../constants';
+import MenuItem from '../../../commons/menu/menu-item';
+import { changeCellAlign, insertColumn, insertRow, removeColumn, removeRow, removeTable } from '../table-operations';
+const AlignmentDropDown = _ref => {
+  let {
+    editor,
+    readonly
+  } = _ref;
+  const alignmentOperationDropDownList = useMemo(() => [{
+    ...MENUS_CONFIG_MAP[TABLE_SUBMENU_MAP.TABLE_ALIGN_LEFT],
+    handleClick: item => changeCellAlign(editor, TEXT_ALIGN.LEFT)
+  }, {
+    ...MENUS_CONFIG_MAP[TABLE_SUBMENU_MAP.TABLE_ALIGN_CENTER],
+    handleClick: item => changeCellAlign(editor, TEXT_ALIGN.CENTER)
+  }, {
+    ...MENUS_CONFIG_MAP[TABLE_SUBMENU_MAP.TABLE_ALIGN_RIGHT],
+    handleClick: item => changeCellAlign(editor, TEXT_ALIGN.RIGHT)
+  }], [editor]);
+  return /*#__PURE__*/React.createElement(MenuDropDown, Object.assign({
     editor: editor,
     readonly: readonly,
     isDisabled: false,
     dropDownList: alignmentOperationDropDownList,
     isShowListItemIcon: true
-  }, _constants.MENUS_CONFIG_MAP[_constants.TABLE_SUBMENU_MAP.TABLE_ALIGN_LEFT]));
+  }, MENUS_CONFIG_MAP[TABLE_SUBMENU_MAP.TABLE_ALIGN_LEFT]));
 };
-var ColumnOperationDropDownList = exports.ColumnOperationDropDownList = function ColumnOperationDropDownList(_ref2) {
-  var editor = _ref2.editor,
-    readonly = _ref2.readonly;
-  var columnOperationDropDownList = (0, _react.useMemo)(function () {
-    return [(0, _objectSpread2.default)((0, _objectSpread2.default)({}, _constants.MENUS_CONFIG_MAP[_constants.TABLE_SUBMENU_MAP.TABLE_INSERT_COLUMN]), {}, {
-      handleClick: function handleClick(item) {
-        return (0, _tableOperations.insertColumn)(editor);
-      }
-    }), (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _constants.MENUS_CONFIG_MAP[_constants.TABLE_SUBMENU_MAP.TABLE_REMOVE_COLUMN]), {}, {
-      handleClick: function handleClick(item) {
-        return (0, _tableOperations.removeColumn)(editor);
-      }
-    })];
-  }, [editor]);
-  return /*#__PURE__*/_react.default.createElement(_menuDropDown.default, Object.assign({
+const ColumnOperationDropDownList = _ref2 => {
+  let {
+    editor,
+    readonly
+  } = _ref2;
+  const columnOperationDropDownList = useMemo(() => [{
+    ...MENUS_CONFIG_MAP[TABLE_SUBMENU_MAP.TABLE_INSERT_COLUMN],
+    handleClick: item => insertColumn(editor)
+  }, {
+    ...MENUS_CONFIG_MAP[TABLE_SUBMENU_MAP.TABLE_REMOVE_COLUMN],
+    handleClick: item => removeColumn(editor)
+  }], [editor]);
+  return /*#__PURE__*/React.createElement(MenuDropDown, Object.assign({
     editor: editor,
     readonly: readonly,
     isDisabled: false,
     dropDownList: columnOperationDropDownList
-  }, _constants.MENUS_CONFIG_MAP[_constants.TABLE_SUBMENU_MAP.TABLE_INSERT_COLUMN]));
+  }, MENUS_CONFIG_MAP[TABLE_SUBMENU_MAP.TABLE_INSERT_COLUMN]));
 };
-var RowOperationDropDownList = exports.RowOperationDropDownList = function RowOperationDropDownList(_ref3) {
-  var editor = _ref3.editor,
-    readonly = _ref3.readonly;
-  var rowOperationDropDownList = (0, _react.useMemo)(function () {
-    return [(0, _objectSpread2.default)((0, _objectSpread2.default)({}, _constants.MENUS_CONFIG_MAP[_constants.TABLE_SUBMENU_MAP.TABLE_INSERT_ROW]), {}, {
-      handleClick: function handleClick(item) {
-        return (0, _tableOperations.insertRow)(editor);
-      }
-    }), (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _constants.MENUS_CONFIG_MAP[_constants.TABLE_SUBMENU_MAP.TABLE_REMOVE_ROW]), {}, {
-      handleClick: function handleClick(item) {
-        return (0, _tableOperations.removeRow)(editor);
-      }
-    })];
-  }, [editor]);
-  return /*#__PURE__*/_react.default.createElement(_menuDropDown.default, Object.assign({
+const RowOperationDropDownList = _ref3 => {
+  let {
+    editor,
+    readonly
+  } = _ref3;
+  const rowOperationDropDownList = useMemo(() => [{
+    ...MENUS_CONFIG_MAP[TABLE_SUBMENU_MAP.TABLE_INSERT_ROW],
+    handleClick: item => insertRow(editor)
+  }, {
+    ...MENUS_CONFIG_MAP[TABLE_SUBMENU_MAP.TABLE_REMOVE_ROW],
+    handleClick: item => removeRow(editor)
+  }], [editor]);
+  return /*#__PURE__*/React.createElement(MenuDropDown, Object.assign({
     editor: editor,
     readonly: readonly,
     isDisabled: false,
     dropDownList: rowOperationDropDownList
-  }, _constants.MENUS_CONFIG_MAP[_constants.TABLE_SUBMENU_MAP.TABLE_INSERT_ROW]));
+  }, MENUS_CONFIG_MAP[TABLE_SUBMENU_MAP.TABLE_INSERT_ROW]));
 };
-var RemoveTableMenu = exports.RemoveTableMenu = function RemoveTableMenu(_ref4) {
-  var editor = _ref4.editor,
-    readonly = _ref4.readonly,
-    className = _ref4.className,
-    isRichEditor = _ref4.isRichEditor;
-  return /*#__PURE__*/_react.default.createElement(_menuItem.default, Object.assign({
+const RemoveTableMenu = _ref4 => {
+  let {
+    editor,
+    readonly,
+    className,
+    isRichEditor
+  } = _ref4;
+  return /*#__PURE__*/React.createElement(MenuItem, Object.assign({
     isRichEditor: isRichEditor,
     className: className,
     disabled: false,
     isActive: false,
-    onMouseDown: function onMouseDown() {
-      return (0, _tableOperations.removeTable)(editor);
-    },
+    onMouseDown: () => removeTable(editor),
     editor: editor
-  }, _constants.MENUS_CONFIG_MAP[_constants.TABLE_SUBMENU_MAP.TABLE_DELETE_TABLE]));
-};
+  }, MENUS_CONFIG_MAP[TABLE_SUBMENU_MAP.TABLE_DELETE_TABLE]));
+};
+export { AlignmentDropDown, ColumnOperationDropDownList, RowOperationDropDownList, RemoveTableMenu };

package/dist/extension/plugins/table/menu/table-size-selector.js

@@ -1,37 +1,24 @@
-"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 = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _helper = require("../helper");
-require("./style.css");
-var TableSizeSelector = function TableSizeSelector(_ref) {
-  var editor = _ref.editor;
-  var _useState = (0, _react.useState)({
-      row: 0,
-      column: 0
-    }),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    selectedGridInfo = _useState2[0],
-    setSelectedGridInfo = _useState2[1];
-  var _useState3 = (0, _react.useState)({
-      row: 4,
-      column: 4
-    }),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    showingGridInfo = _useState4[0],
-    setShowingGridInfo = _useState4[1];
-  var preRenderTableGrid = (0, _react.useCallback)(function (rowIndex, columnIndex) {
-    var selectedRowNums = rowIndex + 1;
-    var selectedColumnNums = columnIndex + 1;
-    var preRenderRowNum = selectedRowNums + 1;
-    var preRenderColumnNum = selectedColumnNums + 1;
+import React, { useCallback, useMemo, useState } from 'react';
+import classNames from 'classnames';
+import { insertTable } from '../helper';
+import './style.css';
+const TableSizeSelector = _ref => {
+  let {
+    editor
+  } = _ref;
+  const [selectedGridInfo, setSelectedGridInfo] = useState({
+    row: 0,
+    column: 0
+  });
+  const [showingGridInfo, setShowingGridInfo] = useState({
+    row: 4,
+    column: 4
+  });
+  const preRenderTableGrid = useCallback((rowIndex, columnIndex) => {
+    const selectedRowNums = rowIndex + 1;
+    const selectedColumnNums = columnIndex + 1;
+    let preRenderRowNum = selectedRowNums + 1;
+    let preRenderColumnNum = selectedColumnNums + 1;
     if (preRenderRowNum < 4) {
       preRenderRowNum = 4;
     } else if (preRenderRowNum > 10) {
@@ -51,50 +38,42 @@ var TableSizeSelector = function TableSizeSelector(_ref) {
       column: preRenderColumnNum
     });
   }, []);
-  var handleClickTableCell = (0, _react.useCallback)(function () {
-    (0, _helper.insertTable)(editor, selectedGridInfo.row, selectedGridInfo.column);
+  const handleClickTableCell = useCallback(() => {
+    insertTable(editor, selectedGridInfo.row, selectedGridInfo.column);
   }, [editor, selectedGridInfo]);
-  var generateTableGrid = (0, _react.useCallback)(function (rowNum, columnNum) {
-    var selectedRowIndex = selectedGridInfo.row,
-      selectedColumnIndex = selectedGridInfo.column;
-    var rowElements = [];
-    var _loop = function _loop(rowIndex) {
-      var columnElements = [];
-      var _loop2 = function _loop2(columnIndex) {
-        var isCellSelected = selectedRowIndex > rowIndex && selectedColumnIndex > columnIndex;
-        columnElements.push( /*#__PURE__*/_react.default.createElement("div", {
+  const generateTableGrid = useCallback((rowNum, columnNum) => {
+    const {
+      row: selectedRowIndex,
+      column: selectedColumnIndex
+    } = selectedGridInfo;
+    const rowElements = [];
+    for (let rowIndex = 0; rowIndex < rowNum; rowIndex++) {
+      const columnElements = [];
+      for (let columnIndex = 0; columnIndex < columnNum; columnIndex++) {
+        const isCellSelected = selectedRowIndex > rowIndex && selectedColumnIndex > columnIndex;
+        columnElements.push( /*#__PURE__*/React.createElement("div", {
           onClick: handleClickTableCell,
-          onMouseEnter: function onMouseEnter() {
-            return preRenderTableGrid(rowIndex, columnIndex);
-          },
-          className: (0, _classnames.default)('sf-table-selector-cell', {
+          onMouseEnter: () => preRenderTableGrid(rowIndex, columnIndex),
+          className: classNames('sf-table-selector-cell', {
             selected: isCellSelected
           }),
           key: "".concat(rowIndex, "-").concat(columnIndex)
         }));
-      };
-      for (var columnIndex = 0; columnIndex < columnNum; columnIndex++) {
-        _loop2(columnIndex);
       }
-      rowElements.push( /*#__PURE__*/_react.default.createElement("div", {
+      rowElements.push( /*#__PURE__*/React.createElement("div", {
         className: "sf-table-row",
         key: rowIndex
       }, columnElements));
-    };
-    for (var rowIndex = 0; rowIndex < rowNum; rowIndex++) {
-      _loop(rowIndex);
     }
     return rowElements;
   }, [handleClickTableCell, preRenderTableGrid, selectedGridInfo]);
 
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  var tableGridElement = (0, _react.useMemo)(function () {
-    return generateTableGrid(showingGridInfo.row, showingGridInfo.column);
-  }, [generateTableGrid]);
-  return /*#__PURE__*/_react.default.createElement("div", {
+  const tableGridElement = useMemo(() => generateTableGrid(showingGridInfo.row, showingGridInfo.column), [generateTableGrid]);
+  return /*#__PURE__*/React.createElement("div", {
     className: "sf-table-size-selector-card"
-  }, /*#__PURE__*/_react.default.createElement("p", {
+  }, /*#__PURE__*/React.createElement("p", {
     className: "sf-table-grid-info"
   }, "".concat(selectedGridInfo.row, " x ").concat(selectedGridInfo.column)), tableGridElement);
 };
-var _default = exports.default = TableSizeSelector;
+export default TableSizeSelector;

package/dist/extension/plugins/table/model.js

@@ -1,27 +1,22 @@
-"use strict";
+import { generateElement } from '../../core';
+import { TABLE, TABLE_CELL, TABLE_ROW } from '../../constants/element-types';
+import { TEXT_ALIGN } from '../../constants';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.generateTableRow = exports.generateTableCell = exports.generateTable = void 0;
-var _core = require("../../core");
-var _elementTypes = require("../../constants/element-types");
-var _constants = require("../../constants");
 /**
  * @param {Object} options
  * @param {Node[] | String} [options.childrenOrText = ''] If provide a string,that will generate a text node as children automatically
  * @param {keyof TEXT_ALIGN} [options.align = TEXT_ALIGN.left]
 */
-var generateTableCell = exports.generateTableCell = function generateTableCell() {
-  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var _options$align = options.align,
-    align = _options$align === void 0 ? _constants.TEXT_ALIGN.LEFT : _options$align,
-    _options$childrenOrTe = options.childrenOrText,
-    childrenOrText = _options$childrenOrTe === void 0 ? '' : _options$childrenOrTe;
-  return (0, _core.generateElement)(_elementTypes.TABLE_CELL, {
-    childrenOrText: childrenOrText,
+const generateTableCell = function () {
+  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const {
+    align = TEXT_ALIGN.LEFT,
+    childrenOrText = ''
+  } = options;
+  return generateElement(TABLE_CELL, {
+    childrenOrText,
     props: {
-      align: align
+      align
     }
   });
 };
@@ -31,29 +26,30 @@ var generateTableCell = exports.generateTableCell = function generateTableCell()
  * @param {Node[] | String} [options.childrenOrText = ''] If provide a string,that will generate a text node as children automatically
  * @param {number | undefined} columnNum If provide a number,that will generate a table row with the number of cells,or will fill the childrenOrText as cells,or will generate a empty cell(if not provide childrenOrText)
  */
-var generateTableRow = exports.generateTableRow = function generateTableRow(options) {
-  var columnNum = options.columnNum;
-  var _options$childrenOrTe2 = options.childrenOrText,
-    childrenOrText = _options$childrenOrTe2 === void 0 ? '' : _options$childrenOrTe2;
-  var cells = [];
+const generateTableRow = options => {
+  const {
+    columnNum
+  } = options;
+  let {
+    childrenOrText = ''
+  } = options;
+  let cells = [];
   if (columnNum) {
     cells = Array.from({
       length: columnNum
-    }, function () {
-      return generateTableCell();
-    });
+    }, () => generateTableCell());
   } else {
     // If not type of string,we'll consider it as a cell array,or throw an error
     if (typeof childrenOrText === 'string') {
       childrenOrText = [generateTableCell({
-        childrenOrText: childrenOrText
+        childrenOrText
       })];
     }
     if (!Array.isArray(childrenOrText)) {
       throw Error('childrenOrText must be a string or a Node array!');
     }
   }
-  return (0, _core.generateElement)(_elementTypes.TABLE_ROW, {
+  return generateElement(TABLE_ROW, {
     childrenOrText: columnNum ? cells : childrenOrText
   });
 };
@@ -64,32 +60,34 @@ var generateTableRow = exports.generateTableRow = function generateTableRow(opti
  * @param {number | undefined} rowNum If provide a number,that will generate a table with the number of rows,or will fill the childrenOrText as rows,or will generate a empty row(if not provide childrenOrText)
  * @param {number | undefined} columnNum If provide a number,that will generate a table row with the number of cells,or will fill the childrenOrText as cells,or will generate a empty cell(if not provide childrenOrText)
  */
-var generateTable = exports.generateTable = function generateTable(options) {
-  var rowNum = options.rowNum,
-    columnNum = options.columnNum;
-  var _options$childrenOrTe3 = options.childrenOrText,
-    childrenOrText = _options$childrenOrTe3 === void 0 ? '' : _options$childrenOrTe3;
-  var rows = [];
+const generateTable = options => {
+  const {
+    rowNum,
+    columnNum
+  } = options;
+  let {
+    childrenOrText = ''
+  } = options;
+  let rows = [];
   if (rowNum) {
     rows = Array.from({
       length: rowNum
-    }, function () {
-      return generateTableRow({
-        columnNum: columnNum
-      });
-    });
+    }, () => generateTableRow({
+      columnNum
+    }));
   } else {
     // If not type of string,we'll consider it as a row array,or throw an error
     if (typeof childrenOrText === 'string') {
       childrenOrText = [generateTableRow({
-        childrenOrText: childrenOrText
+        childrenOrText
       })];
     }
     if (!Array.isArray(childrenOrText)) {
       throw Error('childrenOrText must be a string or a Node array!');
     }
   }
-  return (0, _core.generateElement)(_elementTypes.TABLE, {
+  return generateElement(TABLE, {
     childrenOrText: rowNum ? rows : childrenOrText
   });
-};
+};
+export { generateTableCell, generateTableRow, generateTable };