dtable-ui-component 6.0.26-beta → 6.0.26-beta1

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 (15) hide show
  1. package/lib/CheckboxEditor/index.js +10 -5
  2. package/lib/CollaboratorEditor/index.js +8 -5
  3. package/lib/CollaboratorEditor/sm/index.js +1 -0
  4. package/lib/DateEditor/index.js +66 -94
  5. package/lib/DateEditor/sm/index.js +2 -2
  6. package/lib/DepartmentEditor/index.js +16 -7
  7. package/lib/DigitalSignEditor/index.js +16 -7
  8. package/lib/FileEditor/index.js +16 -7
  9. package/lib/GeolocationEditor/index.js +18 -6
  10. package/lib/ImageEditor/index.js +16 -7
  11. package/lib/MultipleSelectEditor/index.js +6 -4
  12. package/lib/SingleSelectEditor/index.js +6 -4
  13. package/lib/select-editor/index.js +16 -7
  14. package/lib/select-editor/sm/index.js +1 -0
  15. package/package.json +1 -1
package/lib/CheckboxEditor/index.js CHANGED
@@ -1,16 +1,17 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
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
- var _react = _interopRequireDefault(require("react"));
9
+ var _react = _interopRequireWildcard(require("react"));
9
10
  var _reactResponsive = _interopRequireDefault(require("react-responsive"));
10
11
  var _lg = _interopRequireDefault(require("./lg"));
11
12
  var _sm = _interopRequireDefault(require("./sm"));
12
13
  require("./index.css");
13
- const CheckboxEditor = _ref => {
14
+ const CheckboxEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
14
15
  let {
15
16
  size,
16
17
  ...props
@@ -19,8 +20,12 @@ const CheckboxEditor = _ref => {
19
20
  if (size === 'sm') return /*#__PURE__*/_react.default.createElement(_sm.default, props);
20
21
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
21
22
  query: "(min-width: 768px)"
22
- }, /*#__PURE__*/_react.default.createElement(_lg.default, props)), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
23
+ }, /*#__PURE__*/_react.default.createElement(_lg.default, Object.assign({}, props, {
24
+ ref: ref
25
+ }))), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
23
26
  query: "(max-width: 768px)"
24
- }, /*#__PURE__*/_react.default.createElement(_sm.default, props)));
25
- };
27
+ }, /*#__PURE__*/_react.default.createElement(_sm.default, Object.assign({}, props, {
28
+ ref: ref
29
+ }))));
30
+ });
26
31
  var _default = exports.default = CheckboxEditor;
package/lib/CollaboratorEditor/index.js CHANGED
@@ -1,16 +1,17 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
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
- var _react = _interopRequireDefault(require("react"));
9
+ var _react = _interopRequireWildcard(require("react"));
9
10
  var _reactResponsive = _interopRequireDefault(require("react-responsive"));
10
11
  var _lg = _interopRequireDefault(require("./lg"));
11
12
  var _sm = _interopRequireDefault(require("./sm"));
12
13
  require("./index.css");
13
- const CollaboratorEditor = _ref => {
14
+ const CollaboratorEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
14
15
  let {
15
16
  value: oldValue,
16
17
  size,
@@ -26,11 +27,13 @@ const CollaboratorEditor = _ref => {
26
27
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
27
28
  query: '(min-width: 768px)'
28
29
  }, /*#__PURE__*/_react.default.createElement(_lg.default, Object.assign({}, props, {
29
- value: value
30
+ value: value,
31
+ ref: ref
30
32
  }))), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
31
33
  query: '(max-width: 767.8px)'
32
34
  }, /*#__PURE__*/_react.default.createElement(_sm.default, Object.assign({}, props, {
33
- value: value
35
+ value: value,
36
+ ref: ref
34
37
  }))));
35
- };
38
+ });
36
39
  var _default = exports.default = CollaboratorEditor;
package/lib/CollaboratorEditor/sm/index.js CHANGED
@@ -43,6 +43,7 @@ class Small extends _react.default.Component {
43
43
  return collaborators.map(collaborator => {
44
44
  const isSelected = value.includes(collaborator.email);
45
45
  return /*#__PURE__*/_react.default.createElement(Option, {
46
+ key: collaborator.email,
46
47
  isSelected: isSelected,
47
48
  onChange: this.onChange.bind(this, collaborator)
48
49
  }, /*#__PURE__*/_react.default.createElement(_CollaboratorItem.default, {
package/lib/DateEditor/index.js CHANGED
@@ -1,110 +1,82 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
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
- var _react = _interopRequireDefault(require("react"));
9
+ var _react = _interopRequireWildcard(require("react"));
9
10
  var _reactResponsive = _interopRequireDefault(require("react-responsive"));
11
+ var _dtableUtils = require("dtable-utils");
10
12
  var _dayjs = _interopRequireDefault(require("../utils/dayjs"));
11
13
  var _large = _interopRequireDefault(require("./large"));
12
14
  var _sm = _interopRequireDefault(require("./sm"));
13
15
  require("dayjs/locale/zh-cn");
14
16
  require("dayjs/locale/en-gb");
15
17
  require("./index.css");
16
- class DateEditor extends _react.default.Component {
17
- constructor(props) {
18
- super(props);
19
- this.getDateFormat = () => {
20
- let {
21
- column
22
- } = this.props;
23
- let defaultDateFormat = 'YYYY-MM-DD';
24
- let dateFormat = column.data && column.data.format;
25
- return dateFormat || defaultDateFormat;
26
- };
27
- this.onValueChanged = value => {
28
- if (value !== this.state.newValue) {
29
- this.setState({
30
- newValue: value
31
- });
32
- this.onCommit(value);
33
- }
34
- };
35
- this.onCommit = newValue => {
36
- this.props.onCommit(newValue);
37
- };
38
- this.state = {
39
- isDateInit: false,
40
- newValue: '',
41
- dateFormat: '',
42
- showHourAndMinute: false,
43
- defaultCalendarValue: null
44
- };
45
- }
46
- componentDidMount() {
47
- const {
48
- value,
49
- lang
50
- } = this.props;
18
+ const DateEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
19
+ let {
20
+ lang,
21
+ isReadOnly,
22
+ column,
23
+ className,
24
+ isInModal,
25
+ firstDayOfWeek,
26
+ size,
27
+ value: oldValue,
28
+ hideCalendar,
29
+ onCommit
30
+ } = _ref;
31
+ const [isDateInit, setDateInit] = (0, _react.useState)(false);
32
+ const [value, setValue] = (0, _react.useState)(oldValue || '');
33
+ const format = (0, _react.useMemo)(() => {
34
+ var _column$data;
35
+ return (column === null || column === void 0 ? void 0 : column.data) && (column === null || column === void 0 ? void 0 : (_column$data = column.data) === null || _column$data === void 0 ? void 0 : _column$data.format) || _dtableUtils.DEFAULT_DATE_FORMAT;
36
+ }, [column]);
37
+ const showHourAndMinute = (0, _react.useMemo)(() => format.indexOf('HH:mm') > -1, [format]);
38
+ const onValueChanged = (0, _react.useCallback)(newValue => {
39
+ if (value !== newValue) {
40
+ setValue(newValue);
41
+ onCommit(newValue);
42
+ }
43
+ }, [value, onCommit]);
44
+ (0, _react.useEffect)(() => {
51
45
  _dayjs.default.locale(lang);
52
- let dateFormat = this.getDateFormat();
53
- this.setState({
54
- isDateInit: true,
55
- newValue: value,
56
- dateFormat,
57
- showHourAndMinute: dateFormat.indexOf('HH:mm') > -1
58
- });
59
- }
60
- render() {
61
- if (!this.state.isDateInit) return null;
62
- const {
63
- lang,
64
- column,
65
- className,
66
- isInModal,
67
- firstDayOfWeek,
68
- size,
69
- hideCalendar
70
- } = this.props;
71
- const {
72
- newValue,
73
- dateFormat,
74
- showHourAndMinute
75
- } = this.state;
76
- const props = {
77
- lang,
78
- value: newValue,
79
- dateFormat,
80
- showHourAndMinute,
81
- firstDayOfWeek,
82
- className,
83
- onValueChanged: this.onValueChanged,
84
- onClose: hideCalendar
85
- };
86
- if (size === 'lg') return /*#__PURE__*/_react.default.createElement(_large.default, Object.assign({}, props, {
87
- isInModal: isInModal
88
- }));
89
- if (size === 'sm') return /*#__PURE__*/_react.default.createElement(_sm.default, Object.assign({}, props, {
90
- isReadOnly: this.props.isReadOnly,
91
- column: column
92
- }));
93
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
94
- query: '(min-width: 768px)'
95
- }, /*#__PURE__*/_react.default.createElement(_large.default, Object.assign({}, props, {
96
- isInModal: isInModal
97
- }))), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
98
- query: '(max-width: 767.8px)'
99
- }, /*#__PURE__*/_react.default.createElement(_sm.default, Object.assign({}, props, {
100
- isReadOnly: this.props.isReadOnly,
101
- column: column
102
- }))));
103
- }
104
- }
105
- DateEditor.defaultProps = {
106
- isReadOnly: false,
107
- value: '',
108
- lang: 'en'
109
- };
46
+ setDateInit(true);
47
+ // eslint-disable-next-line react-hooks/exhaustive-deps
48
+ }, []);
49
+ if (!isDateInit) return null;
50
+ const props = {
51
+ lang,
52
+ value,
53
+ dateFormat: format,
54
+ showHourAndMinute,
55
+ firstDayOfWeek,
56
+ className,
57
+ onValueChanged,
58
+ onClose: hideCalendar
59
+ };
60
+ if (size === 'lg') return /*#__PURE__*/_react.default.createElement(_large.default, Object.assign({}, props, {
61
+ isInModal: isInModal,
62
+ ref: ref
63
+ }));
64
+ if (size === 'sm') return /*#__PURE__*/_react.default.createElement(_sm.default, Object.assign({}, props, {
65
+ isReadOnly: isReadOnly,
66
+ column: column,
67
+ ref: ref
68
+ }));
69
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
70
+ query: '(min-width: 768px)'
71
+ }, /*#__PURE__*/_react.default.createElement(_large.default, Object.assign({}, props, {
72
+ isInModal: isInModal,
73
+ ref: ref
74
+ }))), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
75
+ query: '(max-width: 767.8px)'
76
+ }, /*#__PURE__*/_react.default.createElement(_sm.default, Object.assign({}, props, {
77
+ isReadOnly: isReadOnly,
78
+ column: column,
79
+ ref: ref
80
+ }))));
81
+ });
110
82
  var _default = exports.default = DateEditor;
package/lib/DateEditor/sm/index.js CHANGED
@@ -17,7 +17,7 @@ var _editorUtils = require("../../utils/editor-utils");
17
17
  var _MobileFullScreenPage = _interopRequireDefault(require("../../MobileFullScreenPage"));
18
18
  require("@seafile/seafile-calendar/assets/index.css");
19
19
  require("./index.css");
20
- class DateEditorPopover extends _react.default.PureComponent {
20
+ class Small extends _react.default.PureComponent {
21
21
  constructor(props) {
22
22
  super(props);
23
23
  this.handleHistaryBack = e => {
@@ -208,4 +208,4 @@ class DateEditorPopover extends _react.default.PureComponent {
208
208
  }, (0, _lang.getLocale)('Clear')))));
209
209
  }
210
210
  }
211
- var _default = exports.default = DateEditorPopover;
211
+ var _default = exports.default = Small;
package/lib/DepartmentEditor/index.js CHANGED
@@ -1,25 +1,34 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
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
- var _react = _interopRequireDefault(require("react"));
9
+ var _react = _interopRequireWildcard(require("react"));
9
10
  var _reactResponsive = _interopRequireDefault(require("react-responsive"));
10
11
  var _lg = _interopRequireDefault(require("./lg"));
11
12
  var _sm = _interopRequireDefault(require("./sm"));
12
- const DepartmentEditor = _ref => {
13
+ const DepartmentEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
13
14
  let {
14
15
  size,
15
16
  ...props
16
17
  } = _ref;
17
- if (size === 'lg') return /*#__PURE__*/_react.default.createElement(_lg.default, props);
18
- if (size === 'sm') return /*#__PURE__*/_react.default.createElement(_sm.default, props);
18
+ if (size === 'lg') return /*#__PURE__*/_react.default.createElement(_lg.default, Object.assign({}, props, {
19
+ ref: ref
20
+ }));
21
+ if (size === 'sm') return /*#__PURE__*/_react.default.createElement(_sm.default, Object.assign({}, props, {
22
+ ref: ref
23
+ }));
19
24
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
20
25
  query: '(min-width: 768px)'
21
- }, /*#__PURE__*/_react.default.createElement(_lg.default, props)), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
26
+ }, /*#__PURE__*/_react.default.createElement(_lg.default, Object.assign({}, props, {
27
+ ref: ref
28
+ }))), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
22
29
  query: '(max-width: 767.8px)'
23
- }, /*#__PURE__*/_react.default.createElement(_sm.default, props)));
24
- };
30
+ }, /*#__PURE__*/_react.default.createElement(_sm.default, Object.assign({}, props, {
31
+ ref: ref
32
+ }))));
33
+ });
25
34
  var _default = exports.default = DepartmentEditor;
package/lib/DigitalSignEditor/index.js CHANGED
@@ -1,25 +1,34 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
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
- var _react = _interopRequireDefault(require("react"));
9
+ var _react = _interopRequireWildcard(require("react"));
9
10
  var _reactResponsive = _interopRequireDefault(require("react-responsive"));
10
11
  var _lg = _interopRequireDefault(require("./lg"));
11
12
  var _sm = _interopRequireDefault(require("./sm"));
12
- const DigitalSignEditor = _ref => {
13
+ const DigitalSignEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
13
14
  let {
14
15
  size,
15
16
  ...props
16
17
  } = _ref;
17
- if (size === 'lg') return /*#__PURE__*/_react.default.createElement(_lg.default, props);
18
- if (size === 'sm') return /*#__PURE__*/_react.default.createElement(_sm.default, props);
18
+ if (size === 'lg') return /*#__PURE__*/_react.default.createElement(_lg.default, Object.assign({}, props, {
19
+ ref: ref
20
+ }));
21
+ if (size === 'sm') return /*#__PURE__*/_react.default.createElement(_sm.default, Object.assign({}, props, {
22
+ ref: ref
23
+ }));
19
24
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
20
25
  query: "(min-width: 768px)"
21
- }, /*#__PURE__*/_react.default.createElement(_lg.default, props)), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
26
+ }, /*#__PURE__*/_react.default.createElement(_lg.default, Object.assign({}, props, {
27
+ ref: ref
28
+ }))), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
22
29
  query: "(max-width: 768px)"
23
- }, /*#__PURE__*/_react.default.createElement(_sm.default, props)));
24
- };
30
+ }, /*#__PURE__*/_react.default.createElement(_sm.default, Object.assign({}, props, {
31
+ ref: ref
32
+ }))));
33
+ });
25
34
  var _default = exports.default = DigitalSignEditor;
package/lib/FileEditor/index.js CHANGED
@@ -1,26 +1,35 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
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
- var _react = _interopRequireDefault(require("react"));
9
+ var _react = _interopRequireWildcard(require("react"));
9
10
  var _reactResponsive = _interopRequireDefault(require("react-responsive"));
10
11
  var _lg = _interopRequireDefault(require("./lg"));
11
12
  var _sm = _interopRequireDefault(require("./sm"));
12
13
  require("./index.css");
13
- const FileEditor = _ref => {
14
+ const FileEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
14
15
  let {
15
16
  size,
16
17
  ...props
17
18
  } = _ref;
18
- if (size === 'lg') return /*#__PURE__*/_react.default.createElement(_lg.default, props);
19
- if (size === 'sm') return /*#__PURE__*/_react.default.createElement(_sm.default, props);
19
+ if (size === 'lg') return /*#__PURE__*/_react.default.createElement(_lg.default, Object.assign({}, props, {
20
+ ref: ref
21
+ }));
22
+ if (size === 'sm') return /*#__PURE__*/_react.default.createElement(_sm.default, Object.assign({}, props, {
23
+ ref: ref
24
+ }));
20
25
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
21
26
  query: "(min-width: 768px)"
22
- }, /*#__PURE__*/_react.default.createElement(_lg.default, props)), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
27
+ }, /*#__PURE__*/_react.default.createElement(_lg.default, Object.assign({}, props, {
28
+ ref: ref
29
+ }))), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
23
30
  query: "(max-width: 768px)"
24
- }, /*#__PURE__*/_react.default.createElement(_sm.default, props)));
25
- };
31
+ }, /*#__PURE__*/_react.default.createElement(_sm.default, Object.assign({}, props, {
32
+ ref: ref
33
+ }))));
34
+ });
26
35
  var _default = exports.default = FileEditor;
package/lib/GeolocationEditor/index.js CHANGED
@@ -10,7 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
10
10
  var _reactResponsive = _interopRequireDefault(require("react-responsive"));
11
11
  var _lg = _interopRequireDefault(require("./lg"));
12
12
  var _sm = _interopRequireDefault(require("./sm"));
13
- const GeolocationEditor = _ref => {
13
+ const GeolocationEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
14
14
  let {
15
15
  size,
16
16
  config: oldConfig,
@@ -66,20 +66,32 @@ const GeolocationEditor = _ref => {
66
66
  return data;
67
67
  });
68
68
  }, [config]);
69
- if (size === 'lg') return /*#__PURE__*/_react.default.createElement(_lg.default, props);
70
- if (size === 'sm') return /*#__PURE__*/_react.default.createElement(_sm.default, props);
69
+ if (size === 'lg') return /*#__PURE__*/_react.default.createElement(_lg.default, Object.assign({}, props, {
70
+ config: config,
71
+ getLocationData: getLocationData,
72
+ getCountryData: getCountryData,
73
+ ref: ref
74
+ }));
75
+ if (size === 'sm') return /*#__PURE__*/_react.default.createElement(_sm.default, Object.assign({}, props, {
76
+ config: config,
77
+ getLocationData: getLocationData,
78
+ getCountryData: getCountryData,
79
+ ref: ref
80
+ }));
71
81
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
72
82
  query: "(min-width: 768px)"
73
83
  }, /*#__PURE__*/_react.default.createElement(_lg.default, Object.assign({}, props, {
74
84
  config: config,
75
85
  getLocationData: getLocationData,
76
- getCountryData: getCountryData
86
+ getCountryData: getCountryData,
87
+ ref: ref
77
88
  }))), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
78
89
  query: "(max-width: 768px)"
79
90
  }, /*#__PURE__*/_react.default.createElement(_sm.default, Object.assign({}, props, {
80
91
  config: config,
81
92
  getLocationData: getLocationData,
82
- getCountryData: getCountryData
93
+ getCountryData: getCountryData,
94
+ ref: ref
83
95
  }))));
84
- };
96
+ });
85
97
  var _default = exports.default = GeolocationEditor;
package/lib/ImageEditor/index.js CHANGED
@@ -1,26 +1,35 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
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
- var _react = _interopRequireDefault(require("react"));
9
+ var _react = _interopRequireWildcard(require("react"));
9
10
  var _reactResponsive = _interopRequireDefault(require("react-responsive"));
10
11
  var _lg = _interopRequireDefault(require("./lg"));
11
12
  var _sm = _interopRequireDefault(require("./sm"));
12
13
  require("./index.css");
13
- const ImageEditor = _ref => {
14
+ const ImageEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
14
15
  let {
15
16
  size,
16
17
  ...props
17
18
  } = _ref;
18
- if (size === 'lg') return /*#__PURE__*/_react.default.createElement(_lg.default, props);
19
- if (size === 'sm') return /*#__PURE__*/_react.default.createElement(_sm.default, props);
19
+ if (size === 'lg') return /*#__PURE__*/_react.default.createElement(_lg.default, Object.assign({}, props, {
20
+ ref: ref
21
+ }));
22
+ if (size === 'sm') return /*#__PURE__*/_react.default.createElement(_sm.default, Object.assign({}, props, {
23
+ ref: ref
24
+ }));
20
25
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
21
26
  query: "(min-width: 768px)"
22
- }, /*#__PURE__*/_react.default.createElement(_lg.default, props)), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
27
+ }, /*#__PURE__*/_react.default.createElement(_lg.default, Object.assign({}, props, {
28
+ ref: ref
29
+ }))), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
23
30
  query: "(max-width: 768px)"
24
- }, /*#__PURE__*/_react.default.createElement(_sm.default, props)));
25
- };
31
+ }, /*#__PURE__*/_react.default.createElement(_sm.default, Object.assign({}, props, {
32
+ ref: ref
33
+ }))));
34
+ });
26
35
  var _default = exports.default = ImageEditor;
package/lib/MultipleSelectEditor/index.js CHANGED
@@ -1,20 +1,22 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
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
- var _react = _interopRequireDefault(require("react"));
9
+ var _react = _interopRequireWildcard(require("react"));
9
10
  var _selectEditor = _interopRequireDefault(require("../select-editor"));
10
- const MultipleSelectEditor = _ref => {
11
+ const MultipleSelectEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
11
12
  let {
12
13
  value: oldValue,
13
14
  ...props
14
15
  } = _ref;
15
16
  const value = oldValue ? Array.isArray(oldValue) ? oldValue : [oldValue] : [];
16
17
  return /*#__PURE__*/_react.default.createElement(_selectEditor.default, Object.assign({}, props, {
17
- value: value
18
+ value: value,
19
+ ref: ref
18
20
  }));
19
- };
21
+ });
20
22
  var _default = exports.default = MultipleSelectEditor;
package/lib/SingleSelectEditor/index.js CHANGED
@@ -1,20 +1,22 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
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
- var _react = _interopRequireDefault(require("react"));
9
+ var _react = _interopRequireWildcard(require("react"));
9
10
  var _selectEditor = _interopRequireDefault(require("../select-editor"));
10
- const SingleSelectEditor = _ref => {
11
+ const SingleSelectEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
11
12
  let {
12
13
  value: oldValue,
13
14
  ...props
14
15
  } = _ref;
15
16
  const value = oldValue ? [oldValue] : [];
16
17
  return /*#__PURE__*/_react.default.createElement(_selectEditor.default, Object.assign({}, props, {
17
- value: value
18
+ value: value,
19
+ ref: ref
18
20
  }));
19
- };
21
+ });
20
22
  var _default = exports.default = SingleSelectEditor;
package/lib/select-editor/index.js CHANGED
@@ -1,25 +1,34 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
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
- var _react = _interopRequireDefault(require("react"));
9
+ var _react = _interopRequireWildcard(require("react"));
9
10
  var _reactResponsive = _interopRequireDefault(require("react-responsive"));
10
11
  var _lg = _interopRequireDefault(require("./lg"));
11
12
  var _sm = _interopRequireDefault(require("./sm"));
12
- const SelectEditor = _ref => {
13
+ const SelectEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
13
14
  let {
14
15
  size,
15
16
  ...props
16
17
  } = _ref;
17
- if (size === 'lg') return /*#__PURE__*/_react.default.createElement(_lg.default, props);
18
- if (size === 'sm') return /*#__PURE__*/_react.default.createElement(_sm.default, props);
18
+ if (size === 'lg') return /*#__PURE__*/_react.default.createElement(_lg.default, Object.assign({}, props, {
19
+ ref: ref
20
+ }));
21
+ if (size === 'sm') return /*#__PURE__*/_react.default.createElement(_sm.default, Object.assign({}, props, {
22
+ ref: ref
23
+ }));
19
24
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
20
25
  query: "(min-width: 768px)"
21
- }, /*#__PURE__*/_react.default.createElement(_lg.default, props)), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
26
+ }, /*#__PURE__*/_react.default.createElement(_lg.default, Object.assign({}, props, {
27
+ ref: ref
28
+ }))), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
22
29
  query: "(max-width: 768px)"
23
- }, /*#__PURE__*/_react.default.createElement(_sm.default, props)));
24
- };
30
+ }, /*#__PURE__*/_react.default.createElement(_sm.default, Object.assign({}, props, {
31
+ ref: ref
32
+ }))));
33
+ });
25
34
  var _default = exports.default = SelectEditor;
package/lib/select-editor/sm/index.js CHANGED
@@ -58,6 +58,7 @@ class Small extends _react.default.Component {
58
58
  return options.map(option => {
59
59
  const isSelected = value.includes(option[valueKey]);
60
60
  return /*#__PURE__*/_react.default.createElement(Option, {
61
+ key: option[valueKey],
61
62
  isSelected: isSelected,
62
63
  onChange: this.onChange.bind(this, option)
63
64
  }, /*#__PURE__*/_react.default.createElement(_SelectItem.default, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dtable-ui-component",
3
- "version": "6.0.26beta",
3
+ "version": "6.0.26beta1",
4
4
  "main": "./lib/index.js",
5
5
  "dependencies": {
6
6
  "@seafile/react-image-lightbox": "4.0.2",