dtable-ui-component 7.0.0-ahn.12 → 7.0.0-ahn.14

package/lib/DTableCustomizeSelect/index.js

@@ -16,30 +16,23 @@ var _jsxRuntime = require("react/jsx-runtime");
 class DTableCustomizeSelect extends _react.Component {
   constructor(props) {
     super(props);
-    this.getEventClassName = target => {
-      const className = target.className;
-      if (!className) return '';
-      if (typeof className === 'string') return className;
-      if (typeof className === 'object' && typeof className.baseVal === 'string') return className.baseVal;
-      return '';
-    };
     this.onSelectToggle = event => {
       event.preventDefault();
-      // When open, swallow the click so the outside-click listener doesn't immediately close it.
+      /*
+        if select is showing, click events do not need to be monitored by other click events,
+        so it can be closed when other select is clicked.
+      */
       if (this.state.isShowSelectOptions) event.stopPropagation();
-      if (this.props.isLocked) return;
-      const tagName = (event.target.tagName || '').toLowerCase();
-      const eventClassName = this.getEventClassName(event.target);
-      if (tagName === 'input' && event.target.value === '') return;
-      if (event.target.closest && event.target.closest('.option-search-control')) return;
-      if (eventClassName === 'seatable-select-search') return;
+      let eventClassName = event.target.className;
+      if (this.props.isLocked || eventClassName.indexOf('option-search-control') > -1 || eventClassName === 'seatable-select-search') return;
+      // Prevent closing by pressing the spacebar in the search input
+      if (event.target.value === '') return;
       this.setState({
         isShowSelectOptions: !this.state.isShowSelectOptions
       });
     };
     this.onClick = event => {
-      const eventClassName = this.getEventClassName(event.target);
-      if (this.props.isShowSelected && eventClassName.indexOf('icon-fork-number') > -1) {
+      if (this.props.isShowSelected && event.target.className.includes('icon-fork-number')) {
         return;
       }
       if (!this.selector.contains(event.target)) {

package/lib/DTableSelect/index.js

@@ -64,7 +64,8 @@ class DTableSelect extends _react.default.Component {
       ref: innerRef,
       filterOption: customFilterOption,
       form: form,
-      autoFocus: autoFocus
+      autoFocus: autoFocus,
+      menuIsOpen: true
     });
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dtable-ui-component",
-  "version": "7.0.0ahn.12",
+  "version": "7.0.0ahn.14",
   "main": "./lib/index.js",
   "dependencies": {
     "@seafile/react-image-lightbox": "5.0.9",