@seafile/sdoc-editor 0.5.35 → 0.5.36

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

@@ -22,7 +22,8 @@ export const INTERNAL_EVENT = {
   UPDATE_MENTION_TEMP_CONTENT: 'update_mention_temp_content',
   TABLE_COLUMN_START_DRAG: 'table_column_start_drag',
   TABLE_SHOW_DRAG_HANDLER: 'table_show_drag_handler',
-  TABLE_HIDE_DRAG_HANDLER: 'table_show_drag_handler'
+  TABLE_HIDE_DRAG_HANDLER: 'table_show_drag_handler',
+  ON_PRINT: 'on_print'
 };
 export const REVISION_DIFF_KEY = 'diff';
 export const REVISION_DIFF_VALUE = '1';

package/dist/basic-sdk/editor/editable-article.js

@@ -177,7 +177,8 @@ const EditableArticle = _ref => {
     onMouseDown: onMouseDown,
     decorate: decorate,
     onCut: eventProxy.onCut,
-    onCopy: eventProxy.onCopy
+    onCopy: eventProxy.onCopy,
+    id: "sdoc-editor"
   })), /*#__PURE__*/React.createElement(SideToolbar, null), isShowComment && /*#__PURE__*/React.createElement(CommentWrapper, {
     editor: editor,
     type: "editor"

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

@@ -33,9 +33,11 @@ const Paragraph = _ref => {
   }
   const style = {
     textAlign: element.align,
+    paddingTop: '5px',
+    paddingBottom: '5px',
     paddingLeft: indent ? '28px' : ''
   };
-  return /*#__PURE__*/React.createElement("p", Object.assign({
+  return /*#__PURE__*/React.createElement("div", Object.assign({
     "data-id": element.id
   }, attributes, {
     style: _objectSpread({

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

@@ -1,6 +1,7 @@
 .sdoc-table-wrapper {
   width: 100%;
   margin: 16px 0;
+  page-break-inside:avoid;
 }
 
 .sdoc-table-wrapper+.sdoc-table-wrapper {

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

@@ -41,7 +41,7 @@ const ColumnsHeader = _ref => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [table, columns, tableSize]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "sdoc-table-columns-header position-absolute",
+    className: "sdoc-table-columns-header position-absolute d-print-none",
     contentEditable: false
   }, /*#__PURE__*/React.createElement("div", {
     className: "sdoc-table-columns-header-container h-100 d-flex position-absolute",

package/dist/basic-sdk/extension/plugins/table/render/table-header/rows-columns-header.js

@@ -15,7 +15,7 @@ const RowsColumnsHeader = _ref => {
     maxColIndex: tableSize[1] - 1
   });
   return /*#__PURE__*/React.createElement("div", {
-    className: classnames('sdoc-table-rows-columns-header', {
+    className: classnames('sdoc-table-rows-columns-header d-print-none', {
       'range-selected': isSelectedAllTableCells
     }),
     contentEditable: false,

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

@@ -45,7 +45,7 @@ const RowsHeader = _ref => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [tableSize, table]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "sdoc-table-rows-header h-100 position-absolute d-flex flex-column",
+    className: "sdoc-table-rows-header h-100 position-absolute d-flex flex-column d-print-none",
     contentEditable: false
   }, children.map((row, index) => {
     return /*#__PURE__*/React.createElement(RowHeader, {

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

@@ -67,6 +67,11 @@ class EventProxy {
       if (isHotkey('tab', event) || isHotkey('shift+tab', event)) {
         editor.handleTab && editor.handleTab(event);
       }
+      if (isHotkey('mod+p', event)) {
+        event.preventDefault();
+        const eventBus = EventBus.getInstance();
+        eventBus.dispatch(INTERNAL_EVENT.ON_PRINT);
+      }
       const node = getSelectedNodeByType(editor, ELEMENT_TYPE.TABLE);
       if (node) {
         this.editor.tableOnKeyDown(event);

package/dist/components/doc-operations/more-operations.js

@@ -1,9 +1,11 @@
-import React, { useCallback, useState } from 'react';
+import React, { useCallback, useEffect, useState } from 'react';
 import { withTranslation } from 'react-i18next';
 import { Dropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';
+import printJS from '@seafile/print-js';
 import { EventBus } from '../../basic-sdk';
 import { EXTERNAL_EVENT } from '../../constants';
 import context from '../../context';
+import { INTERNAL_EVENT } from '../../basic-sdk/constants';
 const MoreOperations = _ref => {
   let {
     t
@@ -15,9 +17,28 @@ const MoreOperations = _ref => {
   const docPerm = context.getSetting('docPerm');
   const historyURL = context.getSetting('historyURL');
   const isSdocRevision = context.getSetting('isSdocRevision');
+  const cssUrls = context.getPrintCss();
+  useEffect(() => {
+    const eventBus = EventBus.getInstance();
+    const unSubscribe = eventBus.subscribe(INTERNAL_EVENT.ON_PRINT, handlePrint);
+    return () => {
+      unSubscribe();
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
   const toggleDropdown = useCallback(isDropdownOpen => {
     setIsDropdownOpen(!isDropdownOpen);
   }, []);
+  const handlePrint = useCallback(() => {
+    printJS({
+      printable: 'sdoc-editor',
+      type: 'html',
+      scanStyles: true,
+      targetStyles: ['*'],
+      style: '@page { size: auto A4 landscape;margin:20px auto; padding: 0;} .d-print-none{display:none !important;}',
+      css: cssUrls
+    });
+  }, [cssUrls]);
   const onFreezeDocument = useCallback(() => {
     const eventBus = EventBus.getInstance();
     eventBus.dispatch(EXTERNAL_EVENT.FREEZE_DOCUMENT);
@@ -51,7 +72,10 @@ const MoreOperations = _ref => {
   }, t('Open_parent_folder')), isPro && isFreezed && /*#__PURE__*/React.createElement(DropdownItem, {
     className: "sdoc-dropdown-menu-item",
     onClick: unFreeze
-  }, t('Unfreeze')), isPro && !isFreezed && /*#__PURE__*/React.createElement(DropdownItem, {
+  }, t('Unfreeze')), /*#__PURE__*/React.createElement(DropdownItem, {
+    className: "sdoc-dropdown-menu-item",
+    onClick: handlePrint
+  }, t('Print')), isPro && !isFreezed && /*#__PURE__*/React.createElement(DropdownItem, {
     className: "sdoc-dropdown-menu-item",
     onClick: onFreezeDocument
   }, t('Freeze_document')), /*#__PURE__*/React.createElement(DropdownItem, {

package/dist/context.js

@@ -57,6 +57,13 @@ class Context {
     if (this.settings[key] === false) return this.settings[key];
     return this.settings[key] || '';
   }
+  getPrintCss() {
+    const server = this.getSetting('serviceUrl');
+    const mediaUrl = this.getSetting('mediaUrl');
+    const commonCss = "".concat(server).concat(mediaUrl, "css/seafile-ui.css");
+    const fontCss = "".concat(server).concat(mediaUrl, "/sdoc-editor/sdoc-editor-font.css");
+    return [commonCss, fontCss];
+  }
   updateSettings(update) {
     for (let key in update) {
       this.settings[key] = update[key];

package/dist/layout/layout.css

@@ -1,3 +1,8 @@
+body {
+  -webkit-print-color-adjust: exact;
+  color-adjust: exact;
+}
+
 #root, #wrapper {
   height: 100%;
   width: 100%;

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "0.5.35",
+  "version": "0.5.36",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",
   "dependencies": {
+    "@seafile/print-js": "^1.6.2",
     "@seafile/react-image-lightbox": "2.0.4",
     "@seafile/slate": "0.91.8",
     "@seafile/slate-history": "0.86.2",

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

@@ -452,5 +452,6 @@
   "Move_column_count": "Moving {{count}} column(s)",
   "Move_row_count": "Moving {{count}} row(s)",
   "Mark_all_as_read": "Mark all as read",
-  "Alignment_type": "Alignment"
+  "Alignment_type": "Alignment",
+  "Print": "Print"
 }

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

@@ -452,5 +452,6 @@
   "Move_column_count": "移动{{count}}列",
   "Move_row_count": "移动{{count}}行",
   "Mark_all_as_read": "全部标记为已读",
-  "Alignment_type": "对齐方式"
+  "Alignment_type": "对齐方式",
+  "Print": "打印"
 }