@seafile/sdoc-editor 1.0.154 → 1.0.156

package/dist/basic-sdk/assets/css/dropdown-menu.css

@@ -49,7 +49,7 @@
 }
 
 .sdoc-dropdown-menu .sdoc-dropdown-menu-item-hidden {
- display: none;
+  display: none;
 }
 
 .sdoc-dropdown-menu .sdoc-dropdown-menu-item.disabled,
@@ -82,11 +82,12 @@
 
 .sdoc-dropdown-menu .sdoc-dropdown-item-content .sdoc-dropdown-item-content-icon {
   margin-right: 10px;
+  vertical-align: 1px;
 }
 
 .sdoc-dropdown-menu .sdoc-dropdown-item-right-icon {
   color: #999;
-  transform: scale(.6);
+  transform: scale(.8);
 }
 
 .sdoc-dropdown-menu .sdoc-dropdown-item-with-left-icon {
@@ -95,8 +96,8 @@
 }
 
 .sdoc-dropdown-menu .sdoc-check-mark {
-  transform: scale(.8);
   color: #798d99;
+  transform: scale(1);
 }
 
 /* sub menu */

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

@@ -337,6 +337,12 @@ Object.defineProperty(exports, "SDOC_LINK", {
     return _elementType.SDOC_LINK;
   }
 });
+Object.defineProperty(exports, "SEATABLE_COLUMN", {
+  enumerable: true,
+  get: function () {
+    return _elementType.SEATABLE_COLUMN;
+  }
+});
 Object.defineProperty(exports, "SEATABLE_TABLE", {
   enumerable: true,
   get: function () {

package/dist/basic-sdk/extension/constants/menus-config.js

@@ -414,12 +414,10 @@ const SIDE_INSERT_MENUS_SEARCH_MAP = exports.SIDE_INSERT_MENUS_SEARCH_MAP = {
   [_elementType.IMAGE]: 'Image',
   [_elementType.VIDEO]: 'Video',
   [_elementType.TABLE]: 'Table',
-  [_elementType.MULTI_COLUMN]: 'Multi_column',
   [_elementType.COLUMN]: 'Column',
   [_elementType.TWO_COLUMN]: 'Two_column',
   [_elementType.THREE_COLUMN]: 'Three_column',
   [_elementType.FOUR_COLUMN]: 'Four_column',
-  [_elementType.FIVE_COLUMN]: 'Five_column',
   [_elementType.LINK]: 'Link',
   [_elementType.CODE_BLOCK]: 'Code_block',
   [_elementType.CALL_OUT]: 'Callout',

package/dist/basic-sdk/extension/plugins/font/menu/font-size/index.css

@@ -25,7 +25,6 @@
 .sdoc-font-size-menu-popover .sdoc-dropdown-menu-item .sdoc-check-mark {
   position: absolute;
   left: 8px;
-  transform: scale(.8);
   color: #798d99;
 }
 

package/dist/basic-sdk/extension/plugins/header/menu/style.css

@@ -75,6 +75,5 @@
 .header-menu .header-popover .sdoc-dropdown-menu-item .sdoc-check-mark {
   position: absolute;
   left: 8px;
-  transform: scale(.8);
   color: #798d99;
 }

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

@@ -31,9 +31,10 @@ const RenderQuickInsert = (_ref, editor, readonly) => {
   const scrollRef = (0, _useScrollContext.useScrollContext)();
   const insertElmRef = (0, _react.useRef)(null);
   const aboveBlockNode = (0, _core.getAboveBlockNode)(editor);
-  const searchText = _slate.Node.string(element);
   const isEmptyNode = (0, _helpers.isVoidNode)(aboveBlockNode === null || aboveBlockNode === void 0 ? void 0 : aboveBlockNode[0]);
   const handleClick = (0, _react.useCallback)(e => {
+    // Click the search input
+    if (sideMenuRef.current.contains(e.target) && e.target.tagName === 'INPUT') return;
     if (!insertElmRef.current.contains(e.target)) {
       (0, _helper.transformToText)(editor, element);
     }
@@ -88,7 +89,6 @@ const RenderQuickInsert = (_ref, editor, readonly) => {
     isEmptyNode: isEmptyNode,
     insertPosition: isEmptyNode ? _constants.INSERT_POSITION.CURRENT : _constants.INSERT_POSITION.AFTER,
     slateNode: aboveBlockNode === null || aboveBlockNode === void 0 ? void 0 : aboveBlockNode[0],
-    searchText: searchText,
     callback: handleInsertBlock
   })))));
 };

package/dist/basic-sdk/extension/plugins/table/menu/vertical-align-popover/style.css

@@ -9,13 +9,16 @@
 
 .sdoc-table-alignment-menu .sdoc-dropdown-menu-item .sdoc-checked {
     margin-right: 6px;
-    width: 16px;
-    height: 16px;
+    height: 21px;
+    line-height: 21px;
+    width: 12px;
 }
+
 .sdoc-table-alignment-menu .sdoc-dropdown-menu-item .sdoc-check-mark {
     display: none;
-    font-size: 16px !important;
+    font-size: 12px !important;
 }
+
 .sdoc-table-alignment-menu .sdoc-dropdown-menu-item .sdoc-check-mark.active {
     display: inline;
 }

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

@@ -63,3 +63,7 @@
   cursor: pointer;
   background: #f5f5f5;
 }
+
+.sdoc-selected-table-size-popover .sdoc-selected-table-size-custom .sdocfont {
+  font-size: 12px;
+}

package/dist/basic-sdk/extension/plugins/text-align/menu/index.css

@@ -1,6 +1,5 @@
 .sdoc-text-align-dropdown .sdocfont.sdoc-check-mark {
     position: absolute;
     left: 8px;
-    transform: scale(.8);
     color: #798d99;
 }

package/dist/basic-sdk/extension/toolbar/insert-element-toolbar/const.js

@@ -3,31 +3,5 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SHORT_INSERT_ELEMENT_USER_INPUT_MAP = exports.SELECTED_ITEM_CLASS_NAME = void 0;
-var _constants = require("../../constants");
-const SELECTED_ITEM_CLASS_NAME = exports.SELECTED_ITEM_CLASS_NAME = 'sdoc-dropdown-item-selected';
-const SHORT_INSERT_ELEMENT_USER_INPUT_MAP = exports.SHORT_INSERT_ELEMENT_USER_INPUT_MAP = {
-  [_constants.IMAGE]: 'image',
-  [_constants.TABLE]: 'table',
-  [_constants.LINK]: 'link',
-  [_constants.CODE_BLOCK]: 'code block',
-  [_constants.CALL_OUT]: 'callout',
-  [_constants.UNORDERED_LIST]: 'unorder list',
-  [_constants.ORDERED_LIST]: 'order list',
-  [_constants.CHECK_LIST_ITEM]: 'check list',
-  [_constants.PARAGRAPH]: 'paragraph',
-  [_constants.HEADER1]: 'header 1',
-  [_constants.HEADER2]: 'header 2',
-  [_constants.HEADER3]: 'header 3',
-  [_constants.HEADER4]: 'header 4',
-  [_constants.HEADER5]: 'header 5',
-  [_constants.HEADER6]: 'header 6',
-  [_constants.BLOCKQUOTE]: 'quote',
-  [_constants.MULTI_COLUMN]: 'multi_column',
-  [_constants.COLUMN]: 'column',
-  [_constants.TWO_COLUMN]: 'two_column',
-  [_constants.THREE_COLUMN]: 'three_column',
-  [_constants.FOUR_COLUMN]: 'four_column',
-  [_constants.FIVE_COLUMN]: 'five_column',
-  [_constants.VIDEO]: 'video'
-};
+exports.SELECTED_ITEM_CLASS_NAME = void 0;
+const SELECTED_ITEM_CLASS_NAME = exports.SELECTED_ITEM_CLASS_NAME = 'sdoc-dropdown-item-selected';

package/dist/basic-sdk/extension/toolbar/insert-element-toolbar/index.js

@@ -9,6 +9,8 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _slateReact = require("@seafile/slate-react");
 var _slate = require("@seafile/slate");
+var _reactI18next = require("react-i18next");
+var _reactstrap = require("reactstrap");
 var _helpers = require("../side-toolbar/helpers");
 var _helpers2 = require("../../plugins/table/helpers");
 var _tableSizePopover = _interopRequireDefault(require("../../plugins/table/popover/table-size-popover"));
@@ -30,14 +32,14 @@ const QuickInsertBlockMenu = _ref => {
   let {
     insertPosition,
     slateNode,
-    searchText,
     callback,
-    isEmptyNode
+    isEmptyNode,
+    t
   } = _ref;
   const editor = (0, _slateReact.useSlateStatic)();
-  const [currentSelectIndex, setCurrentSelectIndex] = (0, _react.useState)(0);
-  const renderItemListRef = (0, _react.useRef)([]);
   const downDownWrapperRef = (0, _react.useRef)(null);
+  const [currentSelectIndex, setCurrentSelectIndex] = (0, _react.useState)(0);
+  const [quickInsertMenuSearchMap, setQuickInsertMenuSearchMap] = (0, _react.useState)(_constants.SIDE_INSERT_MENUS_SEARCH_MAP);
   const onInsertImageToggle = (0, _react.useCallback)(() => {
     callback && callback();
     const eventBus = _eventBus.default.getInstance();
@@ -145,6 +147,7 @@ const QuickInsertBlockMenu = _ref => {
   const dropDownItems = (0, _react.useMemo)(() => {
     let items = {
       [_constants.IMAGE]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+        isHidden: !quickInsertMenuSearchMap[_constants.IMAGE],
         disabled: isDisableImage,
         key: "sdoc-insert-menu-image",
         menuConfig: {
@@ -153,6 +156,7 @@ const QuickInsertBlockMenu = _ref => {
         onClick: onInsertImageToggle
       }),
       [_constants.VIDEO]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+        isHidden: !quickInsertMenuSearchMap[_constants.VIDEO],
         disabled: isDisableVideo,
         key: "sdoc-insert-menu-video",
         menuConfig: {
@@ -164,6 +168,7 @@ const QuickInsertBlockMenu = _ref => {
       /*#__PURE__*/
       // eslint-disable-next-line react/jsx-indent
       _react.default.createElement(_dropdownMenuItem.default, {
+        isHidden: !quickInsertMenuSearchMap[_constants.TABLE],
         key: "sdoc-insert-menu-tabe",
         menuConfig: {
           ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.TABLE]
@@ -180,6 +185,7 @@ const QuickInsertBlockMenu = _ref => {
         createTable: createTable
       })),
       [_constants.LINK]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+        isHidden: !quickInsertMenuSearchMap[_constants.LINK],
         key: "sdoc-insert-menu-link",
         menuConfig: {
           ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.LINK]
@@ -187,6 +193,7 @@ const QuickInsertBlockMenu = _ref => {
         onClick: openLinkDialog
       }),
       [_constants.BLOCKQUOTE]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+        isHidden: !quickInsertMenuSearchMap[_constants.BLOCKQUOTE],
         key: "sdoc-insert-menu-blockquote",
         menuConfig: {
           ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.BLOCKQUOTE]
@@ -194,6 +201,7 @@ const QuickInsertBlockMenu = _ref => {
         onClick: onInsertBlockQuote
       }),
       [_constants.CODE_BLOCK]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+        isHidden: !quickInsertMenuSearchMap[_constants.CODE_BLOCK],
         key: "sdoc-insert-menu-code-block",
         menuConfig: {
           ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.CODE_BLOCK]
@@ -201,6 +209,7 @@ const QuickInsertBlockMenu = _ref => {
         onClick: onInsertCodeBlock
       }),
       [_constants.CALL_OUT]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+        isHidden: !quickInsertMenuSearchMap[_constants.CALL_OUT],
         disabled: isDisableCallout,
         key: "sdoc-insert-menu-callout",
         menuConfig: {
@@ -209,6 +218,7 @@ const QuickInsertBlockMenu = _ref => {
         onClick: () => onInsertCallout(_constants.PARAGRAPH)
       }),
       [_constants.UNORDERED_LIST]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+        isHidden: !quickInsertMenuSearchMap[_constants.UNORDERED_LIST],
         key: "sdoc-insert-menu-unorder-list",
         menuConfig: {
           ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.UNORDERED_LIST]
@@ -218,6 +228,7 @@ const QuickInsertBlockMenu = _ref => {
         }
       }),
       [_constants.ORDERED_LIST]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+        isHidden: !quickInsertMenuSearchMap[_constants.ORDERED_LIST],
         key: "sdoc-insert-menu-order-list",
         menuConfig: {
           ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.ORDERED_LIST]
@@ -227,6 +238,7 @@ const QuickInsertBlockMenu = _ref => {
         }
       }),
       [_constants.CHECK_LIST_ITEM]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+        isHidden: !quickInsertMenuSearchMap[_constants.CHECK_LIST_ITEM],
         key: "sdoc-insert-menu-check-list",
         menuConfig: {
           ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.CHECK_LIST_ITEM]
@@ -234,6 +246,7 @@ const QuickInsertBlockMenu = _ref => {
         onClick: onInsertCheckList
       }),
       [_constants.PARAGRAPH]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+        isHidden: !quickInsertMenuSearchMap[_constants.PARAGRAPH],
         disabled: isEmptyNode,
         key: "sdoc-insert-menu-paragraph",
         menuConfig: {
@@ -244,6 +257,7 @@ const QuickInsertBlockMenu = _ref => {
     };
     _constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.HEADER].forEach(item => {
       items[item.id.toLowerCase()] = /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+        isHidden: !quickInsertMenuSearchMap[item.type],
         key: item.id,
         menuConfig: item,
         onClick: () => onInsert(item.type)
@@ -251,6 +265,7 @@ const QuickInsertBlockMenu = _ref => {
     });
     _constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.MULTI_COLUMN].forEach(item => {
       items[item.id.toLowerCase()] = /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+        isHidden: !quickInsertMenuSearchMap[item.type],
         className: "sdoc-insert-menu-multi-column",
         key: item.id,
         menuConfig: item,
@@ -258,7 +273,7 @@ const QuickInsertBlockMenu = _ref => {
       });
     });
     return items;
-  }, [isDisableImage, isDisableVideo, onInsertImageToggle, editor, createTable, openLinkDialog, onInsertBlockQuote, onInsertCodeBlock, isDisableCallout, onInsertCheckList, isEmptyNode, onInsertCallout, onInsertList, onInsert, createMultiColumn]);
+  }, [isDisableImage, onInsertImageToggle, isDisableVideo, onInsertVideoToggle, editor, createTable, openLinkDialog, onInsertBlockQuote, onInsertCodeBlock, isDisableCallout, onInsertCheckList, isEmptyNode, onInsertCallout, onInsertList, onInsert, createMultiColumn, quickInsertMenuSearchMap]);
   const getSelectItemDom = selectIndex => {
     const dropDownItemWrapper = downDownWrapperRef.current;
     const currentSelectItem = dropDownItemWrapper.children[selectIndex];
@@ -321,35 +336,38 @@ const QuickInsertBlockMenu = _ref => {
       currentSelectItem.classList.add(_const.SELECTED_ITEM_CLASS_NAME);
     }
   }, [clearSelectStyle, currentSelectIndex, dropDownItems]);
-  if (searchText) {
-    const renderList = [];
-    for (const key in dropDownItems) {
-      if (Object.hasOwnProperty.call(dropDownItems, key)) {
-        const inputText = _const.SHORT_INSERT_ELEMENT_USER_INPUT_MAP[key];
-        if (inputText.toLowerCase().indexOf(searchText.toLowerCase()) !== -1) {
-          renderList.push(dropDownItems[key]);
-        }
-      }
+  const onChange = (0, _react.useCallback)(e => {
+    if (!downDownWrapperRef.current.isInputtingChinese) {
+      const newMenuSearchMap = (0, _helpers.getSearchedOperations)(_constants.SIDE_INSERT_MENUS_SEARCH_MAP, true, e, t, editor);
+      setQuickInsertMenuSearchMap(newMenuSearchMap);
     }
-    if (!renderList.length) {
-      renderList.push( /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
-        key: "sdoc-insert-menu-no-result",
-        menuConfig: {
-          text: 'Search_not_found'
-        }
-      }));
-    }
-    renderItemListRef.current = renderList;
-  } else {
-    // setRenderItemList(dropDownItems);
-    renderItemListRef.current = Object.values(dropDownItems);
-  }
+  }, [editor, t]);
+  const onCompositionStart = (0, _react.useCallback)(() => {
+    downDownWrapperRef.current.isInputtingChinese = true;
+  }, []);
+  const onCompositionEnd = (0, _react.useCallback)(e => {
+    downDownWrapperRef.current.isInputtingChinese = false;
+    onChange(e);
+  }, [onChange]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-insert-element-toolbar",
     ref: downDownWrapperRef
-  }, renderItemListRef.current);
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-side-menu-search-wrapper"
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
+    placeholder: t('Search_action'),
+    onChange: onChange,
+    onCompositionStart: onCompositionStart,
+    onCompositionEnd: onCompositionEnd
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-insert-element-content-wrapper"
+  }, Object.keys(dropDownItems).map(key => {
+    return dropDownItems[key];
+  }), Object.keys(quickInsertMenuSearchMap).length === 0 && /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-dropdown-menu-item-no-results"
+  }, t('No_results'))));
 };
 QuickInsertBlockMenu.defaultProps = {
   insertPosition: _constants.INSERT_POSITION.CURRENT
 };
-var _default = exports.default = QuickInsertBlockMenu;
+var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(QuickInsertBlockMenu);

package/dist/basic-sdk/extension/toolbar/insert-element-toolbar/style.css

@@ -1,3 +1,8 @@
 .sdoc-insert-element-toolbar .sdoc-dropdown-menu-item.sdoc-dropdown-item-selected {
   background-color: #e3e3e3;
 }
+
+.sdoc-insert-element-toolbar .sdoc-insert-element-content-wrapper {
+  max-height: 278px;
+  overflow-y: auto;
+}

package/dist/basic-sdk/extension/toolbar/side-toolbar/helpers.js

@@ -248,7 +248,7 @@ const getTransformMenusConfig = (editor, slateNode) => {
   return newSideMenusConfig;
 };
 exports.getTransformMenusConfig = getTransformMenusConfig;
-const getSearchedOperations = (sourceMenuSearchMap, isNodeEmpty, event, t) => {
+const getSearchedOperations = (sourceMenuSearchMap, isNodeEmpty, event, t, editor) => {
   let menuSearchMap = {};
   if (event.target.value.trim()) {
     Object.keys(sourceMenuSearchMap).forEach(key => {
@@ -256,6 +256,10 @@ const getSearchedOperations = (sourceMenuSearchMap, isNodeEmpty, event, t) => {
       const sourceStr = t(value).toUpperCase();
       const targetStr = event.target.value.trim().toUpperCase();
       if (sourceStr.includes(targetStr)) {
+        // Only the documentation plugin has this operation
+        if ([_constants.SEATABLE_COLUMN, _constants.SEATABLE_TABLE].includes(key) && editor.editorType !== _constants3.DOCUMENT_PLUGIN_EDITOR) {
+          return;
+        }
         menuSearchMap[key] = value;
       }
     });

package/dist/basic-sdk/extension/toolbar/side-toolbar/insert-block-menu.js

@@ -183,6 +183,7 @@ const InsertBlockMenu = _ref => {
     });
   }), _constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.MULTI_COLUMN].map(item => {
     return /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+      isHidden: !insertMenuSearchMap[item.type],
       key: item.id,
       menuConfig: item,
       onClick: () => createMultiColumn(item.type)

package/dist/basic-sdk/extension/toolbar/side-toolbar/side-menu.js

@@ -94,13 +94,13 @@ const SideMenu = (_ref, ref) => {
   const onChange = (0, _react.useCallback)(e => {
     if (!sideMenuRef.current.isInputtingChinese) {
       if (isNodeEmpty) {
-        const newMenuSearchMap = (0, _helpers.getSearchedOperations)(_constants.SIDE_INSERT_MENUS_SEARCH_MAP, isNodeEmpty, e, t);
+        const newMenuSearchMap = (0, _helpers.getSearchedOperations)(_constants.SIDE_INSERT_MENUS_SEARCH_MAP, isNodeEmpty, e, t, editor);
         setInsertMenuSearchMap(newMenuSearchMap);
       }
       if (!isNodeEmpty) {
-        const newTransformMenuSearchMap = (0, _helpers.getSearchedOperations)(_constants.SIDE_TRANSFORM_MENUS_SEARCH_MAP, isNodeEmpty, e, t);
-        const newInsertBelowMenuSearchMap = (0, _helpers.getSearchedOperations)(_constants.SIDE_INSERT_MENUS_SEARCH_MAP, isNodeEmpty, e, t);
-        const newOtherOperationsMenuSearchMap = (0, _helpers.getSearchedOperations)(_constants.SIDE_OTHER_OPERATIONS_MENUS_SEARCH_MAP, isNodeEmpty, e, t);
+        const newTransformMenuSearchMap = (0, _helpers.getSearchedOperations)(_constants.SIDE_TRANSFORM_MENUS_SEARCH_MAP, isNodeEmpty, e, t, editor);
+        const newInsertBelowMenuSearchMap = (0, _helpers.getSearchedOperations)(_constants.SIDE_INSERT_MENUS_SEARCH_MAP, isNodeEmpty, e, t, editor);
+        const newOtherOperationsMenuSearchMap = (0, _helpers.getSearchedOperations)(_constants.SIDE_OTHER_OPERATIONS_MENUS_SEARCH_MAP, isNodeEmpty, e, t, editor);
         setTransformMenuSearchMap(newTransformMenuSearchMap);
         setInsertBelowMenuSearchMap(newInsertBelowMenuSearchMap);
         setOtherOperatonsMenuSearchMap(newOtherOperationsMenuSearchMap);
@@ -113,7 +113,7 @@ const SideMenu = (_ref, ref) => {
         });
       }
     }
-  }, [isNodeEmpty, t, onUpdateMenuLocation]);
+  }, [isNodeEmpty, t, onUpdateMenuLocation, editor]);
   const onCompositionStart = (0, _react.useCallback)(() => {
     sideMenuRef.current.isInputtingChinese = true;
   }, []);

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

@@ -49,6 +49,7 @@ function ArticleContainer(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor.editorType, scrollRef]);
   (0, _react.useEffect)(() => {
+    if (editor.editorType === _constants.DOCUMENT_PLUGIN_EDITOR) return;
     const eventBus = _eventBus.default.getInstance();
     const unsubscribeOutline = eventBus.subscribe(_constants.INTERNAL_EVENT.OUTLINE_STATE_CHANGED, handleWindowResize);
     const unsubscribeResizeArticle = eventBus.subscribe(_constants.INTERNAL_EVENT.RESIZE_ARTICLE, handleWindowResize);
@@ -56,7 +57,7 @@ function ArticleContainer(_ref) {
       unsubscribeOutline();
       unsubscribeResizeArticle();
     };
-  }, [handleWindowResize]);
+  }, [editor.editorType, handleWindowResize]);
   (0, _react.useEffect)(() => {
     if (editor.editorType === _constants.WIKI_EDITOR) return;
     if (editor.editorType === _constants.DOCUMENT_PLUGIN_EDITOR) return;
@@ -68,9 +69,12 @@ function ArticleContainer(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   const articleStyle = editor.getArticleStyle && editor.getArticleStyle();
+  const articleContainerStyle = editor.getArticleStyle ? {
+    width: articleStyle.width
+  } : containerStyle;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-article-container",
-    style: containerStyle
+    style: articleContainerStyle
   }, _react.default.Children.count(children) === 1 && /*#__PURE__*/_react.default.createElement("div", {
     className: "article sdoc-editor__article",
     style: articleStyle,

package/package.json

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

package/public/media/sdoc-editor-font/iconfont.svg

@@ -14,6 +14,8 @@
     />
       <missing-glyph />
       
+      <glyph glyph-name="sdoc-check-mark" unicode="&#59005;" d="M44.8 371.2c-19.2 22.4-16 54.4 6.4 73.6s54.4 16 73.6-6.4l243.2-300.8L896 745.6c19.2 22.4 54.4 28.8 76.8 9.6 22.4-19.2 25.6-51.2 6.4-76.8-384-441.6-576-665.6-588.8-678.4-12.8-16-35.2-12.8-44.8 0-6.4 6.4-105.6 134.4-300.8 371.2z"  horiz-adv-x="1024" />
+      
       <glyph glyph-name="sdoc-play" unicode="&#59004;" d="M512 896C230.4 896 0 665.6 0 384s230.4-512 512-512 512 230.4 512 512c0 134.4-54.4 265.6-150.4 361.6S646.4 896 512 896z m0-944c-236.8 0-432 192-432 432S275.2 816 512 816s432-192 432-432c0-115.2-44.8-224-124.8-304s-192-128-307.2-128z m185.6 457.6l-134.4 76.8-140.8 83.2c-9.6 3.2-19.2 3.2-25.6-3.2-6.4-6.4-12.8-16-9.6-25.6v-320c0-9.6 3.2-19.2 9.6-25.6s16-6.4 25.6-3.2l140.8 83.2 134.4 76.8c9.6 6.4 12.8 16 12.8 25.6s-6.4 28.8-12.8 32z"  horiz-adv-x="1024" />
       
       <glyph glyph-name="sdoc-video" unicode="&#59003;" d="M969.6 832c28.8 0 54.4-25.6 54.4-57.6v-784c0-32-25.6-57.6-54.4-57.6H54.4C25.6-64 0-38.4 0-6.4V774.4C0 806.4 25.6 832 54.4 832h915.2zM928 736H96v-704h832V736zM348.8 608l380.8-227.2-380.8-227.2V608z"  horiz-adv-x="1024" />
@@ -142,8 +144,6 @@
       
       <glyph glyph-name="sdoc-align-center" unicode="&#58926;" d="M800 832v-96H224V832h576z m224-352v96H0v-96h1024z m0-544v96H0v-96h1024zM224 288v-96h576v96H224z"  horiz-adv-x="1024" />
       
-      <glyph glyph-name="sdoc-check-mark" unicode="&#58959;" d="M329.6 96l-284.8 275.2c-25.6 22.4-25.6 60.8-3.2 86.4 25.6 25.6 64 25.6 89.6 0l265.6-256L892.8 697.6c22.4 22.4 64 25.6 86.4 0 22.4-22.4 25.6-60.8 3.2-83.2L464 99.2c-35.2-38.4-96-38.4-134.4-3.2z"  horiz-adv-x="1024" />
-      
       <glyph glyph-name="sdoc-table" unicode="&#58947;" d="M992 864c19.2 0 32-12.8 32-32v-896c0-19.2-12.8-32-32-32H32c-19.2 0-32 12.8-32 32V832c0 19.2 12.8 32 32 32h960zM96 192v-192h256v192H96z m832 0H448v-192h480v192z m0 288H448v-192h480v192z m0 288H448v-192h480V768zM352 768H96v-192h256V768zM96 288h256v192H96v-192z"  horiz-adv-x="1024" />
       
       <glyph glyph-name="sdoc-list-ol" unicode="&#58948;" d="M288 432v-96h736v96H288zM288 768v-96h736V768H288z m0-672v-96h736v96H288zM144 608c9.6 0 16 6.4 16 16v25.6c0 9.6-6.4 16-16 16h-25.6V816c0 9.6-6.4 16-16 16H64c-6.4 0-12.8-3.2-16-9.6l-12.8-25.6c-3.2-3.2-3.2-9.6 0-12.8 3.2-3.2 6.4-6.4 12.8-6.4H64v-112H32c-6.4-3.2-12.8-9.6-12.8-16v-28.8c0-6.4 6.4-12.8 12.8-12.8h112zM25.6 272h115.2c9.6 0 16 6.4 16 16v25.6c0 9.6-6.4 16-16 16h-64c6.4 19.2 83.2 32 83.2 99.2 0 51.2-44.8 67.2-76.8 67.2-35.2 0-60.8-19.2-67.2-32-9.6-12.8-6.4-22.4 3.2-28.8l12.8-12.8c9.6-9.6 19.2-3.2 25.6 3.2 3.2 3.2 9.6 6.4 16 6.4s16-3.2 16-16c0-22.4-89.6-38.4-89.6-118.4v-6.4c6.4-12.8 16-19.2 25.6-19.2z m80-198.4l28.8 35.2c6.4 6.4 9.6 16 9.6 22.4v6.4c0 12.8-6.4 22.4-22.4 22.4h-96c-9.6 0-16-6.4-16-16v-28.8c0-9.6 6.4-16 16-16H64c-6.4-6.4-12.8-16-19.2-22.4l-9.6-12.8c-3.2-6.4-6.4-16-3.2-22.4l3.2-3.2c6.4-9.6 12.8-12.8 22.4-12.8H64c19.2 0 25.6-3.2 25.6-16 0-9.6-6.4-16-22.4-16-9.6 0-19.2 3.2-25.6 6.4-12.8 6.4-22.4 6.4-25.6-6.4l-9.6-16c-6.4-12.8-6.4-22.4 6.4-25.6 9.6-9.6 32-19.2 60.8-19.2 60.8 0 83.2 38.4 83.2 76.8 0 28.8-19.2 54.4-51.2 64z"  horiz-adv-x="1024" />

package/public/media/sdoc-editor-font.css

@@ -1,11 +1,14 @@
 @font-face {
-  font-family: "sdocfont"; /* Project id 4097705 */
-  src: url('./sdoc-editor-font/iconfont.eot?t=1732000106128'); /* IE9 */
-  src: url('./sdoc-editor-font/iconfont.eot?t=1732000106128#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('./sdoc-editor-font/iconfont.woff2?t=1732000106128') format('woff2'),
-       url('./sdoc-editor-font/iconfont.woff?t=1732000106128') format('woff'),
-       url('./sdoc-editor-font/iconfont.ttf?t=1732000106128') format('truetype'),
-       url('./sdoc-editor-font/iconfont.svg?t=1732000106128#sdocfont') format('svg');
+  font-family: "sdocfont";
+  /* Project id 4097705 */
+  src: url('./sdoc-editor-font/iconfont.eot?t=1732777032005');
+  /* IE9 */
+  src: url('./sdoc-editor-font/iconfont.eot?t=1732777032005#iefix') format('embedded-opentype'),
+    /* IE6-IE8 */
+    url('./sdoc-editor-font/iconfont.woff2?t=1732777032005') format('woff2'),
+    url('./sdoc-editor-font/iconfont.woff?t=1732777032005') format('woff'),
+    url('./sdoc-editor-font/iconfont.ttf?t=1732777032005') format('truetype'),
+    url('./sdoc-editor-font/iconfont.svg?t=1732777032005#sdocfont') format('svg');
 }
 
 .sdocfont {
@@ -16,6 +19,10 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.sdoc-check-mark:before {
+  content: "\e67d";
+}
+
 .sdoc-play:before {
   content: "\e67c";
 }
@@ -272,10 +279,6 @@
   content: "\e62e";
 }
 
-.sdoc-check-mark:before {
-  content: "\e64f";
-}
-
 .sdoc-table:before {
   content: "\e643";
 }