@seafile/sdoc-editor 0.1.134 → 0.1.136

package/dist/basic-sdk/extension/plugins/header/render-elem.js

@@ -2,23 +2,60 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import React from 'react';
 import { Node } from '@seafile/slate';
 import { Placeholder } from '../../core';
-var renderHeader = function renderHeader(props, editor) {
+import { SDOC_FONT_SIZE } from '../../constants';
+export var renderTitle = function renderTitle(props, editor) {
+  var element = props.element,
+    attributes = props.attributes,
+    children = props.children;
+  var style = {
+    fontSize: "".concat(SDOC_FONT_SIZE[element.type], "pt"),
+    textAlign: element.align
+  };
+  return /*#__PURE__*/React.createElement("div", Object.assign({
+    className: "sdoc-header-title",
+    "data-id": element.id,
+    "data-root": "true"
+  }, attributes, {
+    style: _objectSpread({}, style)
+  }), children);
+};
+export var renderSubtitle = function renderSubtitle(props, editor) {
+  var element = props.element,
+    attributes = props.attributes,
+    children = props.children;
+  var style = {
+    color: '#888',
+    fontSize: "".concat(SDOC_FONT_SIZE[element.type], "pt"),
+    textAlign: element.align
+  };
+  return /*#__PURE__*/React.createElement("div", Object.assign({
+    className: "sdoc-header-subtitle",
+    "data-id": element.id,
+    "data-root": "true"
+  }, attributes, {
+    style: _objectSpread({}, style)
+  }), children);
+};
+export var renderHeader = function renderHeader(props, editor) {
   var element = props.element,
     attributes = props.attributes,
     children = props.children,
     isComposing = props.isComposing;
   var type = element.type;
   var level = type.split('header')[1];
-  var Tag = "h".concat(level);
-  var style = {
-    textAlign: element.align
-  };
+  var style = _objectSpread({
+    textAlign: element.align,
+    fontSize: "".concat(SDOC_FONT_SIZE[element.type], "pt")
+  }, level === '6' && {
+    fontStyle: 'italic'
+  });
   var isShowPlaceHolder = false;
   var firstChild = editor.children[0];
   if (firstChild.id === element.id && Node.string(element) === '' && !isComposing) {
     isShowPlaceHolder = true;
   }
-  return /*#__PURE__*/React.createElement(Tag, Object.assign({
+  return /*#__PURE__*/React.createElement("div", Object.assign({
+    className: "sdoc-header-".concat(level),
     "data-id": element.id,
     "data-root": "true"
   }, attributes, {
@@ -28,5 +65,4 @@ var renderHeader = function renderHeader(props, editor) {
   }), isShowPlaceHolder && /*#__PURE__*/React.createElement(Placeholder, {
     title: 'Please_enter_title'
   }), children);
-};
-export default renderHeader;
+};

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

@@ -30,7 +30,7 @@ var TableMenu = /*#__PURE__*/function (_React$Component) {
     };
     _this.createTable = function (size) {
       var editor = _this.props.editor;
-      insertTable(editor, size, _this.selection);
+      insertTable(editor, size, editor.selection);
     };
     return _this;
   }

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

@@ -6,12 +6,10 @@ import { TEXT_STYLE, TEXT_STYLE_MORE, MENUS_CONFIG_MAP, ELEMENT_TYPE } from '../
 import { focusEditor } from '../../../core';
 import { MenuItem, ColorMenu, MoreDropdown } from '../../../commons';
 import { getFontSize, setFontSize } from '../../font/helpers';
-import context from '../../../../../context';
 import FontSizeScale from '../../font/menu/font-size/font-size-scale';
 import { getValue, isMenuDisabled, addMark, removeMark } from '../helpers';
 import { useColorContext } from '../../../../hooks/use-color-context';
 import { eventStopPropagation } from '../../../../utils/mouse-event';
-import { DEFAULT_COMMON_FONT_SIZE, FONT_SIZE, SPECIAL_FONT_SIZE_NAME } from '../../../constants';
 var TextStyleMenuList = function TextStyleMenuList(_ref) {
   var editor = _ref.editor,
     t = _ref.t,
@@ -21,16 +19,6 @@ var TextStyleMenuList = function TextStyleMenuList(_ref) {
     readonly = _ref.readonly;
   var selectedFontSize = getFontSize(editor);
   var selectedFontSizeValue = selectedFontSize;
-  var lang = (context.getSetting('lang') || '').toLowerCase();
-  if (SPECIAL_FONT_SIZE_NAME.includes(selectedFontSize)) {
-    var fontItem = FONT_SIZE.find(function (item) {
-      return item.name === selectedFontSize;
-    });
-    if (lang !== 'zh-cn') {
-      selectedFontSize = fontItem ? fontItem.value : DEFAULT_COMMON_FONT_SIZE;
-    }
-    selectedFontSizeValue = fontItem ? fontItem.value : DEFAULT_COMMON_FONT_SIZE;
-  }
   var _useColorContext = useColorContext(),
     lastUsedFontColor = _useColorContext.lastUsedFontColor,
     updateLastUsedFontColor = _useColorContext.updateLastUsedFontColor,

package/dist/basic-sdk/extension/plugins/text-style/render-elem.js

@@ -2,7 +2,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 var _excluded = ["text"];
 import React from 'react';
 import Caret from './caret';
-import { SPECIAL_FONT_SIZE_NAME, FONT_SIZE, DEFAULT_FONT } from '../../constants';
+import { DEFAULT_FONT } from '../../constants';
 import { generatorFontFamily } from '../font/helpers';
 var renderText = function renderText(props, editor) {
   var attributes = props.attributes,
@@ -28,25 +28,8 @@ var renderText = function renderText(props, editor) {
   }
   if (leaf['font-size']) {
     var fontSize = leaf['font-size'];
-    var fontSizeValue = fontSize;
-    if (SPECIAL_FONT_SIZE_NAME.includes(fontSize)) {
-      var fontSizeItem = FONT_SIZE.find(function (item) {
-        return item.name === fontSize;
-      });
-      if (fontSizeItem) {
-        fontSizeValue = fontSizeItem.value;
-      }
-    }
-    if (typeof fontSizeValue === 'number') {
-      if (fontSizeValue < 12) {
-        style['fontSize'] = '12px';
-        style['display'] = 'inline-block';
-        style['transformOrigin'] = 'left top';
-        style['transform'] = "scale(".concat(fontSizeValue / 12, ")");
-        style['transition'] = 'all .1s';
-      } else {
-        style['fontSize'] = "".concat(fontSizeValue, "px");
-      }
+    if (typeof fontSize === 'number') {
+      style['fontSize'] = "".concat(fontSize, "px");
     }
   }
   var font = leaf['font'] || DEFAULT_FONT;

package/dist/basic-sdk/extension/render/render-element.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useCallback } from 'react';
 import { useSlateStatic } from '@seafile/slate-react';
-import { BLOCKQUOTE, LINK, CHECK_LIST_ITEM, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, LIST_ITEM, LIST_LIC, ORDERED_LIST, PARAGRAPH, UNORDERED_LIST, CODE_BLOCK, CODE_LINE, IMAGE, ELEMENT_TYPE, SDOC_LINK } from '../constants';
+import { BLOCKQUOTE, LINK, CHECK_LIST_ITEM, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, LIST_ITEM, LIST_LIC, ORDERED_LIST, PARAGRAPH, UNORDERED_LIST, CODE_BLOCK, CODE_LINE, IMAGE, ELEMENT_TYPE, SDOC_LINK, TITLE, SUBTITLE } from '../constants';
 import { BlockquotePlugin, LinkPlugin, CheckListPlugin, HeaderPlugin, ListPlugin, CodeBlockPlugin, ImagePlugin, TablePlugin, SdocLinkPlugin, ParagraphPlugin } from '../plugins';
 import EventBus from '../../utils/event-bus';
 import { INTERNAL_EVENT } from '../../constants';
@@ -22,6 +22,19 @@ var CustomElement = function CustomElement(props) {
           renderParagraph = _ParagraphPlugin$rend[0];
         return renderParagraph(props);
       }
+    case TITLE:
+      {
+        var _HeaderPlugin$renderE = _slicedToArray(HeaderPlugin.renderElements, 1),
+          renderTitle = _HeaderPlugin$renderE[0];
+        return renderTitle(props, editor);
+      }
+    case SUBTITLE:
+      {
+        attributes['onMouseEnter'] = onMouseEnter;
+        var _HeaderPlugin$renderE2 = _slicedToArray(HeaderPlugin.renderElements, 2),
+          renderSubtitle = _HeaderPlugin$renderE2[1];
+        return renderSubtitle(props, editor);
+      }
     case HEADER1:
     case HEADER2:
     case HEADER3:
@@ -30,8 +43,8 @@ var CustomElement = function CustomElement(props) {
     case HEADER6:
       {
         attributes['onMouseEnter'] = onMouseEnter;
-        var _HeaderPlugin$renderE = _slicedToArray(HeaderPlugin.renderElements, 1),
-          renderHeader = _HeaderPlugin$renderE[0];
+        var _HeaderPlugin$renderE3 = _slicedToArray(HeaderPlugin.renderElements, 3),
+          renderHeader = _HeaderPlugin$renderE3[2];
         return renderHeader(props, editor);
       }
     case LINK:

package/dist/basic-sdk/outline/index.js

@@ -36,7 +36,7 @@ var SDocOutline = function SDocOutline(_ref) {
   }, [isShown]);
   var list = useMemo(function () {
     return doc.filter(function (item) {
-      return ['header2', 'header3'].includes(item.type);
+      return ['header1', 'header2', 'header3'].includes(item.type);
     });
   }, [doc]);
   return /*#__PURE__*/React.createElement("div", {

package/dist/basic-sdk/outline/outline-item.js

@@ -2,6 +2,7 @@ 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 classNames from 'classnames';
 import React from 'react';
 var OutlineItem = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(OutlineItem, _React$PureComponent);
@@ -37,8 +38,13 @@ var OutlineItem = /*#__PURE__*/function (_React$PureComponent) {
       var item = this.props.item;
       var type = item.type,
         children = item.children;
+      var outlineItemClass = classNames('sdoc-outline-item', {
+        'pl-5': type === 'header2',
+        'pl-7': type === 'header3',
+        'active': isHighlighted
+      });
       return /*#__PURE__*/React.createElement("li", {
-        className: "sdoc-outline-item ".concat(type === 'header3' ? 'pl-5' : '', " ").concat(isHighlighted ? 'active' : ''),
+        className: outlineItemClass,
         onClick: this.onItemClick,
         onMouseOver: this.onMouseOver,
         onMouseOut: this.onMouseOut

package/dist/basic-sdk/utils/event-handler.js

@@ -1,25 +1,19 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import isHotkey from 'is-hotkey';
 import EventBus from '../utils/event-bus';
 import { getSelectedNodeByType } from '../extension/core/queries/';
-import { ELEMENT_TYPE, PARAGRAPH, HEADERS } from '../extension/constants';
+import { ELEMENT_TYPE } from '../extension/constants';
 import { INTERNAL_EVENT } from '../constants';
 var EventProxy = /*#__PURE__*/_createClass(function EventProxy(_editor) {
   var _this = this;
   _classCallCheck(this, EventProxy);
   this.onKeyDown = function (event) {
     var editor = _this.editor;
-
-    // paragrah, headings
-    var paragraphHeadingList = [PARAGRAPH].concat(_toConsumableArray(HEADERS));
-    paragraphHeadingList.forEach(function (item, index) {
-      if (isHotkey("cmd+opt+".concat(index), event) || isHotkey("ctrl+alt+".concat(index), event)) {
-        event.preventDefault();
-        editor.setParagraphHeadingType(item);
-      }
-    });
+    if (editor.onHotKeyDown) {
+      var isHandled = editor.onHotKeyDown(event);
+      if (isHandled) return;
+    }
 
     // bold
     if (isHotkey('mod+b', event)) {

package/package.json

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

package/public/locales/cs/sdoc-editor.json

@@ -360,5 +360,7 @@
   "Last_modification": "Last modification",
   "Next_modification": "Next modification",
   "Changes": "Změny",
-  "No_changes": "No changes"
+  "No_changes": "No changes",
+  "Title": "Název",
+  "SubTitle": "Subtitle"
 }

package/public/locales/de/sdoc-editor.json

@@ -360,5 +360,7 @@
   "Last_modification": "Last modification",
   "Next_modification": "Next modification",
   "Changes": "Änderungen",
-  "No_changes": "No changes"
+  "No_changes": "No changes",
+  "Title": "Titel",
+  "SubTitle": "Subtitle"
 }

package/public/locales/en/sdoc-editor.json

@@ -360,5 +360,7 @@
   "Last_modification": "Last modification",
   "Next_modification": "Next modification",
   "Changes": "Changes",
-  "No_changes": "No changes"
+  "No_changes": "No changes",
+  "Title": "Title",
+  "Subtitle": "Subtitle"
 }

package/public/locales/es/sdoc-editor.json

@@ -360,5 +360,7 @@
   "Last_modification": "Last modification",
   "Next_modification": "Next modification",
   "Changes": "Cambios",
-  "No_changes": "No changes"
+  "No_changes": "No changes",
+  "Title": "Título",
+  "SubTitle": "Subtitle"
 }

package/public/locales/fr/sdoc-editor.json

@@ -360,5 +360,7 @@
   "Last_modification": "Last modification",
   "Next_modification": "Next modification",
   "Changes": "Modifications",
-  "No_changes": "No changes"
+  "No_changes": "No changes",
+  "Title": "Titre",
+  "SubTitle": "Subtitle"
 }

package/public/locales/it/sdoc-editor.json

@@ -360,5 +360,7 @@
   "Last_modification": "Last modification",
   "Next_modification": "Next modification",
   "Changes": "Modifiche",
-  "No_changes": "No changes"
+  "No_changes": "No changes",
+  "Title": "Titolo",
+  "SubTitle": "Subtitle"
 }