@seafile/comment-editor 1.0.25 → 1.0.27

package/README.md

@@ -9,7 +9,7 @@ comment-editor/
   dist                      // 打包后的文件
   node_modules/             // 依赖第三方组件库
   public/                   // 公共资源文件库
-    index.html                 
+    index.html
     favicon.ico
   site(demo 模块, 基于组件库创建的测试模块)
     _i18n                   // 国际化模块
@@ -26,7 +26,7 @@ comment-editor/
     pages                   // 封装的视图组件
     index.js                // 组件库导出内容入口文件
   tests                     // 测试
-  webpack                   // site 打包文件   
+  webpack                   // site 打包文件
   config.js                 // site 打包配置文件
   dev-server.js             // site 后端服务器
   package.json
@@ -40,4 +40,4 @@ comment-editor/
 
 ## 新版本发布
 1. 更新 package.json 中的 version 属性
-2. 执行 npm publish 完成新版本发布
+2. 执行 npm publish 完成新版本发布

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

@@ -1,29 +1,14 @@
 .sdoc-dropdown-menu,
 .sdoc-dropdown-menu .sdoc-dropdown-menu-container {
-  min-width: 12rem;
+  width: fit-content;
+  min-width: 200px;
+  max-width: 240px;
+  max-height: 600px;
+  overflow: visible;
 }
 
-.sdoc-dropdown-menu .sdoc-seatable-selected-table-list-wrapper {
-  position: absolute;
-  background-color: #ffff;
-  max-height: 370px;
-  max-width: 200px;
-  padding: 8px 0px;
-  left: -8px;
-}
-
-.sdoc-dropdown-menu .sdoc-seatable-selected-table-list-wrapper .sdoc-seatable-list-search-wrapper {
-  padding: 12px;
-}
-
-.sdoc-dropdown-menu .sdoc-seatable-selected-table-list-wrapper .sdoc-seatable-list-search-wrapper>input {
-  font-size: 12px;
-  max-height: 30px;
-}
-
-.sdoc-dropdown-menu .sdoc-seatable-selected-table-list-wrapper .sdoc-seatable-list-wrapper {
-  max-height: 300px;
-  overflow-y: auto;
+.sdoc-dropdown-menu .sdoc-dropdown-menu-container {
+  padding: 8px;
 }
 
 .sdoc-dropdown-menu .sdoc-dropdown-menu-divider {
@@ -31,20 +16,20 @@
   height: 0;
   margin: 0.5rem 0;
   overflow: hidden;
-  border-top: 1px solid #e9ecef;
+  border-top: 1px solid #eee;
 }
 
 .sdoc-dropdown-menu .sdoc-dropdown-menu-item {
-  height: 30px;
+  height: 32px;
   width: 100%;
-  padding: 4px 24px;
+  padding: 0px 12px;
   user-select: none;
   display: flex;
   align-items: center;
 }
 
 .sdoc-dropdown-menu .sdoc-dropdown-menu-item-title {
-  color: #666666;
+  color: #666;
   padding: 3px 12px;
 }
 
@@ -73,7 +58,8 @@
 }
 
 .sdoc-dropdown-menu .sdoc-dropdown-menu-item:hover {
-  background-color: #f5f5f5;
+  background-color: rgba(0, 0, 0, 0.04);
+  border-radius: 4px;
   cursor: pointer;
 }
 
@@ -97,17 +83,18 @@
 }
 
 .sdoc-dropdown-menu .sdoc-dropdown-item-content .sdoc-dropdown-item-content-icon {
-  margin-right: 10px;
+  margin-right: 12px;
 }
 
 .sdoc-dropdown-menu .sdoc-arrow-right {
   color: #666;
   font-size: 12px !important;
+  line-height: 12px !important;
 }
 
 .sdoc-dropdown-menu .sdoc-dropdown-item-with-left-icon {
   min-height: 32px;
-  padding: 3px 12px;
+  padding: 0 12px;
 }
 
 .sdoc-dropdown-menu .sdoc-check-mark {
@@ -116,7 +103,7 @@
 
 /* sub menu */
 .sdoc-sub-dropdown-menu .popover {
-  left: -8px !important;
+  left: 0px !important;
 }
 
 .sdoc-sub-dropdown-menu .bs-popover-auto[x-placement^="left"] {

package/dist/basic-sdk/components/tooltip/index.css

@@ -1,29 +1,22 @@
-.sdoc-tooltip {
+.comment-editor-tooltip {
   pointer-events: none;
 }
 
-.sdoc-tooltip .tooltip-inner {
-  font-weight: lighter;
-  text-align: start;
-  background-color: #303133;
+.comment-editor-tooltip .tooltip {
+  max-width: 242px;
+  opacity: 1;
 }
 
-.sdoc-tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
-  border-bottom-color: #303133;
+.comment-editor-tooltip .tooltip-inner {
+  font-size: 14px;
+  text-align: start;
+  background-color: #303133;
+  border-radius: 4px;
+  padding: 4px 8px;
+  line-height: 20px;
+  font-weight: normal;
 }
 
-.sdoc-tooltip.bs-tooltip-auto[x-placement^="top"] {
+.comment-editor-tooltip.bs-tooltip-auto[data-popper-placement^="top"] {
   margin-bottom: -2px;
 }
-
-.sdoc-tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before {
-  border-top-color: #303133;
-}
-
-.sdoc-tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before {
-  border-right-color: #303133;
-}
-
-.sdoc-tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before {
-  border-left-color: #303133;
-}

package/dist/basic-sdk/components/tooltip/index.js

@@ -27,12 +27,14 @@ const Tooltip = _ref => {
     }
   }];
   const props = {
-    popperClassName: (0, _classnames.default)('sdoc-tooltip', className),
-    modifiers: newModifiers,
-    placement,
     target,
+    placement,
+    popperClassName: (0, _classnames.default)('comment-editor-tooltip', className),
+    delay,
+    hideArrow: true,
+    autoHide: false,
     fade,
-    delay
+    modifiers: newModifiers
   };
   return /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledTooltip, props, children);
 };

package/dist/basic-sdk/extension/plugins/image/hover-menu/index.css

@@ -48,7 +48,6 @@
 }
 
 .sdoc-image-hover-menu-container .hover-menu-container .sdocfont {
-  line-height: 1;
   font-size: 14px;
   color: #666;
 }
@@ -60,10 +59,10 @@
 .sdoc-image-hover-menu-container .sdoc-image-popover {
   position: absolute;
   top: 32px;
-  left: 0;
+  left: 0px;
   background-color: #fff;
   border: 1px solid #e5e6e8;
-  border-radius: 2px;
+  border-radius: 8px;
   box-shadow: 0 0 10px #ccc;
   display: flex;
   flex-direction: column;
@@ -72,8 +71,22 @@
   white-space: nowrap;
 }
 
+.sdoc-image-hover-menu-container .sdoc-image-popover .sdoc-dropdown-menu-container .sdoc-dropdown-menu-item {
+  padding: 4px 12px 4px 38px;
+}
+
+.sdoc-image-hover-menu-container .sdoc-image-popover .sdoc-dropdown-menu-container .sdoc-check-mark {
+  position: absolute;
+  left: 12px;
+  color: #666;
+}
+
 .sdoc-image-hover-menu-container .align-popover {
-  min-width: 6rem;
+  min-width: 80px;
+}
+
+.sdoc-image-hover-menu-container .align-popover .sdoc-dropdown-menu-container {
+  min-width: 80px;
 }
 
 .sdoc-image-hover-menu-container .border-popover {
@@ -83,11 +96,6 @@
   padding: 0 8px;
 }
 
-.sdoc-image-hover-menu-container .border-popover.sdoc-block-image {
-  left: 144px;
-}
-
-
 .sdoc-image-hover-menu-container .border-popover .sdoc-dropdown-menu-item .sdoc-dropdown-item-content .sdoc-check-mark {
   transform: translateX(-24px);
 }

package/dist/basic-sdk/extension/plugins/image/hover-menu/index.js

@@ -183,21 +183,21 @@ const ImageHoverMenu = _ref => {
     className: "sdocfont sdoc-arrow-down"
   }), popoverState.displayPopover && /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-image-popover sdoc-dropdown-menu"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-dropdown-menu-container"
   }, _constants2.IMAGE_DISPLAY_TYPE.map(item => {
     return /*#__PURE__*/_react.default.createElement("div", {
       key: item.value,
-      className: "sdoc-dropdown-menu-item sdoc-dropdown-item-with-left-icon pr-2",
+      className: (0, _classnames.default)('sdoc-dropdown-menu-item', {
+        'position-relative': type === item.value
+      }),
       onClick: event => onSelect(event, {
         'display_type': item.value
       })
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "sdoc-dropdown-item-content"
-    }, /*#__PURE__*/_react.default.createElement("i", {
-      className: "sdoc-dropdown-item-content-icon"
-    }), /*#__PURE__*/_react.default.createElement("span", null, t(item.text))), type === item.value && /*#__PURE__*/_react.default.createElement("i", {
+    }, /*#__PURE__*/_react.default.createElement("span", null, t(item.text)), type === item.value && /*#__PURE__*/_react.default.createElement("i", {
       className: "sdocfont sdoc-check-mark sdoc-dropdown-item-right-icon"
     }));
-  })))), !readonly && /*#__PURE__*/_react.default.createElement("span", {
+  }))))), !readonly && /*#__PURE__*/_react.default.createElement("span", {
     className: "op-group-item"
   }, type === _constants.IMAGE_BLOCK && /*#__PURE__*/_react.default.createElement("span", {
     role: "button",
@@ -210,24 +210,26 @@ const ImageHoverMenu = _ref => {
   }, /*#__PURE__*/_react.default.createElement("i", {
     className: (0, _classnames.default)(`sdocfont sdoc-align-${align || 'left'} mr-1`)
   }), /*#__PURE__*/_react.default.createElement("i", {
-    className: "sdocfont sdoc-arrow-down "
+    className: "sdocfont sdoc-arrow-down"
   }), popoverState.alignPopover && /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-image-popover align-popover sdoc-dropdown-menu"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-dropdown-menu-container"
   }, _constants.MENUS_CONFIG_MAP[_constants.TEXT_ALIGN].map(item => {
     return /*#__PURE__*/_react.default.createElement("div", {
       key: item.id,
-      className: "sdoc-dropdown-menu-item sdoc-dropdown-item-with-left-icon pr-2",
+      className: (0, _classnames.default)('sdoc-dropdown-menu-item', {
+        'position-relative': align === item.type
+      }),
       onClick: event => onSelect(event, {
         align: item.type
       })
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "sdoc-dropdown-item-content"
     }, /*#__PURE__*/_react.default.createElement("i", {
       className: (0, _classnames.default)(item.iconClass)
-    })), align === item.type && /*#__PURE__*/_react.default.createElement("i", {
-      className: "sdocfont sdoc-check-mark sdoc-dropdown-item-right-icon"
+    }), align === item.type && /*#__PURE__*/_react.default.createElement("i", {
+      className: "sdocfont sdoc-check-mark"
     }));
-  }))), /*#__PURE__*/_react.default.createElement("span", {
+  })))), /*#__PURE__*/_react.default.createElement("span", {
     id: "sdoc_image_border",
     role: "button",
     className: (0, _classnames.default)('op-item', 'ml-1', {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/comment-editor",
-  "version": "1.0.25",
+  "version": "1.0.27",
   "private": false,
   "description": "This is a comment editor",
   "main": "dist/index.js",
@@ -139,7 +139,7 @@
     "url-loader": "^4.1.1",
     "web-vitals": "2.1.4",
     "webpack": "5.105.4",
-    "webpack-dev-server": "5.2.3",
+    "webpack-dev-server": "5.2.4",
     "webpack-manifest-plugin": "5.0.0",
     "webpack-merge": "5.8.0"
   },