@seafile/sdoc-editor 1.0.179 → 1.0.181

package/dist/basic-sdk/extension/plugins/ai/ai-menu/ai-context-menu.js

@@ -35,5 +35,7 @@ function AIContextMenu(_ref) {
     'ariaLabel': 'Ask_AI',
     'type': 'sdoc-ask-ai'
   };
-  return /*#__PURE__*/_react.default.createElement(_menuItem.default, aiProps);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-context-menu-divider"
+  }), /*#__PURE__*/_react.default.createElement(_menuItem.default, aiProps));
 }

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

@@ -1,3 +1,11 @@
 .menu-group-item.sdoc-ask-ai-menu-container {
   width: 80px;
+  color: #212529;
+  font-size: 14px;
+}
+
+.sdoc-context-menu-divider {
+  border-left: 1px solid #e5e5e5;
+  width: 1px;
+  height: 24px;
 }

package/dist/basic-sdk/extension/plugins/ai/ai-module/index.js

@@ -38,22 +38,23 @@ function AIModule(_ref) {
   const scrollRef = (0, _react.useRef)(null);
   const [isShowAIPopover, setIsShowAIPopover] = (0, _react.useState)(false);
   const [opType, setOpType] = (0, _react.useState)('');
+  const [selectedValue, setSelectedValue] = (0, _react.useState)('');
   const [searchValue, setSearchValue] = (0, _react.useState)('');
   const [isGenerating, setIsGenerating] = (0, _react.useState)(false);
   const [searchResult, setSearchResult] = (0, _react.useState)(null);
   const [currentLang, setCurrentLang] = (0, _react.useState)('en');
   const [isShowTipDialog, setIsShowTipDialog] = (0, _react.useState)(false);
   const toggleAskAI = (0, _react.useCallback)(() => {
-    const content = window.getSelection().toString();
-    if (content) {
-      setSearchValue(content);
-    }
     scrollRef.current = document.querySelector('.sdoc-scroll-container');
     const {
       scrollTop,
       scrollHeight
     } = scrollRef.current;
     if (!element) {
+      const content = window.getSelection().toString();
+      if (content) {
+        setSelectedValue(content);
+      }
       const domSelection = window.getSelection();
       const domRange = domSelection.getRangeAt(0);
       const rect = domRange.getBoundingClientRect();
@@ -86,6 +87,10 @@ function AIModule(_ref) {
     }
     const slateDom = _slateReact.ReactEditor.toDOMNode(editor, element);
     const slateRect = slateDom.getBoundingClientRect();
+    const content = _slate.Node.string(element);
+    if (content) {
+      setSelectedValue(content);
+    }
     const needPaddingBottomHeight = scrollTop + slateRect.bottom + _constants.AI_MIN_HEIGHT - scrollHeight;
     if (needPaddingBottomHeight > 0) {
       const articleDom = document.querySelector('.sdoc-editor__article');
@@ -176,7 +181,7 @@ function AIModule(_ref) {
     setIsGenerating(true);
     setTimeout(() => {
       setIsGenerating(false);
-      setSearchResult('1 + 1 等于2.');
+      setSearchResult('[Feature is under development...]Thank you, the world becomes more beautiful because of you!');
     });
   }, [searchValue]);
   const onKeyDown = (0, _react.useCallback)(event => {
@@ -223,7 +228,8 @@ function AIModule(_ref) {
     }, 2000);
   }, []);
   const onTranslateClick = (0, _react.useCallback)(lang => {
-    if (!searchValue) {
+    const translateValue = searchValue ? searchValue : selectedValue;
+    if (!translateValue) {
       _toast.default.warning(t('The_translation_content_cannot_be_empty'));
       return;
     }
@@ -231,7 +237,7 @@ function AIModule(_ref) {
     const translateLang = lang ? lang : currentLang;
     setCurrentLang(translateLang);
     setIsGenerating(true);
-    _context.default.aiTranslate(searchValue, translateLang).then(res => {
+    _context.default.aiTranslate(translateValue, translateLang).then(res => {
       const {
         translation
       } = res.data;
@@ -241,7 +247,7 @@ function AIModule(_ref) {
       setIsGenerating(false);
       _toast.default.danger('Translation_error_message');
     });
-  }, [currentLang, searchValue, t]);
+  }, [currentLang, searchValue, selectedValue, t]);
   const focusToEndPath = (0, _react.useCallback)(path => {
     setTimeout(() => {
       const endOfLastNodePoint = _slate.Editor.end(editor, path);

package/dist/basic-sdk/extension/plugins/ai/ai-module/style.css

@@ -10,7 +10,7 @@
   background-color: #fff;
   border: 1px solid #eee;
   border-radius: 10px;
-  box-shadow: 0 2px 10px rgba(255, 255, 255, 0.1);
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
 }
 
 .sdoc-ai-content .sdoc-ai-search {
@@ -58,7 +58,7 @@
   padding: 8px 0;
   border: 1px solid #eee;
   border-radius: 10px;
-  box-shadow: 0 2px 10px rgba(255, 255, 255, 0.1);
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
   background-color: #fff;
 }
 

package/dist/basic-sdk/extension/plugins/text-style/menu/index.js

@@ -123,7 +123,11 @@ const TextStyleMenuList = _ref => {
   let list = getTextStyleList(_constants.TEXT_STYLE);
   const dropdownList = getTextStyleList(_constants.TEXT_STYLE_MORE);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, list.map((itemProps, index) => {
-    if (itemProps.type === _constants.LINK && editor.editorType !== _constants2.WIKI_EDITOR) return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+    if (itemProps.type === _constants.LINK && editor.editorType !== _constants2.WIKI_EDITOR) {
+      return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
+        key: index
+      });
+    }
     const Component = itemProps.isColor ? _commons.ColorMenu : _commons.MenuItem;
     return /*#__PURE__*/_react.default.createElement(Component, Object.assign({
       key: index

package/dist/basic-sdk/extension/plugins/video/helpers.js

@@ -32,6 +32,8 @@ const isInsertVideoMenuDisabled = (editor, readonly) => {
       if (type === _constants.LIST_ITEM) return true;
       if (type === _constants.CHECK_LIST_ITEM) return true;
       if (type === _constants.MULTI_COLUMN) return true;
+      if (type === _constants.BLOCKQUOTE) return true;
+      if (type === _constants.CALL_OUT) return true;
       if (_slate.Editor.isVoid(editor, n)) return true;
       return false;
     },

package/dist/basic-sdk/extension/plugins/video/plugin.js

@@ -29,7 +29,7 @@ const withVideo = editor => {
     return isVoid(elem);
   };
   newEditor.onHotKeyDown = event => {
-    const [videoNode, path] = (0, _core.getSelectedNodeEntryByType)(editor, _constants.VIDEO);
+    const [videoNode, path] = (0, _core.getSelectedNodeEntryByType)(editor, _constants.VIDEO) || [];
     if (path) {
       // Insert empty paragraph node after video when clicking 'enter' on selected video
       if ((0, _isHotkey.default)('enter', event)) {

package/dist/basic-sdk/extension/toolbar/context-toolbar/index.css

@@ -9,3 +9,7 @@
   border-radius: 3px;
   box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 0px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
 }
+
+.sdoc-context-toolbar .menu-group {
+  border-right: none;
+}

package/package.json

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

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

@@ -603,5 +603,5 @@
   "Discard": "丢弃",
   "English": "英语",
   "Chinese": "中文",
-  "Ask_AI": "向 AI 提问"
+  "Ask_AI": "询问 AI"
 }