@seafile/sdoc-editor 0.1.39 → 0.1.41

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

@@ -0,0 +1,136 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import React, { Component } from 'react';
+import { withTranslation } from 'react-i18next';
+import { MenuGroup, MenuItem } from '../../../../menu';
+import CommonMenu from './common-menu';
+import { TABLE_ELEMENT, MENUS_CONFIG_MAP, REMOVE_TABLE } from '../../../../constants';
+import './index.css';
+var ActiveTableMenu = /*#__PURE__*/function (_Component) {
+  _inherits(ActiveTableMenu, _Component);
+  var _super = _createSuper(ActiveTableMenu);
+  function ActiveTableMenu() {
+    var _this;
+    _classCallCheck(this, ActiveTableMenu);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _this.setTextAlignStyle = function (textAlign) {
+      var editor = _this.props.editor;
+      editor.setTextStyle({
+        textAlign: textAlign
+      });
+      _this.textAlignRef.hidePopover();
+    };
+    _this.insertTableElement = function (type) {
+      var editor = _this.props.editor;
+      editor.insertTableElement(type);
+      if (type === TABLE_ELEMENT.ROW) {
+        _this.tableRowRef.hidePopover();
+        return;
+      }
+      _this.tableColumnRef.hidePopover();
+    };
+    _this.removeTableElement = function (type) {
+      var editor = _this.props.editor;
+      editor.removeTableElement(type);
+      if (type === TABLE_ELEMENT.ROW) {
+        _this.tableRowRef.hidePopover();
+        return;
+      }
+      _this.tableColumnRef.hidePopover();
+    };
+    _this.removeTable = function () {
+      var editor = _this.props.editor;
+      editor.removeTableElement(TABLE_ELEMENT.TABLE);
+    };
+    _this.renderTextAlign = function () {
+      var t = _this.props.t;
+      return /*#__PURE__*/React.createElement(CommonMenu, {
+        id: "text-align",
+        iconClass: "iconfont icon-left-alignment mr-1",
+        ref: function ref(_ref) {
+          return _this.textAlignRef = _ref;
+        }
+      }, /*#__PURE__*/React.createElement("button", {
+        className: "dropdown-item",
+        onClick: _this.setTextAlignStyle.bind(_assertThisInitialized(_this), 'left')
+      }, /*#__PURE__*/React.createElement("i", {
+        className: "iconfont icon-left-alignment mr-2"
+      }), t('left')), /*#__PURE__*/React.createElement("button", {
+        className: "dropdown-item",
+        onClick: _this.setTextAlignStyle.bind(_assertThisInitialized(_this), 'center')
+      }, /*#__PURE__*/React.createElement("i", {
+        className: "iconfont icon-center-horizontally mr-2"
+      }), t('center')), /*#__PURE__*/React.createElement("button", {
+        className: "dropdown-item",
+        onClick: _this.setTextAlignStyle.bind(_assertThisInitialized(_this), 'right')
+      }, /*#__PURE__*/React.createElement("i", {
+        className: "iconfont icon-align-right mr-2"
+      }), t('right')));
+    };
+    _this.renderTableColumn = function () {
+      var t = _this.props.t;
+      return /*#__PURE__*/React.createElement(CommonMenu, {
+        id: "table-column",
+        iconClass: "iconfont icon-column mr-1",
+        ref: function ref(_ref2) {
+          return _this.tableColumnRef = _ref2;
+        }
+      }, /*#__PURE__*/React.createElement("button", {
+        className: "dropdown-item",
+        onClick: _this.insertTableElement.bind(_assertThisInitialized(_this), TABLE_ELEMENT.COLUMN)
+      }, t('Insert_Column')), /*#__PURE__*/React.createElement("button", {
+        className: "dropdown-item",
+        onClick: _this.removeTableElement.bind(_assertThisInitialized(_this), TABLE_ELEMENT.COLUMN)
+      }, t('Remove_Column')));
+    };
+    _this.renderTableRow = function () {
+      var t = _this.props.t;
+      return /*#__PURE__*/React.createElement(CommonMenu, {
+        id: "table-row",
+        iconClass: "iconfont icon-row mr-1",
+        ref: function ref(_ref3) {
+          return _this.tableRowRef = _ref3;
+        }
+      }, /*#__PURE__*/React.createElement("button", {
+        className: "dropdown-item",
+        onClick: _this.insertTableElement.bind(_assertThisInitialized(_this), TABLE_ELEMENT.ROW)
+      }, t('Insert_Row')), /*#__PURE__*/React.createElement("button", {
+        className: "dropdown-item",
+        onClick: _this.removeTableElement.bind(_assertThisInitialized(_this), TABLE_ELEMENT.ROW)
+      }, t('Remove_Row')));
+    };
+    return _this;
+  }
+  _createClass(ActiveTableMenu, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        editor = _this$props.editor,
+        isRichEditor = _this$props.isRichEditor,
+        className = _this$props.className;
+      var isAllInTable = editor.isAllInTable && editor.isAllInTable();
+      if (!isAllInTable) return null;
+      var menuConfig = MENUS_CONFIG_MAP[REMOVE_TABLE];
+      var props = _objectSpread(_objectSpread({
+        isRichEditor: isRichEditor,
+        className: className,
+        disabled: false,
+        isActive: false
+      }, menuConfig), {}, {
+        onMouseDown: this.removeTable
+      });
+      return /*#__PURE__*/React.createElement(MenuGroup, {
+        className: "menu-group sdoc-table-menu-group"
+      }, this.renderTextAlign(), this.renderTableColumn(), this.renderTableRow(), /*#__PURE__*/React.createElement(MenuItem, props));
+    }
+  }]);
+  return ActiveTableMenu;
+}(Component);
+export default withTranslation('sdoc-editor')(ActiveTableMenu);

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

@@ -0,0 +1,3 @@
+import TableMenu from './table-menu';
+import ActiveTableMenu from './active-table-menu';
+export { TableMenu, ActiveTableMenu };

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

@@ -0,0 +1,60 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import React from 'react';
+import { withTranslation } from 'react-i18next';
+import { insertTable, isTableMenuDisabled } from '../../helpers';
+import { TABLE, MENUS_CONFIG_MAP } from '../../../../constants';
+import { MenuItem } from '../../../../menu';
+import TableSizePopover from '../../popover/table-size-popover';
+var TableMenu = /*#__PURE__*/function (_React$Component) {
+  _inherits(TableMenu, _React$Component);
+  var _super = _createSuper(TableMenu);
+  function TableMenu() {
+    var _this;
+    _classCallCheck(this, TableMenu);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _this.isActive = function () {
+      return false;
+    };
+    _this.isDisabled = function () {
+      var editor = _this.props.editor;
+      return isTableMenuDisabled(editor);
+    };
+    _this.createTable = function (size) {
+      var editor = _this.props.editor;
+      insertTable(editor, size, _this.selection);
+    };
+    return _this;
+  }
+  _createClass(TableMenu, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        isRichEditor = _this$props.isRichEditor,
+        className = _this$props.className;
+      var menuConfig = MENUS_CONFIG_MAP[TABLE];
+      var props = _objectSpread(_objectSpread({
+        isRichEditor: isRichEditor,
+        className: className
+      }, menuConfig), {}, {
+        disabled: this.isDisabled(),
+        isActive: this.isActive(),
+        onMouseDown: function onMouseDown() {}
+      });
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+        className: "table-menu"
+      }, /*#__PURE__*/React.createElement(MenuItem, props)), /*#__PURE__*/React.createElement(TableSizePopover, {
+        target: menuConfig.id,
+        createTable: this.createTable
+      }));
+    }
+  }]);
+  return TableMenu;
+}(React.Component);
+export default withTranslation('sdoc-editor')(TableMenu);

package/dist/basic-sdk/extension/plugins/table/model.js

@@ -0,0 +1,19 @@
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import { ELEMENT_TYPE } from '../../constants';
+var Table = /*#__PURE__*/_createClass(function Table(options) {
+  _classCallCheck(this, Table);
+  this.type = options.type || ELEMENT_TYPE.TABLE;
+  this.children = options.children || [
+  // 1 x 1
+  {
+    type: ELEMENT_TYPE.TABLE_ROW,
+    children: [{
+      type: ELEMENT_TYPE.TABLE_CELL,
+      children: [{
+        text: ''
+      }]
+    }]
+  }];
+});
+export default Table;

package/dist/basic-sdk/extension/plugins/table/number-input.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import { Input } from 'reactstrap';
+function NumberInput(props) {
+  var value = props.value,
+    onChange = props.onChange,
+    min = props.min,
+    step = props.step,
+    max = props.max,
+    readOnly = props.readOnly,
+    className = props.className;
+  return /*#__PURE__*/React.createElement(Input, {
+    type: "number",
+    className: className,
+    value: value || '0',
+    min: min,
+    step: step,
+    max: max,
+    readOnly: readOnly,
+    onChange: onChange
+  });
+}
+NumberInput.defaultProps = {
+  min: 0,
+  step: 1,
+  max: Infinity,
+  readOnly: false
+};
+export default NumberInput;