dtable-ui-component 5.0.3 → 5.0.5-alpha1

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.
@@ -17,8 +17,8 @@
17
17
  overflow: auto;
18
18
  }
19
19
 
20
- .dtable-ui-collaborator-editor-popover .collaborator-list-container .search-option-null {
21
- opacity: 0.5;
20
+ .dtable-ui-collaborator-editor-popover .collaborator-list-container .no-search-result {
21
+ color: #666666;
22
22
  padding-left: 10px;
23
23
  }
24
24
 
@@ -90,7 +90,7 @@ class PCCollaboratorEditorPopover extends _react.default.Component {
90
90
  className: "dtable-font dtable-icon-check-mark"
91
91
  })));
92
92
  }), collaborators.length === 0 && /*#__PURE__*/_react.default.createElement("div", {
93
- className: "search-option-null"
93
+ className: "no-search-result"
94
94
  }, (0, _lang.getLocale)('No_collaborators_available'))));
95
95
  }
96
96
  }
@@ -16,7 +16,7 @@
16
16
  .filters-list .empty-filters-list {
17
17
  padding: 0.25rem;
18
18
  font-size: 14px;
19
- opacity: 0.5;
19
+ color: #666666;
20
20
  }
21
21
 
22
22
  .filters-list .filter-item {
@@ -95,7 +95,8 @@ class DateEditor extends _react.default.Component {
95
95
  }
96
96
  let {
97
97
  lang,
98
- column
98
+ column,
99
+ className
99
100
  } = this.props;
100
101
  let {
101
102
  newValue,
@@ -113,6 +114,7 @@ class DateEditor extends _react.default.Component {
113
114
  }, (0, _dtableUtils.getDateDisplayString)(newValue, dateFormat))), isPopoverShow && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
114
115
  query: '(min-width: 768px)'
115
116
  }, /*#__PURE__*/_react.default.createElement(_pcDateEditorPopover.default, {
117
+ className: className,
116
118
  lang: lang,
117
119
  value: newValue,
118
120
  dateFormat: dateFormat,
@@ -121,6 +123,7 @@ class DateEditor extends _react.default.Component {
121
123
  })), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
122
124
  query: '(max-width: 767.8px)'
123
125
  }, /*#__PURE__*/_react.default.createElement(_mbDateEditorPopover.default, {
126
+ className: className,
124
127
  isReadOnly: this.props.isReadOnly,
125
128
  lang: lang,
126
129
  value: newValue,
@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
8
8
  exports.default = void 0;
9
9
  var _datePicker = _interopRequireDefault(require("antd-mobile/lib/date-picker"));
10
10
  var _react = _interopRequireDefault(require("react"));
11
+ var _classnames = _interopRequireDefault(require("classnames"));
11
12
  var _dayjs = _interopRequireDefault(require("dayjs"));
12
13
  var _seafileCalendar = _interopRequireDefault(require("@seafile/seafile-calendar"));
13
14
  var SeaDatePicker = _interopRequireWildcard(require("@seafile/seafile-calendar/lib/Picker"));
@@ -92,10 +93,12 @@ class DateEditorPopover extends _react.default.PureComponent {
92
93
  this.getCalender = () => {
93
94
  let {
94
95
  dateFormat,
95
- lang
96
+ lang,
97
+ className
96
98
  } = this.props;
97
99
  let defaultValue = (0, _dayjs.default)().clone();
98
100
  return /*#__PURE__*/_react.default.createElement(_seafileCalendar.default, {
101
+ className: (0, _classnames.default)('dtable-rc-calendar', className),
99
102
  locale: (0, _editorUtils.initDateEditorLanguage)(lang),
100
103
  format: dateFormat,
101
104
  defaultValue: defaultValue,
@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.default = void 0;
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
  var _dayjs = _interopRequireDefault(require("dayjs"));
10
+ var _classnames = _interopRequireDefault(require("classnames"));
10
11
  var _Picker = _interopRequireDefault(require("@seafile/seafile-calendar/lib/Picker"));
11
12
  var _seafileCalendar = _interopRequireDefault(require("@seafile/seafile-calendar"));
12
13
  var _editorUtils = require("../utils/editor-utils");
@@ -54,10 +55,12 @@ class PCDateEditorPopover extends _react.default.Component {
54
55
  let {
55
56
  dateFormat,
56
57
  showHourAndMinute,
57
- lang
58
+ lang,
59
+ className
58
60
  } = this.props;
59
61
  let defaultValue = (0, _dayjs.default)().clone();
60
62
  return /*#__PURE__*/_react.default.createElement(_seafileCalendar.default, {
63
+ className: (0, _classnames.default)('dtable-rc-calendar', className),
61
64
  locale: (0, _editorUtils.initDateEditorLanguage)(lang),
62
65
  style: {
63
66
  zIndex: 1001
@@ -12,8 +12,8 @@
12
12
 
13
13
  .dtable-ui.department-editor-list .none-search-result {
14
14
  font-size: 14px;
15
- opacity: 0.5;
16
15
  display: inline-block;
16
+ color: #666666;
17
17
  }
18
18
 
19
19
  .dtable-ui.department-editor-list .department-item-left-content {
@@ -60,7 +60,7 @@
60
60
  }
61
61
 
62
62
  .notification-container .notification-body .mark-notifications {
63
- color: #b4b4b4;
63
+ color: #666;
64
64
  cursor: pointer;
65
65
  border-bottom: 1px solid #ededed;
66
66
  height: 36px;
@@ -134,7 +134,7 @@
134
134
  }
135
135
 
136
136
  .notification-item .notification-header-info .notification-time {
137
- color: #b4b4b4;
137
+ color: #666;
138
138
  text-overflow: ellipsis;
139
139
  overflow: hidden;
140
140
  white-space: nowrap;
@@ -27,7 +27,7 @@
27
27
  height: 100px;
28
28
  width: 100%;
29
29
  padding: 10px;
30
- opacity: 0.5;
30
+ color: #666666;
31
31
  }
32
32
 
33
33
  .option-group .option-group-content {
@@ -105,7 +105,7 @@ class PCSelectEditorPopover extends _react.default.Component {
105
105
  className: "dtable-font dtable-icon-check-mark"
106
106
  })));
107
107
  }), options.length === 0 && /*#__PURE__*/_react.default.createElement("div", {
108
- className: "search-option-null"
108
+ className: "no-search-result"
109
109
  }, (0, _lang.getLocale)('No_options_available'))), isSupportNewOption && !!searchValue && /*#__PURE__*/_react.default.createElement("div", {
110
110
  className: "select-options-add",
111
111
  onClick: this.onAddNewOption
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dtable-ui-component",
3
- "version": "5.0.3",
3
+ "version": "5.0.5-alpha1",
4
4
  "main": "./lib/index.js",
5
5
  "dependencies": {
6
6
  "@seafile/react-image-lightbox": "2.0.5",