dtable-ui-component 6.0.12 → 6.0.14

package/lib/CollaboratorItem/index.css

@@ -7,7 +7,6 @@
   font-size: 13px;
   border-radius: 10px;
   background: #eaeaea;
-  overflow: hidden;
 }
 
 .dtable-ui.collaborator-item .collaborator-avatar,

package/lib/DTableGroupSelect/select-option-group.js

@@ -11,12 +11,14 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _DTableSearchInput = _interopRequireDefault(require("../DTableSearchInput"));
 var _option = _interopRequireDefault(require("./option"));
 var _KeyCodes = _interopRequireDefault(require("../SelectOptionGroup/KeyCodes"));
-var _ClickOutside = _interopRequireDefault(require("../ClickOutside"));
 require("./select-option-group.css");
 const OPTION_HEIGHT = 32;
 class SelectOptionGroup extends _react.Component {
   constructor(props) {
     super(props);
+    this.handleDocumentClick = e => {
+      this.props.onClickOutside(e);
+    };
     this.resetMenuStyle = () => {
       const {
         isInModal,
@@ -163,6 +165,7 @@ class SelectOptionGroup extends _react.Component {
   }
   componentDidMount() {
     window.addEventListener('keydown', this.onHotKey);
+    document.addEventListener('mousedown', this.handleDocumentClick);
     setTimeout(() => {
       this.resetMenuStyle();
     }, 1);
@@ -171,6 +174,7 @@ class SelectOptionGroup extends _react.Component {
     this.filterOptions = null;
     this.timer && clearTimeout(this.timer);
     window.removeEventListener('keydown', this.onHotKey);
+    document.removeEventListener('mousedown', this.handleDocumentClick);
   }
   render() {
     const {
@@ -205,9 +209,7 @@ class SelectOptionGroup extends _react.Component {
         opacity: 0
       };
     }
-    return /*#__PURE__*/_react.default.createElement(_ClickOutside.default, {
-      onClickOutside: this.props.onClickOutside
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)('option-group group-selector', className ? 'option-group-' + className : ''),
       ref: ref => this.optionGroupRef = ref,
       style: style,
@@ -222,7 +224,7 @@ class SelectOptionGroup extends _react.Component {
     })), /*#__PURE__*/_react.default.createElement("div", {
       className: "option-group-content",
       ref: ref => this.optionGroupContentRef = ref
-    }, this.renderOptGroup(searchVal))));
+    }, this.renderOptGroup(searchVal)));
   }
 }
 var _default = exports.default = SelectOptionGroup;

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "dtable-ui-component",
-  "version": "6.0.12",
+  "version": "6.0.14",
   "main": "./lib/index.js",
   "dependencies": {
     "@seafile/react-image-lightbox": "4.0.0",
     "@seafile/seafile-calendar": "0.0.24",
-    "@seafile/seafile-editor": "2.0.2",
+    "@seafile/seafile-editor": "2.0.3",
     "antd-mobile": "2.3.1",
     "classnames": "2.3.2",
     "dayjs": "1.10.7",