@seafile/sdoc-editor 1.0.101 → 1.0.103

package/dist/basic-sdk/comment/components/comment-editor.js

@@ -50,12 +50,12 @@ const CommentEditor = _ref => {
   const userInfo = _context.default.getUserInfo();
   const document = (0, _react.useMemo)(() => {
     const cursor = {};
-    let children = null;
-    children = [(0, _core.generateEmptyElement)(_constants.PARAGRAPH, {
+    let elements = null;
+    elements = [(0, _core.generateEmptyElement)(_constants.PARAGRAPH, {
       placeholder
     })];
     return {
-      children,
+      elements,
       cursor
     };
   }, [placeholder]);

package/dist/basic-sdk/editor/sdoc-comment-editor.js

@@ -33,7 +33,7 @@ const SdocCommentEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     submitBtnText,
     onCancel
   } = _ref;
-  const [slateValue, setSlateValue] = (0, _react.useState)(document.children);
+  const [slateValue, setSlateValue] = (0, _react.useState)(document.elements);
   const commentEditorContainerRef = (0, _react.useRef)(null);
   const validEditor = (0, _react.useMemo)(() => {
     if (propsEditor) return propsEditor;
@@ -85,8 +85,8 @@ const SdocCommentEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   (0, _react.useImperativeHandle)(ref, () => ({
     setSlateValue: document => {
       // Force update of editor's child elements
-      validEditor.children = document.children;
-      setSlateValue([...document.children]);
+      validEditor.children = document.elements;
+      setSlateValue([...document.elements]);
     },
     updateDocumentVersion: document => {
       validEditor.updateDocumentVersion(document);
@@ -95,7 +95,7 @@ const SdocCommentEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     getSlateValue: () => {
       return (0, _deepCopy.default)({
         ...document,
-        children: slateValue
+        elements: slateValue
       });
     }
 

package/dist/basic-sdk/editor/sdoc-editor.js

@@ -51,13 +51,13 @@ const SdocEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  const [slateValue, setSlateValue] = (0, _react.useState)(document.children);
+  const [slateValue, setSlateValue] = (0, _react.useState)(document.elements);
 
   // Fix: The editor's children are not updated when the document is updated in revision
-  // In revision mode, the document is updated, but the editor's children are not updated,as onValueChange override the new document.children. This unexpected action cause the editor to display the old content
+  // In revision mode, the document is updated, but the editor's children are not updated,as onValueChange override the new document.elements. This unexpected action cause the editor to display the old content
   (0, _react.useEffect)(() => {
-    setSlateValue(document.children);
-  }, [document.children]);
+    setSlateValue(document.elements);
+  }, [document.elements]);
   (0, _react.useEffect)(() => {
     validEditor.readonly = false;
     return () => {
@@ -111,8 +111,8 @@ const SdocEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   (0, _react.useImperativeHandle)(ref, () => ({
     setSlateValue: document => {
       // Force update of editor's child elements
-      validEditor.children = document.children;
-      setSlateValue([...document.children]);
+      validEditor.children = document.elements;
+      setSlateValue([...document.elements]);
     },
     updateDocumentVersion: document => {
       validEditor.updateDocumentVersion(document);
@@ -121,7 +121,7 @@ const SdocEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     getSlateValue: () => {
       return (0, _deepCopy.default)({
         ...document,
-        children: slateValue
+        elements: slateValue
       });
     }
 

package/dist/basic-sdk/editor/wiki-editor.js

@@ -52,13 +52,13 @@ const WikiEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  const [slateValue, setSlateValue] = (0, _react.useState)(document.children);
+  const [slateValue, setSlateValue] = (0, _react.useState)(document.elements);
 
   // Fix: The editor's children are not updated when the document is updated in revision
-  // In revision mode, the document is updated, but the editor's children are not updated,as onValueChange override the new document.children. This unexpected action cause the editor to display the old content
+  // In revision mode, the document is updated, but the editor's children are not updated,as onValueChange override the new document.elements. This unexpected action cause the editor to display the old content
   (0, _react.useEffect)(() => {
-    setSlateValue(document.children);
-  }, [document.children]);
+    setSlateValue(document.elements);
+  }, [document.elements]);
   (0, _react.useEffect)(() => {
     validEditor.readonly = false;
     return () => {
@@ -117,8 +117,8 @@ const WikiEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   (0, _react.useImperativeHandle)(ref, () => ({
     setSlateValue: document => {
       // Force update of editor's child elements
-      validEditor.children = document.children;
-      setSlateValue([...document.children]);
+      validEditor.children = document.elements;
+      setSlateValue([...document.elements]);
     },
     updateDocumentVersion: document => {
       validEditor.updateDocumentVersion(document);
@@ -127,7 +127,7 @@ const WikiEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     getSlateValue: () => {
       return (0, _deepCopy.default)({
         ...document,
-        children: slateValue
+        elements: slateValue
       });
     }
 

package/dist/basic-sdk/extension/plugins/seatable-tables/op-menu/index.css

@@ -84,7 +84,7 @@
   color: #444;
 }
 
-.sdoc-seatable-hover-menu-container .hover-menu-container .sdoc-seatable-setting-popver {
+.sdoc-seatable-hover-menu-container .hover-menu-container .sdoc-seatable-setting-popover {
   position: absolute;
   top: 38px;
   left: 0px;
@@ -96,12 +96,12 @@
   border: 1px solid #dedede;
 }
 
-.sdoc-seatable-hover-menu-container .hover-menu-container .sdoc-seatable-setting-right-popver {
+.sdoc-seatable-hover-menu-container .hover-menu-container .sdoc-seatable-setting-right-popover {
   left: 200px;
   width: 300px;
 }
 
-.sdoc-seatable-hover-menu-container .hover-menu-container .sdoc-seatable-setting-popver .tables-list-empty {
+.sdoc-seatable-hover-menu-container .hover-menu-container .sdoc-seatable-setting-popover .tables-list-empty {
   padding: 10px;
   width: 100%;
   font-size: 13px;
@@ -110,7 +110,7 @@
   vertical-align: middle;
 }
 
-.sdoc-seatable-hover-menu-container .hover-menu-container .sdoc-seatable-setting-popver .seatable-setting-container {
+.sdoc-seatable-hover-menu-container .hover-menu-container .sdoc-seatable-setting-popover .seatable-setting-container {
   list-style: none;
   overflow-y: auto;
   max-height: 280px;
@@ -118,7 +118,7 @@
   padding: 8px 0px;
 }
 
-.sdoc-seatable-hover-menu-container .hover-menu-container .sdoc-seatable-setting-popver .seatable-setting-container .seatable-setting-item {
+.sdoc-seatable-hover-menu-container .hover-menu-container .sdoc-seatable-setting-popover .seatable-setting-container .seatable-setting-item {
   position: relative;
   white-space: nowrap;
   cursor: pointer;
@@ -130,52 +130,52 @@
   justify-content: space-between;
 }
 
-.sdoc-seatable-hover-menu-container .hover-menu-container .sdoc-seatable-setting-popver .seatable-setting-container .seatable-custom-switch-item .custom-switch-description {
+.sdoc-seatable-hover-menu-container .hover-menu-container .sdoc-seatable-setting-popover .seatable-setting-container .seatable-custom-switch-item .custom-switch-description {
   margin-left: 0px;
 }
 
-.sdoc-seatable-hover-menu-container .hover-menu-container .sdoc-seatable-setting-popver .seatable-setting-container .seatable-custom-switch-item .custom-switch {
+.sdoc-seatable-hover-menu-container .hover-menu-container .sdoc-seatable-setting-popover .seatable-setting-container .seatable-custom-switch-item .custom-switch {
   padding-left: 0px;
 }
 
-.sdoc-seatable-hover-menu-container .hover-menu-container .sdoc-seatable-setting-popver .seatable-setting-container .seatable-custom-switch-item .custom-switch-indicator {
+.sdoc-seatable-hover-menu-container .hover-menu-container .sdoc-seatable-setting-popover .seatable-setting-container .seatable-custom-switch-item .custom-switch-indicator {
   position: absolute;
   right: 0px;
   cursor: pointer;
 }
 
-.sdoc-seatable-hover-menu-container .hover-menu-container .sdoc-seatable-setting-popver .seatable-setting-container .seatable-setting-item:hover {
+.sdoc-seatable-hover-menu-container .hover-menu-container .sdoc-seatable-setting-popover .seatable-setting-container .seatable-setting-item:hover {
   background-color: #f5f5f5;;
 }
 
-.sdoc-seatable-hover-menu-container .hover-menu-container .sdoc-seatable-setting-popver .seatable-setting-container .seatable-setting-item .active {
+.sdoc-seatable-hover-menu-container .hover-menu-container .sdoc-seatable-setting-popover .seatable-setting-container .seatable-setting-item .active {
   background-color: #f5f5f5;;
 }
 
-.sdoc-seatable-hover-menu-container .hover-menu-container .sdoc-seatable-setting-popver .seatable-setting-container .seatable-setting-item .check-mark {
+.sdoc-seatable-hover-menu-container .hover-menu-container .sdoc-seatable-setting-popover .seatable-setting-container .seatable-setting-item .check-mark {
   opacity: 0;
   padding: 0 10px;
 }
 
-.sdoc-seatable-hover-menu-container .hover-menu-container .sdoc-seatable-setting-popver .seatable-setting-container .seatable-setting-item .checked {
+.sdoc-seatable-hover-menu-container .hover-menu-container .sdoc-seatable-setting-popover .seatable-setting-container .seatable-setting-item .checked {
   opacity: 1;
 }
 
-.sdoc-seatable-setting-filter-popver-wrapper {
+.sdoc-seatable-setting-filter-popover-wrapper {
   top: 38px !important;
   left: 83px !important;
   transform: unset !important;
   margin-top: 0px !important;
 }
 
-.sdoc-seatable-setting-sort-popver-wrapper {
+.sdoc-seatable-setting-sort-popover-wrapper {
   top: 38px !important;
   left: 122px !important;
   transform: unset !important;
   margin-top: 0px !important;
 }
 
-.sdoc-seatable-setting-hide-column-popver-wrapper {
+.sdoc-seatable-setting-hide-column-popover-wrapper {
   top: 38px !important;
   left: 158px !important;
   transform: unset !important;

package/dist/basic-sdk/extension/plugins/seatable-tables/op-menu/index.js

@@ -289,7 +289,7 @@ function OpMenu(_ref3) {
     placement: "top",
     fade: true
   }, t('Style_settings'))), isShowTableList && /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-seatable-setting-popver"
+    className: "sdoc-seatable-setting-popover"
   }, /*#__PURE__*/_react.default.createElement(TablesList, {
     tablesData: tablesData,
     onSelectTable: onSelectTable,
@@ -297,7 +297,7 @@ function OpMenu(_ref3) {
   })), /*#__PURE__*/_react.default.createElement(_filterSetter.default, {
     target: "sdoc_seatable_filter",
     container: document.getElementById('sdoc-seatable-hover-menu-container'),
-    popperClassName: "sdoc-seatable-setting-filter-popver-wrapper",
+    popperClassName: "sdoc-seatable-setting-filter-popover-wrapper",
     columns: selectedTable.columns,
     filterConjunction: element.filter_conjunction || 'And',
     filters: element.filters || [],
@@ -309,7 +309,7 @@ function OpMenu(_ref3) {
   }), /*#__PURE__*/_react.default.createElement(_sortSetter.default, {
     target: "sdoc_seatable_sort",
     container: document.getElementById('sdoc-seatable-hover-menu-container'),
-    popperClassName: "sdoc-seatable-setting-sort-popver-wrapper",
+    popperClassName: "sdoc-seatable-setting-sort-popover-wrapper",
     columns: selectedTable.columns,
     sorts: element.sorts || [],
     isShowSortPopover: isShowSort,
@@ -319,14 +319,14 @@ function OpMenu(_ref3) {
   }), /*#__PURE__*/_react.default.createElement(_hideColumnSetter.default, {
     target: "sdoc_seatable_hidden_column",
     container: document.getElementById('sdoc-seatable-hover-menu-container'),
-    popperClassName: "sdoc-seatable-setting-hide-column-popver-wrapper",
+    popperClassName: "sdoc-seatable-setting-hide-column-popover-wrapper",
     columns: selectedTable.columns,
     shownColumnKeys: element.shown_column_keys || [],
     isShowHideColumnSetter: isShowHideColumn,
     onSettingUpdate: onHideColumnChange,
     onPopoverToggle: onHiddenColumn
   }), isShowSeaTableSetting && /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-seatable-setting-popver sdoc-seatable-setting-right-popver"
+    className: "sdoc-seatable-setting-popover sdoc-seatable-setting-right-popover"
   }, /*#__PURE__*/_react.default.createElement(TablesSettings, {
     settings: element,
     updatePageSettings: updatePageSettings

package/dist/basic-sdk/outline/style.css

@@ -43,7 +43,7 @@
   background-color: rgb(50, 48, 44);
 }
 
-.wiki-outline-wrapper .wiki-outline-popver {
+.wiki-outline-wrapper .wiki-outline-popover {
   position: absolute;
   right: 0;
   width: 242px;
@@ -57,11 +57,11 @@
   overflow-y: auto;
 }
 
-.wiki-outline-wrapper .wiki-outline-popver .sdoc-outline-list-container {
+.wiki-outline-wrapper .wiki-outline-popover .sdoc-outline-list-container {
   padding: 6px;
 }
 
-.wiki-outline-wrapper .wiki-outline-popver .sdoc-outline-list-container .sdoc-outline-item {
+.wiki-outline-wrapper .wiki-outline-popover .sdoc-outline-list-container .sdoc-outline-item {
   color: rgb(120, 119, 116);
   transition: color 0.15s;
   cursor: pointer;
@@ -69,11 +69,11 @@
   font-size: 14px;
 }
 
-.wiki-outline-wrapper .wiki-outline-popver .sdoc-outline-list-container .wiki-outline-active {
+.wiki-outline-wrapper .wiki-outline-popover .sdoc-outline-list-container .wiki-outline-active {
   color: rgb(35, 131, 226)
 }
 
-.wiki-outline-wrapper .wiki-outline-popver .sdoc-outline-list-container .sdoc-outline-item:hover {
+.wiki-outline-wrapper .wiki-outline-popover .sdoc-outline-list-container .sdoc-outline-item:hover {
   background: rgba(55, 53, 47, 0.06);
   border-radius: 6px;
 }

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

@@ -19,16 +19,21 @@ const WikiOutline = _ref => {
   const scrollRef = (0, _useScrollContext.useScrollContext)();
   const wikiOutlineRef = (0, _react.useRef)(null);
   const [wikiOutlineList, setWikiOutlineList] = (0, _react.useState)([]);
-  const [isShowOutlinePopver, setIsShowOutlinePopver] = (0, _react.useState)(false);
+  const [isShowOutlinePopover, setIsShowOutlinePopover] = (0, _react.useState)(false);
   const onMouseOver = (0, _react.useCallback)(() => {
-    if (!isShowOutlinePopver) {
-      setIsShowOutlinePopver(true);
+    if (!isShowOutlinePopover) {
+      setIsShowOutlinePopover(true);
     }
-  }, [isShowOutlinePopver]);
+  }, [isShowOutlinePopover]);
   const updateWikiOutlineList = (0, _react.useCallback)(() => {
     const list = doc.filter(item => ['header1', 'header2', 'header3'].includes(item.type));
-    if (list.length === 0) return;
-    const newList = JSON.parse(JSON.stringify(list)); // The slateValue value in the document cannot be operated, so copy it for operation
+    if (list.length === 0) {
+      setWikiOutlineList([]);
+      return;
+    }
+
+    // The slateValue value in the document cannot be operated, so copy it for operation
+    const newList = JSON.parse(JSON.stringify(list));
     const index = list.findIndex(item => {
       const {
         id
@@ -81,29 +86,25 @@ const WikiOutline = _ref => {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-outline-wrapper wiki-outline-wrapper",
     onMouseLeave: () => {
-      setIsShowOutlinePopver(false);
+      setIsShowOutlinePopover(false);
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-outline"
   }, wikiOutlineList.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-outline-list-container",
     onMouseOver: onMouseOver
-  }, wikiOutlineList.map((item, index) => {
-    return /*#__PURE__*/_react.default.createElement(_outlineItem.default, {
-      key: index,
-      item: item,
-      isDisplayHorizontalBar: true
-    });
-  }))), isShowOutlinePopver && /*#__PURE__*/_react.default.createElement("div", {
-    className: "wiki-outline-popver",
+  }, wikiOutlineList.map((item, index) => /*#__PURE__*/_react.default.createElement(_outlineItem.default, {
+    key: index,
+    item: item,
+    isDisplayHorizontalBar: true
+  })))), isShowOutlinePopover && /*#__PURE__*/_react.default.createElement("div", {
+    className: "wiki-outline-popover",
     ref: wikiOutlineRef
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-outline-list-container"
-  }, wikiOutlineList.map((item, index) => {
-    return /*#__PURE__*/_react.default.createElement(_outlineItem.default, {
-      key: index,
-      item: item
-    });
-  }))));
+  }, wikiOutlineList.map((item, index) => /*#__PURE__*/_react.default.createElement(_outlineItem.default, {
+    key: index,
+    item: item
+  })))));
 };
 var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(WikiOutline);

package/dist/basic-sdk/utils/diff.js

@@ -333,36 +333,36 @@ const getElementDiffValue = (currentContent, oldContent) => {
 */
 const getDiff = function () {
   let currentValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-    children: []
+    elements: []
   };
   let oldValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
-    children: []
+    elements: []
   };
   if (!currentValue && !oldValue) return {
     value: [],
     changes: []
   };
   if (!currentValue && oldValue) return {
-    value: (0, _documentUtils.normalizeChildren)(oldValue.children),
+    value: (0, _documentUtils.normalizeChildren)(oldValue.elements),
     changes: []
   };
   if (currentValue && !oldValue) return {
-    value: (0, _documentUtils.normalizeChildren)(currentValue.children),
+    value: (0, _documentUtils.normalizeChildren)(currentValue.elements),
     changes: []
   };
   const {
     version: currentVersion,
-    children: currentContent
+    elements: currentContent
   } = {
     ...currentValue,
-    children: (0, _documentUtils.normalizeChildren)(currentValue.children)
+    elements: (0, _documentUtils.normalizeChildren)(currentValue.elements)
   };
   const {
     version: oldVersion,
-    children: oldContent
+    elements: oldContent
   } = {
     ...oldValue,
-    children: (0, _documentUtils.normalizeChildren)(oldValue.children)
+    elements: (0, _documentUtils.normalizeChildren)(oldValue.elements)
   };
   if (currentVersion === oldVersion) return {
     value: currentContent,

package/dist/basic-sdk/views/published-revision-diff-viewer.js

@@ -53,7 +53,7 @@ const PublishedRevisionDiffViewer = _ref => {
     return /*#__PURE__*/_react.default.createElement(_loading.default, null);
   }
   const document = {
-    children: isShowChanges && (diff === null || diff === void 0 ? void 0 : diff.value) || revisionContent.children
+    elements: isShowChanges && (diff === null || diff === void 0 ? void 0 : diff.value) || revisionContent.elements
   };
   return /*#__PURE__*/_react.default.createElement(_sdocViewer.default, {
     document: document,

package/dist/basic-sdk/views/revision-diff-viewer.js

@@ -51,7 +51,7 @@ const RevisionDiffViewer = _ref => {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_sdocViewer.default, {
     editor: editor,
     document: {
-      children: diff.value
+      elements: diff.value
     },
     showToolbar: true,
     showOutline: true,

package/dist/basic-sdk/views/sdoc-diff-viewer.js

@@ -31,7 +31,7 @@ const DiffViewer = _ref => {
   }, []);
   return /*#__PURE__*/_react.default.createElement(_sdocViewer.default, {
     document: {
-      children: diff.value
+      elements: diff.value
     },
     showToolbar: false,
     showOutline: false,

package/dist/basic-sdk/views/sdoc-viewer.js

@@ -25,7 +25,7 @@ const SDocViewer = _ref => {
     plugins = []
   } = _ref;
   const validEditor = editor || (0, _nodeId.default)((0, _extension.createDefaultEditor)());
-  const slateValue = (document || (0, _utils.generateDefaultDocContent)()).children;
+  const slateValue = (document || (0, _utils.generateDefaultDocContent)()).elements;
   const Provider = showComment ? _hooks.CollaboratorsProvider : _react.Fragment;
   return /*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_hooks.PluginsProvider, {
     plugins: plugins,

package/dist/basic-sdk/views/sdoc-wiki-viewer.js

@@ -16,6 +16,7 @@ var _useColorContext = require("../hooks/use-color-context");
 var _useScrollContext = require("../hooks/use-scroll-context");
 var _wikiOutline = _interopRequireDefault(require("../wiki-outline"));
 require("../assets/css/sdoc-wiki-viewer.css");
+// maybe can be deleted in the future
 const SDocMdViewer = _ref => {
   let {
     editor,

package/dist/hooks/use-document.js

@@ -22,13 +22,6 @@ const useDocument = () => {
     return new Promise((resolve, reject) => {
       _context.default.getFileContent().then(res => {
         let result = res.data;
-        if (result && !result.children) {
-          result = {
-            version: 0,
-            children: result.content,
-            cursors: result.cursors || {}
-          };
-        }
         resolve(result);
       }).catch(error => {
         // eslint-disable-next-line

package/dist/pages/simple-viewer.js

@@ -30,12 +30,6 @@ class SimpleViewer extends _react.default.Component {
     try {
       const contentRes = await _context.default.getFileContent();
       let result = contentRes.data || (0, _utils.generateDefaultDocContent)();
-      if (result && !result.children) {
-        result = {
-          version: 0,
-          children: result.content
-        };
-      }
       this.setState({
         isContextInit: true,
         document: result

package/dist/utils/index.js

@@ -44,7 +44,7 @@ exports.getDirPath = getDirPath;
 const generateDefaultDocContent = () => {
   const defaultValue = {
     version: 0,
-    children: [{
+    elements: [{
       id: 'aaaa',
       type: 'paragraph',
       children: [{

package/package.json

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