dtable-ui-component 6.0.110-oot.23 → 6.0.110-oot.25

package/lib/DTableCustomizeCollaboratorSelect/index.js

@@ -32,6 +32,22 @@ class CollaboratorSelect extends _react.Component {
         isShowSelectOptions: !this.state.isShowSelectOptions
       });
     };
+    this.onClick = event => {
+      const target = event.target;
+      const name = target.className;
+      const {
+        isShowSelectOptions
+      } = this.state;
+      if (!isShowSelectOptions || name === 'select-placeholder' || name.includes('icon-fork-number') || this.selector.contains(target)) {
+        return;
+      }
+      const {
+        isUsePopover
+      } = this.props;
+      if (isUsePopover && !this.collaboratorSelectPopoverRef.contains(target) || !isUsePopover && !this.selector.contains(target)) {
+        this.closeSelect();
+      }
+    };
     this.onMousedown = event => {
       const name = event.target.className;
       if (name === 'select-placeholder' || name.includes('icon-fork-number')) {
@@ -81,7 +97,8 @@ class CollaboratorSelect extends _react.Component {
           getFilterOptions: this.getFilterOptions,
           supportMultipleSelect: this.props.supportMultipleSelect,
           stopClickEvent: true,
-          isShowSelected: true
+          isShowSelected: true,
+          onClickOutside: this.onClick
         });
       }
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.Popover, {
@@ -106,7 +123,8 @@ class CollaboratorSelect extends _react.Component {
           getFilterOptions: this.getFilterOptions,
           supportMultipleSelect: this.props.supportMultipleSelect,
           stopClickEvent: true,
-          isShowSelected: true
+          isShowSelected: true,
+          onClickOutside: this.onClick
         })
       });
     };

package/lib/DTableCustomizeSelect/select-option-group/index.js

@@ -144,7 +144,15 @@ class SelectOptionGroup extends _react.Component {
       return this.filterOptions.map((opt, i) => {
         let key = opt.value.column ? opt.value.column.key : i;
         let isActive = this.state.activeIndex === i;
-        const isSelected = value && (opt.value === value.value || JSON.stringify(opt.value) === JSON.stringify(value.value));
+        let isSelected = false;
+        if (value) {
+          // Handle both single value and array of values
+          if (Array.isArray(value.value)) {
+            isSelected = value.value.includes(opt.value);
+          } else {
+            isSelected = opt.value === value.value || JSON.stringify(opt.value) === JSON.stringify(value.value);
+          }
+        }
         return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_option.default, {
           index: i,
           isActive: isActive,

package/lib/SelectOptionGroup/index.js

@@ -266,7 +266,7 @@ class SelectOptionGroup extends _react.Component {
             placeholder: searchPlaceholder,
             onChange: this.onChangeSearch,
             value: searchVal,
-            clearValue: this.clearValue,
+            clearValue: () => this.onChangeSearch(''),
             autoFocus: true,
             isClearable: true,
             isMultiple: true

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dtable-ui-component",
-  "version": "6.0.110oot.23",
+  "version": "6.0.110oot.25",
   "main": "./lib/index.js",
   "dependencies": {
     "@seafile/react-image-lightbox": "^5.0.4",