dtable-ui-component 5.2.11-alpha3 → 5.2.11-alpha6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/lib/DTableGroupSelect/option.js +5 -1
  2. package/lib/DTableGroupSelect/select-option-group.css +5 -0
  3. package/lib/DTableGroupSelect/select-option-group.js +2 -2
  4. package/lib/SelectOptionGroup/index.js +1 -0
  5. package/package.json +1 -1
package/lib/DTableGroupSelect/option.js CHANGED
@@ -1,11 +1,13 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
3
4
  var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports.default = void 0;
8
9
  var _react = _interopRequireWildcard(require("react"));
10
+ var _classnames = _interopRequireDefault(require("classnames"));
9
11
  class Option extends _react.Component {
10
12
  constructor() {
11
13
  super(...arguments);
@@ -26,7 +28,9 @@ class Option extends _react.Component {
26
28
  }
27
29
  render() {
28
30
  return /*#__PURE__*/_react.default.createElement("div", {
29
- className: this.props.isActive ? 'option option-active' : 'option',
31
+ className: (0, _classnames.default)('d-flex option', {
32
+ 'option-active': this.props.isActive
33
+ }),
30
34
  onClick: this.onSelectOption,
31
35
  onMouseEnter: this.onMouseEnter,
32
36
  onMouseLeave: this.onMouseLeave
package/lib/DTableGroupSelect/select-option-group.css CHANGED
@@ -53,6 +53,11 @@
53
53
  justify-content: space-between;
54
54
  }
55
55
 
56
+ .option .dtable-icon-check-mark {
57
+ font-size: 12px;
58
+ color: #798d99;
59
+ }
60
+
56
61
  .option.option-active {
57
62
  background-color: #20a0ff;
58
63
  color: #fff;
package/lib/DTableGroupSelect/select-option-group.js CHANGED
@@ -147,7 +147,7 @@ class SelectOptionGroup extends _react.Component {
147
147
  }, /*#__PURE__*/_react.default.createElement("div", {
148
148
  className: "option-label"
149
149
  }, option.label), isSelected && /*#__PURE__*/_react.default.createElement("i", {
150
- className: "dtable-font dtable-icon-check-mark text-gray font-weight-bold"
150
+ className: "dtable-font dtable-icon-check-mark"
151
151
  }));
152
152
  });
153
153
  };
@@ -207,7 +207,7 @@ class SelectOptionGroup extends _react.Component {
207
207
  return /*#__PURE__*/_react.default.createElement(_ClickOutside.default, {
208
208
  onClickOutside: this.props.onClickOutside
209
209
  }, /*#__PURE__*/_react.default.createElement("div", {
210
- className: (0, _classnames.default)('pt-0 option-group', className ? 'option-group-' + className : ''),
210
+ className: (0, _classnames.default)('option-group', className ? 'option-group-' + className : ''),
211
211
  ref: ref => this.optionGroupRef = ref,
212
212
  style: style,
213
213
  onMouseDown: this.onMouseDown
package/lib/SelectOptionGroup/index.js CHANGED
@@ -18,6 +18,7 @@ class SelectOptionGroup extends _react.Component {
18
18
  constructor(props) {
19
19
  super(props);
20
20
  this.resetMenuStyle = () => {
21
+ if (!this.optionGroupRef) return;
21
22
  const {
22
23
  isInModal,
23
24
  position
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dtable-ui-component",
3
- "version": "5.2.11-alpha3",
3
+ "version": "5.2.11-alpha6",
4
4
  "main": "./lib/index.js",
5
5
  "dependencies": {
6
6
  "@seafile/react-image-lightbox": "3.0.1",