@seafile/sdoc-editor 0.1.80-beta → 0.1.80-beta1

package/dist/basic-sdk/editor.js

@@ -9,7 +9,7 @@ import SDocOutline from './outline';
 import EventProxy from './utils/event-handler';
 import { useCursors } from './cursor/use-cursors';
 import EventBus from './utils/event-bus';
-import { EXTERNAL_EVENT } from '../constants';
+import { EXTERNAL_EVENT, PAGE_EDIT_AREA_WIDTH } from '../constants';
 import { isAllInTable } from './extension/plugins/table/helpers';
 import { SetNodeToDecorations } from './highlight-decorate/setNodeToDecorations';
 import { ScrollContext } from './hooks/use-scroll-context';
@@ -17,7 +17,6 @@ import CommentContextProvider from './comment/comment-context-provider';
 import CommentWrapper from './comment';
 import { usePipDecorate } from './decorates';
 import { getCursorPosition, getDomHeight, getDomMarginTop } from './utils/dom-utils';
-import { ArticleContext } from './hooks/use-article-width';
 import './assets/css/layout.css';
 import './assets/css/sdoc-editor-plugins.css';
 var SDocEditor = function SDocEditor(_ref) {
@@ -31,6 +30,7 @@ var SDocEditor = function SDocEditor(_ref) {
     }));
     var cursors = document.cursors;
     newEditor.cursors = cursors || {};
+    newEditor.width = PAGE_EDIT_AREA_WIDTH; // default width
     return newEditor;
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
@@ -62,7 +62,6 @@ var SDocEditor = function SDocEditor(_ref) {
   // useMount: init socket connection
   useEffect(function () {
     editor.openConnection();
-    editor.width = articleRef.current.children[0].clientWidth;
     return function () {
       editor.closeConnection();
     };
@@ -72,6 +71,8 @@ var SDocEditor = function SDocEditor(_ref) {
   // useMount: focus editor
   useEffect(function () {
     var timer = setTimeout(function () {
+      // real width
+      editor.width = articleRef.current.children[0].clientWidth;
       focusEditor(editor);
     }, 300);
     return function () {

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

@@ -1,37 +1,60 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import React, { useCallback } from 'react';
+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 = function TableMenu(_ref) {
-  var editor = _ref.editor,
-    isRichEditor = _ref.isRichEditor,
-    className = _ref.className;
-  var isActive = useCallback(function () {
-    return false;
-  }, []);
-  var isDisabled = useCallback(function () {
-    return isTableMenuDisabled(editor);
-  }, [editor]);
-  var createTable = useCallback(function (size) {
-    insertTable(editor, size);
-  }, [editor]);
-  var menuConfig = MENUS_CONFIG_MAP[TABLE];
-  var props = _objectSpread(_objectSpread({
-    isRichEditor: isRichEditor,
-    className: className
-  }, menuConfig), {}, {
-    disabled: isDisabled(),
-    isActive: 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: createTable
-  }));
-};
+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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "0.1.80beta",
+  "version": "0.1.80beta1",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",

package/dist/basic-sdk/hooks/use-article-width.js

@@ -1,11 +0,0 @@
-import React, { useContext } from 'react';
-export var ArticleContext = React.createContext(null);
-export var useArticleWidth = function useArticleWidth() {
-  var context = useContext(ArticleContext);
-  if (!context) {
-    throw new Error('The \`useArticleWidth\` hook must be used inside the <ArticleContext> component\'s context.');
-  }
-  var articleRef = context.articleRef;
-  if (!articleRef.current) return 0;
-  return articleRef.current.firstChild.clientWidth;
-};