@seafile/sdoc-editor 0.1.37 → 0.1.38

package/dist/basic-sdk/assets/css/textlink-hovermenu.css

@@ -1,15 +1,16 @@
-.seafile-ed-hovermenu {
-  width: 250px;
-  height: 40px;
+.link-op-menu {
+  height: 36px;
+  padding: 7px 8px;
   display: flex;
   position: absolute;
   background-color: #fff;
-  border: 1px solid rgba(0, 40, 100, 0.12);
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  border: 1px solid #e5e5e5;
+  border-radius: 3px;
+  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
   z-index: 1000;
 }
 
-.seafile-ed-hovermenu .seafile-ed-hovermenu-triangle {
+.link-op-menu .link-op-menu-triangle {
   width: 8px;
   height: 8px;
   transform: rotate(45deg);
@@ -17,35 +18,46 @@
   border-right: 1px solid rgba(0, 40, 100, 0.12);
   border-bottom: 1px solid rgba(0, 40, 100, 0.12);
   position: absolute;
-  top: 34px;
+  top: 31px;
   right: 50%;
   z-index: 1001;
 }
 
-.seafile-ed-hovermenu .seafile-ed-hovermenu-link {
-  height: 38px;
-  max-width: 170px;
-  padding: 6px 12px;
-  display: inline-block;
-  line-height: 28px;
-  overflow: hidden;
-  cursor: pointer;
+.link-op-menu-link {
+  font-size: 12px;
+  color: #212529;
+  padding: 0 5px;
+  border-radius: 2px;
 }
 
-.seafile-ed-hovermenu .seafile-ed-hovermenu-btn {
-  background-color: #fff;
-  width: 35px;
-  font-weight: normal;
+.link-op-menu-link:hover {
+  color: #212529;
+  text-decoration: none;
+  background: #f1f1f1;
+}
+
+.link-op-icons {
+  margin-left: 8px;
+  border-left: 1px solid #e5e5e5;
+}
+
+.link-op-icon {
   color: #999999;
-  line-height: 26px;
-  font-size: 16px;
+  padding: 4px;
+  border-radius: 2px;
+  margin-left: 8px;
+  display: flex;
+  align-items: center;
+}
+
+.link-op-icon .iconfont {
+  font-size: 12px;
 }
 
-.seafile-ed-hovermenu .seafile-ed-hovermenu-btn, .seafile-ed-hovermenu .seafile-ed-hovermenu-btn:focus {
-  border: 0;
-  box-shadow: 0;
+.link-op-icon:hover {
+  background: #f1f1f1;
 }
 
 .seafile-ed-hovermenu-mouseclick {
-  background-color: #ddd;
+  background-color: #e5e5e5;
 }

package/dist/basic-sdk/extension/plugins/link/menu/hover-link-dialog.js

@@ -4,6 +4,7 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import { createPortal } from 'react-dom';
+import { withTranslation } from 'react-i18next';
 import '../../../../assets/css/textlink-hovermenu.css';
 var LinkHoverComponent = /*#__PURE__*/function (_React$Component) {
   _inherits(LinkHoverComponent, _React$Component);
@@ -17,33 +18,36 @@ var LinkHoverComponent = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       var _this$props = this.props,
         menuPosition = _this$props.menuPosition,
-        href = _this$props.href;
+        href = _this$props.href,
+        t = _this$props.t;
       return /*#__PURE__*/React.createElement(React.Fragment, null, createPortal( /*#__PURE__*/React.createElement("div", {
-        id: "loading",
-        className: "seafile-ed-hovermenu",
+        id: "link-op-menu",
+        className: "link-op-menu",
         style: menuPosition
       }, /*#__PURE__*/React.createElement("a", {
         href: href,
         target: "_blank",
         rel: "noopener noreferrer",
-        className: "seafile-ed-hovermenu-link"
-      }, href), /*#__PURE__*/React.createElement("button", {
-        color: "",
-        className: "seafile-ed-hovermenu-btn",
+        className: "link-op-menu-link"
+      }, t('Open_link')), /*#__PURE__*/React.createElement("div", {
+        className: "link-op-icons d-flex"
+      }, /*#__PURE__*/React.createElement("span", {
+        role: "button",
+        className: "link-op-icon",
         onClick: this.props.onDeleteLink
       }, /*#__PURE__*/React.createElement("i", {
         className: "iconfont icon-delete"
-      })), /*#__PURE__*/React.createElement("button", {
-        color: "",
-        className: "seafile-ed-hovermenu-btn",
+      })), /*#__PURE__*/React.createElement("span", {
+        role: "button",
+        className: "link-op-icon",
         onClick: this.props.onEditLink
       }, /*#__PURE__*/React.createElement("i", {
-        className: "iconfont icon-edit"
-      })), /*#__PURE__*/React.createElement("span", {
-        className: "seafile-ed-hovermenu-triangle"
+        className: "iconfont icon-edit2"
+      }))), /*#__PURE__*/React.createElement("span", {
+        className: "link-op-menu-triangle"
       })), document.body));
     }
   }]);
   return LinkHoverComponent;
 }(React.Component);
-export default LinkHoverComponent;
+export default withTranslation('sdoc-editor')(LinkHoverComponent);

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

@@ -27,14 +27,16 @@ var LinkHoverMenuComponent = /*#__PURE__*/function (_React$Component) {
       });
     };
     _this.onLinkClick = function (e) {
+      e.stopPropagation();
+      e.nativeEvent.stopImmediatePropagation();
       var _e$target$getBounding = e.target.getBoundingClientRect(),
         top = _e$target$getBounding.top,
         left = _e$target$getBounding.left,
         width = _e$target$getBounding.width;
       // top = top distance - menu height
-      var menuTop = top - 50;
+      var menuTop = top - 42;
       // left = left distance - (menu width / 2) + (link with / 2)
-      var menuLeft = left - 250 / 2 + width / 2;
+      var menuLeft = left - 140 / 2 + width / 2;
       _this.setState({
         isShowLinkMenu: true,
         menuPosition: {

package/dist/components/doc-info/index.js

@@ -29,13 +29,14 @@ var DocInfo = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       var t = this.props.t;
       var docName = context.getSetting('docName');
+      var isShowInternalLink = context.getSetting('isShowInternalLink');
       return /*#__PURE__*/React.createElement("div", {
         className: "doc-info"
       }, /*#__PURE__*/React.createElement("div", {
         className: "doc-name"
       }, docName), /*#__PURE__*/React.createElement("span", {
         className: "doc-icon"
-      }, /*#__PURE__*/React.createElement("span", {
+      }, isShowInternalLink && /*#__PURE__*/React.createElement("span", {
         className: "internal-link iconfont icon-link",
         title: t('internal_link'),
         onClick: this.onInternalLinkClick

package/package.json

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

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

@@ -19,7 +19,7 @@
   "insert_file": "Insert File",
   "code": "Inline Code",
   "code_block": "Code Block",
-  "insert_link": "Insert Link",
+  "insert_link": "Insert link",
   "insert_table": "Insert Table",
   "save": "Save",
   "more": "More",
@@ -238,5 +238,6 @@
   "Headings_you_add_to_the_document_will_appear_here": "Headings you add to the document will appear here",
   "Open_parent_folder": "Open parent folder",
   "redo": "redo",
-  "undo": "undo"
+  "undo": "undo",
+  "Open_link": "Open link"
 }

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

@@ -14,6 +14,8 @@
     />
       <missing-glyph />
       
+      <glyph glyph-name="rename" unicode="&#58949;" d="M467.2 41.6h105.6V-64H467.2V41.6z m192 0H768V-64H662.4V41.6z m195.2 0H960V-64H854.4V41.6zM156.8 224c-9.6-9.6-16-25.6-19.2-38.4L67.2-25.6c-3.2-9.6 0-25.6 6.4-32 6.4-6.4 19.2-9.6 32-6.4l211.2 70.4c12.8 3.2 28.8 9.6 38.4 19.2l457.6 457.6-198.4 198.4L156.8 224z m777.6 387.2c32 32 28.8 105.6-12.8 150.4l-16 16-16 12.8c-44.8 44.8-121.6 48-153.6 16l-48-48L886.4 560l48 51.2z"  horiz-adv-x="1024" />
+      
       <glyph glyph-name="revoke" unicode="&#58947;" d="M380.8 438.4c0-41.6-51.2-67.2-86.4-41.6L57.6 550.4c-32 19.2-32 64 0 83.2l236.8 153.6c35.2 25.6 86.4 0 86.4-41.6v-92.8H672c41.6 0 83.2-9.6 121.6-25.6 38.4-16 70.4-38.4 99.2-70.4 28.8-28.8 51.2-64 67.2-102.4 16-38.4 25.6-83.2 25.6-124.8s-6.4-96-22.4-134.4c-16-38.4-38.4-73.6-67.2-102.4-32-28.8-64-51.2-102.4-67.2-38.4-16-80-25.6-121.6-25.6H243.2c-32 0-60.8 28.8-60.8 64s25.6 64 60.8 64H672c105.6 0 188.8 96 188.8 204.8S777.6 528 672 528H380.8v-89.6z"  horiz-adv-x="1024" />
       
       <glyph glyph-name="redo" unicode="&#58948;" d="M643.2 438.4c0-41.6 51.2-67.2 86.4-41.6l236.8 153.6c32 19.2 32 64 0 83.2L729.6 787.2c-35.2 25.6-86.4 0-86.4-41.6v-92.8H352c-41.6 0-83.2-9.6-121.6-25.6-38.4-16-70.4-38.4-99.2-70.4C102.4 528 80 492.8 64 454.4 48 416 38.4 371.2 38.4 329.6s6.4-96 22.4-134.4c16-38.4 38.4-73.6 67.2-102.4 32-28.8 64-51.2 102.4-67.2 38.4-16 80-25.6 121.6-25.6h428.8c32 0 60.8 28.8 60.8 64s-25.6 64-60.8 64H352c-105.6 0-188.8 96-188.8 204.8S246.4 528 352 528h291.2v-89.6z"  horiz-adv-x="1024" />

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

@@ -16,6 +16,10 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-edit2:before {
+  content: "\e645";
+}
+
 .icon-revoke:before {
   content: "\e643";
 }