dtable-ui-component 6.0.110-oot.5 → 6.0.110-oot.7

package/lib/DTableCustomizeSelect/index.css

@@ -96,4 +96,5 @@
   line-height: 20px;
   margin-right: 8px;
   width: calc(100% - 20px);
+  white-space: nowrap;
 }

package/lib/DTableCustomizeSelect/index.js

@@ -100,7 +100,7 @@ class DTableCustomizeSelect extends _react.Component {
       tabIndex: "0",
       role: "button",
       ref: node => this.selector = node,
-      className: (0, _classnames.default)('seatable-customize-select custom-select', {
+      className: (0, _classnames.default)('seatable-customize-select dtable-select custom-select', {
         'focus': this.state.isShowSelectOptions
       }, {
         'disabled': isLocked

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

@@ -23,7 +23,7 @@
 }
 
 .seatable-option-group .seatable-option-group-search .form-control {
-  height: 31px;
+  height: 32px;
   border: none;
   padding: .375rem 1rem;
   cursor: pointer;
@@ -65,7 +65,7 @@
   align-items: center;
   width: 100%;
   line-height: 24px;
-  padding: 0.25rem 10px;
+  padding: 0.25rem 8px;
   clear: both;
   font-weight: 400;
   text-align: inherit;
@@ -75,6 +75,7 @@
   text-overflow: ellipsis;
   white-space: nowrap;
   border-radius: 4px;
+  height: 32px;
 }
 
 .seatable-select-option.seatable-select-option-active {
@@ -96,18 +97,19 @@
   color: #aaa;
 } */
 
-.seatable-select-option .select-option-name .single-select-option {
+/* .seatable-select-option .select-option-name .single-select-option {
   margin: 0 0 0 12px;
-}
+} */
 
 .seatable-select-option .select-option-name .multiple-select-option {
   margin: 0;
 }
 
 .seatable-option-group .dtable-icon-check {
-  color:'var(--bs-icon-color)'
+  color: var(--bs-icon-color);
 }
 
+.select-label,
 .seatable-option-group-selector-single-select .select-option-name,
 .seatable-option-group-selector-multiple-select .multiple-option-name {
   display: flex;
@@ -119,11 +121,11 @@
   display: inline-flex;
   width: 20px;
   text-align: center;
+  color: var(--bs-icon-color);
 }
 
-.seatable-option-group-selector-multiple-select .multiple-check-icon .dtable-icon-check-mark {
+.seatable-option-group-selector-multiple-select .multiple-check-icon .dtable-icon-check {
   font-size: 12px;
-  color: #798d99;
 }
 
 .seatable-option-group-selector-single-select .seatable-select-option:hover,

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

@@ -154,6 +154,7 @@ class SelectOptionGroup extends _react.Component {
           supportMultipleSelect: this.props.supportMultipleSelect,
           disableHover: this.state.disableHover,
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "select-label",
             children: opt.label
           }), isSelected && /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
             className: "dtable-font dtable-icon-check seatable-check-color"

package/lib/DTableSelect/index.js

@@ -129,8 +129,6 @@ class DTableSelect extends _react.default.Component {
         options.shift();
       }
     }
-
-    // 保持 label 为纯文本
     const optionsWithCheck = options.map(option => (0, _objectSpread2.default)({}, option));
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSelect.default, {
       value: value,
@@ -182,7 +180,7 @@ class DTableSelect extends _react.default.Component {
             })]
           });
         }
-        // context === 'value'，即已选项显示区
+        // context === 'value'
         return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           className: "select-option-label",
           children: option.label

package/package.json

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