@seafile/sdoc-editor 1.0.55 → 1.0.57

package/dist/basic-sdk/assets/css/default.css

@@ -1,17 +1,4 @@
 /* modify default css */
-.sdoc-editor-container .article {
-  font-size: 11pt;
-}
-
-.sdoc-editor-container .sdoc-code-block-pre {
-  font-size: 10pt;
-}
-
-.sdoc-editor-container .article p {
-  padding: 5px 0;
-  margin: 0;
-}
-
 .element-icon {
   color: #444 !important;
 }

package/dist/basic-sdk/assets/css/layout.css

@@ -64,30 +64,7 @@
   padding-bottom: 20px;
 }
 
-.sdoc-editor-container .sdoc-editor-content .article {
-  width: 794px;
-  min-height: 800px;
-  padding: 40px 60px;
-  background-color: #fff;
-  border: 1px solid #e5e6e8;
-  box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
-}
-
-.sdoc-editor-container .sdoc-editor-content .article>div {
-  caret-color: blue;
-}
-
-.sdoc-editor-container .sdoc-editor-content .article .sdoc-drag-cover::before {
-  content: ' ';
-  width: 59px;
-  display: inline-block;
-  position: absolute;
-  left: -60px;
-}
-
-.sdoc-editor-container .sdoc-editor-content .article .sdoc-draging {
-  border-bottom: 2px solid rgba(35, 131, 226);
-}
+/* article style --> ./sdoc-editor-article.css */
 
 .sdoc-editor-container .seafile-block-container {
   position: relative;

package/dist/basic-sdk/assets/css/sdoc-editor-article.css

@@ -0,0 +1,29 @@
+.sdoc-editor__article {
+  width: 794px;
+  min-height: 800px;
+  padding: 40px 60px;
+  background-color: #fff;
+  border: 1px solid #e5e6e8;
+  box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
+  font-size: 11pt;
+}
+
+.sdoc-editor__article>div {
+  caret-color: blue;
+}
+
+.sdoc-editor__article .sdoc-drag-cover::before {
+  content: ' ';
+  width: 59px;
+  display: inline-block;
+  position: absolute;
+  left: -60px;
+}
+
+.sdoc-editor__article .sdoc-draging {
+  border-bottom: 2px solid rgba(35, 131, 226);
+}
+
+.sdoc-editor__article .sdoc-code-block-pre {
+  font-size: 10pt;
+}

package/dist/basic-sdk/assets/css/sdoc-editor-plugins.css

@@ -1,82 +1,82 @@
 /* header */
-.sdoc-editor-container .article .sdoc-header-title,
-.sdoc-editor-container .article .sdoc-header-subtitle,
-.sdoc-editor-container .article .sdoc-header-1,
-.sdoc-editor-container .article .sdoc-header-2,
-.sdoc-editor-container .article .sdoc-header-3,
-.sdoc-editor-container .article .sdoc-header-4,
-.sdoc-editor-container .article .sdoc-header-5,
-.sdoc-editor-container .article .sdoc-header-6 {
+.sdoc-editor__article .sdoc-header-title,
+.sdoc-editor__article .sdoc-header-subtitle,
+.sdoc-editor__article .sdoc-header-1,
+.sdoc-editor__article .sdoc-header-2,
+.sdoc-editor__article .sdoc-header-3,
+.sdoc-editor__article .sdoc-header-4,
+.sdoc-editor__article .sdoc-header-5,
+.sdoc-editor__article .sdoc-header-6 {
   line-height: 1.1;
   margin: 1.2em 0 0.4em;
   font-weight: bold;
 }
 
-.sdoc-editor-container .article .sdoc-header-2,
-.sdoc-editor-container .article .sdoc-header-3 {
+.sdoc-editor__article .sdoc-header-2,
+.sdoc-editor__article .sdoc-header-3 {
   line-height: 1.5;
 }
 
-.sdoc-editor-container .article .sdoc-header-4 {
+.sdoc-editor__article .sdoc-header-4 {
   line-height: 1.125;
 }
 
 /* list  */
-.sdoc-editor-container .article .list-container {
+.sdoc-editor__article .list-container {
   margin: 0;
   /* override seafile-ui padding */
   padding-left: 1.2em !important;
 }
 
-.sdoc-editor-container .article .list-container .sdoc-li-bold::marker {
+.sdoc-editor__article .list-container .sdoc-li-bold::marker {
   font-weight: bold;
 }
 
 /* check list  */
-.sdoc-editor-container .article .sdoc-checkbox-container {
+.sdoc-editor__article .sdoc-checkbox-container {
   padding: 0px 2px;
 }
 
-.sdoc-editor-container .article .sdoc-checkbox-container .sdoc-checkbox-input-wrapper {
+.sdoc-editor__article .sdoc-checkbox-container .sdoc-checkbox-input-wrapper {
   display: flex;
   align-items: normal;
 }
 
-.sdoc-editor-container .article .sdoc-checkbox-container .sdoc-checkbox-input-wrapper .sdoc-checkbox-input {
+.sdoc-editor__article .sdoc-checkbox-container .sdoc-checkbox-input-wrapper .sdoc-checkbox-input {
   vertical-align: middle;
   margin-right: 5px;
 }
 
-.sdoc-editor-container .article .sdoc-checkbox-container .sdoc-checkbox-input-wrapper .sdoc-checkbox-content-container {
+.sdoc-editor__article .sdoc-checkbox-container .sdoc-checkbox-input-wrapper .sdoc-checkbox-content-container {
   word-break: normal;
   width: calc(100% - 1em);
 }
 
 /* image */
-.sdoc-editor-container .article .sdoc-image-wrapper {
+.sdoc-editor__article .sdoc-image-wrapper {
   position: relative;
   display: inline-block;
   margin: 5px 0.15em;
   caret-color: transparent;
 }
 
-.sdoc-editor-container .article .sdoc-image-inner {
+.sdoc-editor__article .sdoc-image-inner {
   position: relative;
   display: inline-block;
   margin: 0 3px;
 }
 
-.sdoc-editor-container .article .sdoc-image-content {
+.sdoc-editor__article .sdoc-image-content {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
 }
 
-.sdoc-editor-container .article .sdoc-image-content :first-child {
+.sdoc-editor__article .sdoc-image-content :first-child {
   position: relative;
 }
 
-.sdoc-editor-container .article .sdoc-image-content .sdoc-image-caption-input-wrapper {
+.sdoc-editor__article .sdoc-image-content .sdoc-image-caption-input-wrapper {
   border: 0;
   outline: none;
   margin-top: 8px;
@@ -88,15 +88,15 @@
   white-space: nowrap;
 }
 
-.sdoc-editor-container .article .sdoc-image-content .sdoc-image-caption-input-wrapper::placeholder {
+.sdoc-editor__article .sdoc-image-content .sdoc-image-caption-input-wrapper::placeholder {
   color: #bec0bf
 }
 
-.sdoc-editor-container .article .image-selected {
+.sdoc-editor__article .image-selected {
   box-shadow: 0 0 0 2px #007bff;
 }
 
-.sdoc-editor-container .article .image-resizer {
+.sdoc-editor__article .image-resizer {
   width: 10px;
   height: 10px;
   position: absolute;
@@ -107,7 +107,7 @@
   cursor: se-resize;
 }
 
-.sdoc-editor-container .article .image-full-screen {
+.sdoc-editor__article .image-full-screen {
   position: absolute;
   height: 26px;
   display: inline-block;
@@ -125,12 +125,12 @@
   z-index: 1000;
 }
 
-.sdoc-editor-container .article .image-full-screen:hover {
+.sdoc-editor__article .image-full-screen:hover {
   display: block;
   background-color: #efefef;
 }
 
-.sdoc-editor-container .article .image-size {
+.sdoc-editor__article .image-size {
   display: inline-block;
   padding: 5px;
   white-space: nowrap;
@@ -152,24 +152,130 @@
 }
 
 /* caret */
-.sdoc-editor-container .article .caret-item .caret-name::before {
+.sdoc-editor__article .caret-item .caret-name::before {
   content: attr(name);
 }
 
-.sdoc-editor-container .article .caret-item .caret-name {
+.sdoc-editor__article .caret-item .caret-name {
   display: none;
 }
 
-.sdoc-editor-container .article .caret-item:hover .caret-name {
+.sdoc-editor__article .caret-item:hover .caret-name {
   display: block;
 }
 
 /* link */
-.sdoc-editor-container .article .virtual-link {
+.sdoc-editor__article .virtual-link {
   color: #eb8205;
 }
 
-.sdoc-editor-container .article .virtual-link:hover {
+.sdoc-editor__article .virtual-link:hover {
   text-decoration: underline;
   text-underline-position: under;
 }
+
+/* code_block */
+.sdoc-code-block-container {
+  position: relative;
+}
+
+.sdoc-code-block-pre {
+  background: #FAFAFA;
+  border: 1px solid #f0f0f0;
+}
+
+.sdoc-code-block-pre .sdoc-code-no-wrap {
+  white-space: nowrap;
+}
+
+.sdoc-code-block-pre .sdoc-code-no-wrap .sdoc-code-line>span {
+  white-space: pre;
+}
+
+.sdoc-code-block-code .sdoc-code-line {
+  position: relative;
+  counter-increment: number;
+  margin-left: 32px;
+}
+
+.sdoc-code-block-code .sdoc-code-line::before {
+  content: counter(number);
+  color: #ccc;
+  width: 40px;
+  text-align: end;
+  position: absolute;
+  left: -50px;
+}
+
+.sdoc-code-line .token.comment,
+.sdoc-code-line .token.prolog,
+.sdoc-code-line .token.doctype,
+.sdoc-code-line .token.cdata {
+  color: slategray;
+}
+
+.sdoc-code-line .token.punctuation {
+  color: #999;
+}
+
+.sdoc-code-line .token.namespace {
+  opacity: .7;
+}
+
+.sdoc-code-line .token.property,
+.sdoc-code-line .token.tag,
+.sdoc-code-line .token.boolean,
+.sdoc-code-line .token.number,
+.sdoc-code-line .token.constant,
+.sdoc-code-line .token.symbol,
+.sdoc-code-line .token.deleted {
+  color: #905;
+  padding: 0rem;
+}
+
+.sdoc-code-line .token.selector,
+.sdoc-code-line .token.attr-name,
+.sdoc-code-line .token.string,
+.sdoc-code-line .token.char,
+.sdoc-code-line .token.builtin,
+.sdoc-code-line .token.inserted {
+  color: #690;
+}
+
+.sdoc-code-line .token.operator,
+.sdoc-code-line .token.entity,
+.sdoc-code-line .token.url,
+.sdoc-code-line .language-css .token.string,
+.sdoc-code-line .style .token.string {
+  color: #9a6e3a;
+}
+
+.sdoc-code-line .token.atrule,
+.sdoc-code-line .token.attr-value,
+.sdoc-code-line .token.keyword {
+  color: #07a;
+}
+
+.sdoc-code-line .token.function,
+.sdoc-code-line .token.class-name {
+  color: #DD4A68;
+}
+
+.sdoc-code-line .token.regex,
+.sdoc-code-line .token.important,
+.sdoc-code-line .token.variable {
+  color: #e90;
+}
+
+.sdoc-code-line .sdoc-code-line .token.important,
+.sdoc-code-line .token.bold {
+  font-weight: bold;
+}
+
+.sdoc-code-line .token.italic {
+  font-style: italic;
+}
+
+.sdoc-code-line .token.entity {
+  cursor: help;
+}

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

@@ -15,7 +15,6 @@ var _useScrollContext = require("../../../hooks/use-scroll-context");
 var _hoverMenu = _interopRequireDefault(require("./hover-menu"));
 var _helpers = require("./helpers");
 var _constants = require("../../../constants");
-require("../../../assets/css/code-block.css");
 const CodeBlock = _ref => {
   let {
     attributes,

package/dist/basic-sdk/extension/plugins/seatable-tables/render-element/index.css

@@ -76,23 +76,23 @@
   font-weight: normal;
 }
 
-.seatable-view-records tr:nth-child(2n+1) td {
+.seatable-view-records tr:nth-child(2n+1) {
   background-color: #fff;
 }
 
-.seatable-view-records tr:nth-child(2n) td {
+.seatable-view-records tr:nth-child(2n) {
   background-color: #f8f8f8;
 }
 
-.seatable-view-records.no_alternate_color tr:nth-child(2n) td {
+.seatable-view-records.no_alternate_color tr:nth-child(2n) {
   background-color: #fff;
 }
 
-.seatable-view-records thead tr:nth-child(2n+1) th {
+.seatable-view-records thead tr:nth-child(2n+1) {
   background-color: #f8f8f8;
 }
 
-.seatable-view-records.no_alternate_color thead tr:nth-child(2n+1) th {
+.seatable-view-records.no_alternate_color thead tr:nth-child(2n+1) {
   background-color: #fff;
 }
 

package/dist/basic-sdk/extension/plugins/seatable-tables/seatable-settings/hide-column-setter/index.css

@@ -54,6 +54,7 @@
   line-height: 30px;
   display: flex;
   cursor: pointer;
+  padding: 0 16px;
 }
 
 .field-settings .field-settings-body>div:hover {

package/dist/basic-sdk/layout/article-container.js

@@ -57,6 +57,7 @@ function ArticleContainer(_ref) {
   }, [handleWindowResize]);
   (0, _react.useEffect)(() => {
     if (editor.editorType === _constants.WIKI_EDITOR) return;
+    if (editor.editorType === _constants.DOCUMENT_PLUGIN_EDITOR) return;
     handleWindowResize();
     window.addEventListener('resize', handleWindowResize);
     return () => {
@@ -64,16 +65,19 @@ function ArticleContainer(_ref) {
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
+  const articleStyle = editor.getArticleStyle && editor.getArticleStyle();
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-article-container",
     style: containerStyle
   }, _react.default.Children.count(children) === 1 && /*#__PURE__*/_react.default.createElement("div", {
-    className: "article",
+    className: "article sdoc-editor__article",
+    style: articleStyle,
     id: "sdoc-editor-print-wrapper",
     ref: articleRef,
     onClick: handelArticleClick
   }, children), _react.default.Children.count(children) > 1 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "article",
+    className: "article sdoc-editor__article",
+    style: articleStyle,
     id: "sdoc-editor-print-wrapper",
     ref: articleRef,
     onClick: handelArticleClick

package/dist/basic-sdk/layout/editor-container.js

@@ -8,8 +8,9 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _utils = require("../../utils");
-require("../assets/css/default.css");
 require("../assets/css/layout.css");
+require("../assets/css/default.css");
+require("../assets/css/sdoc-editor-article.css");
 require("../assets/css/sdoc-editor-plugins.css");
 require("../assets/css/sdoc-comment-editor-plugin.css");
 require("../assets/css/dropdown-menu.css");

package/dist/components/doc-operations/collaborators-operation/collaborators-popover.js

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
-require("../../../assets/css/collaborator-popover.css");
+require("./collaborators-popover.css");
 class CollaboratorsPopover extends _react.default.PureComponent {
   render() {
     const {

package/dist/entry.js

@@ -0,0 +1,9 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _sdocEditor = _interopRequireDefault(require("./basic-sdk/editor/sdoc-editor"));
+var _default = exports.default = _sdocEditor.default;

package/dist/pages/document-plugin-editor.js

@@ -31,7 +31,8 @@ const DocumentPluginEditor = _ref => {
     tables,
     getTableById,
     collaborators,
-    getTableFormulaResults
+    getTableFormulaResults,
+    getArticleStyle
   } = _ref;
   _context.default.initApi();
   const forceUpdate = (0, _useForceUpdate.default)();
@@ -65,6 +66,9 @@ const DocumentPluginEditor = _ref => {
     newEditor.cursors = cursors || {};
     newEditor.width = _constants.PAGE_EDIT_AREA_WIDTH; // default width
     newEditor.editorType = _constants.DOCUMENT_PLUGIN_EDITOR;
+
+    // article style
+    newEditor.getArticleStyle = getArticleStyle;
     return newEditor;
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [docUuid]);
@@ -76,8 +80,9 @@ const DocumentPluginEditor = _ref => {
   }, [validEditor]);
   (0, _react.useEffect)(() => {
     validEditor.getColumnCellValue = getColumnCellValue ? getColumnCellValue : null;
+    validEditor.getArticleStyle = getArticleStyle;
     forceUpdate();
-  }, [forceUpdate, getColumnCellValue, validEditor]);
+  }, [forceUpdate, getColumnCellValue, getArticleStyle, validEditor]);
   return /*#__PURE__*/_react.default.createElement(_errorBoundary.default, null, !isReadOnly && /*#__PURE__*/_react.default.createElement(_basicSdk.SDocEditor, {
     editor: validEditor,
     document: document,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "1.0.55",
+  "version": "1.0.57",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",
@@ -11,12 +11,12 @@
     "@seafile/slate-history": "0.86.2",
     "@seafile/slate-hyperscript": "0.81.7",
     "@seafile/slate-react": "0.92.6",
-    "axios": "^1.7.3",
+    "axios": "^1.7.4",
     "classnames": "2.3.2",
     "copy-to-clipboard": "^3.3.3",
     "dayjs": "1.11.2",
     "deep-copy": "1.4.2",
-    "dtable-ui-component": "^4.4.36",
+    "dtable-ui-component": "^5.1.7",
     "is-hotkey": "0.2.0",
     "is-url": "^1.2.4",
     "lodash.isequal": "4.5.0",
@@ -100,7 +100,7 @@
     "css-minimizer-webpack-plugin": "5.0.1",
     "dotenv": "^10.0.0",
     "dotenv-expand": "^5.1.0",
-    "dtable-sdk": "5.0.4",
+    "dtable-sdk": "5.0.5",
     "dtable-utils": "5.0.1",
     "ejs": "3.1.10",
     "eslint": "^8.3.0",
@@ -143,7 +143,7 @@
     "resolve": "^1.20.0",
     "resolve-url-loader": "^4.0.0",
     "sass-loader": "^12.3.0",
-    "seafile-js": "0.2.234",
+    "seafile-js": "0.2.235",
     "source-map-loader": "^3.0.0",
     "style-loader": "^3.3.1",
     "tailwindcss": "^3.0.2",

package/dist/basic-sdk/assets/css/code-block.css

@@ -1,117 +0,0 @@
-.sdoc-code-block-container {
-  position: relative;
-}
-
-.sdoc-code-block-pre {
-  background: #FAFAFA;
-  border: 1px solid #f0f0f0;
-}
-
-.sdoc-code-block-pre .sdoc-code-no-wrap {
-  white-space: nowrap;
-}
-
-.sdoc-code-block-pre .sdoc-code-no-wrap .sdoc-code-line > span {
-  white-space: pre;
-}
-
-.sdoc-code-block-code .sdoc-code-line {
-  position: relative;
-  counter-increment: number;
-  margin-left: 32px;
-}
-
-.sdoc-code-block-code .sdoc-code-line::before {
-  content: counter(number);
-  color: #ccc;
-  width: 40px;
-  text-align: end;
-  position: absolute;
-  left: -50px;
-}
-
-.sdoc-code-line
-.token.comment,
-.token.prolog,
-.token.doctype,
-.token.cdata {
-  color: slategray;
-}
-
-.sdoc-code-line
-.token.punctuation {
-  color: #999;
-}
-
-.sdoc-code-line
-.token.namespace {
-  opacity: .7;
-}
-
-.sdoc-code-line
-.token.property,
-.token.tag,
-.token.boolean,
-.token.number,
-.token.constant,
-.token.symbol,
-.token.deleted {
-  color: #905;
-  padding: 0rem;
-}
-
-.sdoc-code-line
-.token.selector,
-.token.attr-name,
-.token.string,
-.token.char,
-.token.builtin,
-.token.inserted {
-  color: #690;
-}
-
-.sdoc-code-line
-.token.operator,
-.token.entity,
-.token.url,
-.language-css .token.string,
-.style .token.string {
-  color: #9a6e3a;
-}
-
-.sdoc-code-line
-.token.atrule,
-.token.attr-value,
-.token.keyword {
-  color: #07a;
-}
-
-.sdoc-code-line
-.token.function,
-.token.class-name {
-  color: #DD4A68;
-}
-
-.sdoc-code-line
-.token.regex,
-.token.important,
-.token.variable {
-  color: #e90;
-}
-
-.sdoc-code-line
-.sdoc-code-line
-.token.important,
-.token.bold {
-  font-weight: bold;
-}
-
-.sdoc-code-line
-.token.italic {
-  font-style: italic;
-}
-
-.sdoc-code-line
-.token.entity {
-  cursor: help;
-}