@seafile/sdoc-editor 1.0.100 → 1.0.102

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/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "1.0.100",
+  "version": "1.0.102",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",
   "dependencies": {
     "@seafile/print-js": "1.6.6",
-    "@seafile/react-image-lightbox": "2.0.4",
+    "@seafile/react-image-lightbox": "2.0.5",
     "@seafile/slate": "0.91.8",
     "@seafile/slate-history": "0.86.2",
     "@seafile/slate-hyperscript": "0.81.7",