@douyinfe/semi-ui 2.28.0 → 2.28.2
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.
- package/dist/css/semi.css +11 -6
- package/dist/css/semi.min.css +1 -1
- package/dist/umd/semi-ui.js +30 -29
- package/dist/umd/semi-ui.js.map +1 -1
- package/dist/umd/semi-ui.min.js +1 -1
- package/dist/umd/semi-ui.min.js.map +1 -1
- package/lib/cjs/datePicker/datePicker.js +0 -24
- package/lib/cjs/datePicker/monthsGrid.d.ts +1 -1
- package/lib/cjs/datePicker/monthsGrid.js +1 -1
- package/lib/cjs/resizeObserver/index.js +5 -0
- package/lib/es/datePicker/datePicker.js +0 -24
- package/lib/es/datePicker/monthsGrid.d.ts +1 -1
- package/lib/es/datePicker/monthsGrid.js +1 -1
- package/lib/es/resizeObserver/index.js +5 -0
- package/package.json +8 -8
|
@@ -173,36 +173,12 @@ class DatePicker extends _baseComponent.default {
|
|
|
173
173
|
density,
|
|
174
174
|
topSlot,
|
|
175
175
|
bottomSlot,
|
|
176
|
-
insetInput,
|
|
177
|
-
type,
|
|
178
|
-
format,
|
|
179
|
-
rangeSeparator,
|
|
180
|
-
defaultPickerValue,
|
|
181
176
|
presetPosition
|
|
182
177
|
} = this.props;
|
|
183
|
-
const {
|
|
184
|
-
insetInputValue,
|
|
185
|
-
value
|
|
186
|
-
} = this.state;
|
|
187
178
|
const wrapCls = (0, _classnames.default)(_constants.cssClasses.PREFIX, {
|
|
188
179
|
[_constants.cssClasses.PANEL_YAM]: this.adapter.typeIsYearOrMonth(),
|
|
189
180
|
[`${_constants.cssClasses.PREFIX}-compact`]: density === 'compact'
|
|
190
181
|
}, dropdownClassName);
|
|
191
|
-
const insetInputProps = {
|
|
192
|
-
dateFnsLocale,
|
|
193
|
-
format,
|
|
194
|
-
insetInputValue,
|
|
195
|
-
rangeSeparator,
|
|
196
|
-
type,
|
|
197
|
-
value: value,
|
|
198
|
-
handleInsetDateFocus: this.handleInsetDateFocus,
|
|
199
|
-
handleInsetTimeFocus: this.handleInsetTimeFocus,
|
|
200
|
-
onInsetInputChange: this.handleInsetInputChange,
|
|
201
|
-
rangeInputStartRef: this.rangeInputStartRef,
|
|
202
|
-
rangeInputEndRef: this.rangeInputEndRef,
|
|
203
|
-
density,
|
|
204
|
-
defaultPickerValue
|
|
205
|
-
};
|
|
206
182
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
207
183
|
ref: this.panelRef,
|
|
208
184
|
className: wrapCls,
|
|
@@ -20,7 +20,7 @@ export declare type MonthsGridState = MonthsGridFoundationState;
|
|
|
20
20
|
export default class MonthsGrid extends BaseComponent<MonthsGridProps, MonthsGridState> {
|
|
21
21
|
static propTypes: {
|
|
22
22
|
type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "dateTimeRange">;
|
|
23
|
-
defaultValue: PropTypes.Requireable<
|
|
23
|
+
defaultValue: PropTypes.Requireable<any[]>;
|
|
24
24
|
defaultPickerValue: PropTypes.Requireable<NonNullable<string | number | object>>;
|
|
25
25
|
multiple: PropTypes.Requireable<boolean>;
|
|
26
26
|
max: PropTypes.Requireable<number>;
|
|
@@ -652,7 +652,7 @@ class MonthsGrid extends _baseComponent.default {
|
|
|
652
652
|
exports.default = MonthsGrid;
|
|
653
653
|
MonthsGrid.propTypes = {
|
|
654
654
|
type: _propTypes.default.oneOf(_constants.strings.TYPE_SET),
|
|
655
|
-
defaultValue: _propTypes.default.
|
|
655
|
+
defaultValue: _propTypes.default.array,
|
|
656
656
|
defaultPickerValue: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number, _propTypes.default.object, _propTypes.default.array]),
|
|
657
657
|
multiple: _propTypes.default.bool,
|
|
658
658
|
max: _propTypes.default.number,
|
|
@@ -59,6 +59,7 @@ class ReactResizeObserver extends _baseComponent.default {
|
|
|
59
59
|
if (this.observer) {
|
|
60
60
|
this.observer.disconnect();
|
|
61
61
|
this.observer = null;
|
|
62
|
+
this.element = null;
|
|
62
63
|
}
|
|
63
64
|
}
|
|
64
65
|
|
|
@@ -66,6 +67,10 @@ class ReactResizeObserver extends _baseComponent.default {
|
|
|
66
67
|
let force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
|
|
67
68
|
const element = this.getElement();
|
|
68
69
|
|
|
70
|
+
if (!this.observer) {
|
|
71
|
+
this.observer = new _resizeObserverPolyfill.default(this.props.onResize);
|
|
72
|
+
}
|
|
73
|
+
|
|
69
74
|
if (!(element && element instanceof Element)) {
|
|
70
75
|
// stop everything if not defined
|
|
71
76
|
this.observer.disconnect();
|
|
@@ -143,36 +143,12 @@ export default class DatePicker extends BaseComponent {
|
|
|
143
143
|
density,
|
|
144
144
|
topSlot,
|
|
145
145
|
bottomSlot,
|
|
146
|
-
insetInput,
|
|
147
|
-
type,
|
|
148
|
-
format,
|
|
149
|
-
rangeSeparator,
|
|
150
|
-
defaultPickerValue,
|
|
151
146
|
presetPosition
|
|
152
147
|
} = this.props;
|
|
153
|
-
const {
|
|
154
|
-
insetInputValue,
|
|
155
|
-
value
|
|
156
|
-
} = this.state;
|
|
157
148
|
const wrapCls = classnames(cssClasses.PREFIX, {
|
|
158
149
|
[cssClasses.PANEL_YAM]: this.adapter.typeIsYearOrMonth(),
|
|
159
150
|
[`${cssClasses.PREFIX}-compact`]: density === 'compact'
|
|
160
151
|
}, dropdownClassName);
|
|
161
|
-
const insetInputProps = {
|
|
162
|
-
dateFnsLocale,
|
|
163
|
-
format,
|
|
164
|
-
insetInputValue,
|
|
165
|
-
rangeSeparator,
|
|
166
|
-
type,
|
|
167
|
-
value: value,
|
|
168
|
-
handleInsetDateFocus: this.handleInsetDateFocus,
|
|
169
|
-
handleInsetTimeFocus: this.handleInsetTimeFocus,
|
|
170
|
-
onInsetInputChange: this.handleInsetInputChange,
|
|
171
|
-
rangeInputStartRef: this.rangeInputStartRef,
|
|
172
|
-
rangeInputEndRef: this.rangeInputEndRef,
|
|
173
|
-
density,
|
|
174
|
-
defaultPickerValue
|
|
175
|
-
};
|
|
176
152
|
return /*#__PURE__*/React.createElement("div", {
|
|
177
153
|
ref: this.panelRef,
|
|
178
154
|
className: wrapCls,
|
|
@@ -20,7 +20,7 @@ export declare type MonthsGridState = MonthsGridFoundationState;
|
|
|
20
20
|
export default class MonthsGrid extends BaseComponent<MonthsGridProps, MonthsGridState> {
|
|
21
21
|
static propTypes: {
|
|
22
22
|
type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "dateTimeRange">;
|
|
23
|
-
defaultValue: PropTypes.Requireable<
|
|
23
|
+
defaultValue: PropTypes.Requireable<any[]>;
|
|
24
24
|
defaultPickerValue: PropTypes.Requireable<NonNullable<string | number | object>>;
|
|
25
25
|
multiple: PropTypes.Requireable<boolean>;
|
|
26
26
|
max: PropTypes.Requireable<number>;
|
|
@@ -624,7 +624,7 @@ export default class MonthsGrid extends BaseComponent {
|
|
|
624
624
|
}
|
|
625
625
|
MonthsGrid.propTypes = {
|
|
626
626
|
type: PropTypes.oneOf(strings.TYPE_SET),
|
|
627
|
-
defaultValue: PropTypes.
|
|
627
|
+
defaultValue: PropTypes.array,
|
|
628
628
|
defaultPickerValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object, PropTypes.array]),
|
|
629
629
|
multiple: PropTypes.bool,
|
|
630
630
|
max: PropTypes.number,
|
|
@@ -45,6 +45,7 @@ export default class ReactResizeObserver extends BaseComponent {
|
|
|
45
45
|
if (this.observer) {
|
|
46
46
|
this.observer.disconnect();
|
|
47
47
|
this.observer = null;
|
|
48
|
+
this.element = null;
|
|
48
49
|
}
|
|
49
50
|
}
|
|
50
51
|
|
|
@@ -52,6 +53,10 @@ export default class ReactResizeObserver extends BaseComponent {
|
|
|
52
53
|
let force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
|
|
53
54
|
const element = this.getElement();
|
|
54
55
|
|
|
56
|
+
if (!this.observer) {
|
|
57
|
+
this.observer = new ResizeObserver(this.props.onResize);
|
|
58
|
+
}
|
|
59
|
+
|
|
55
60
|
if (!(element && element instanceof Element)) {
|
|
56
61
|
// stop everything if not defined
|
|
57
62
|
this.observer.disconnect();
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@douyinfe/semi-ui",
|
|
3
|
-
"version": "2.28.
|
|
3
|
+
"version": "2.28.2",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es/index.js",
|
|
@@ -17,12 +17,12 @@
|
|
|
17
17
|
"lib/*"
|
|
18
18
|
],
|
|
19
19
|
"dependencies": {
|
|
20
|
-
"@douyinfe/semi-animation": "2.28.
|
|
21
|
-
"@douyinfe/semi-animation-react": "2.28.
|
|
22
|
-
"@douyinfe/semi-foundation": "2.28.
|
|
23
|
-
"@douyinfe/semi-icons": "2.28.
|
|
24
|
-
"@douyinfe/semi-illustrations": "2.28.
|
|
25
|
-
"@douyinfe/semi-theme-default": "2.28.
|
|
20
|
+
"@douyinfe/semi-animation": "2.28.2",
|
|
21
|
+
"@douyinfe/semi-animation-react": "2.28.2",
|
|
22
|
+
"@douyinfe/semi-foundation": "2.28.2",
|
|
23
|
+
"@douyinfe/semi-icons": "2.28.2",
|
|
24
|
+
"@douyinfe/semi-illustrations": "2.28.2",
|
|
25
|
+
"@douyinfe/semi-theme-default": "2.28.2",
|
|
26
26
|
"async-validator": "^3.5.0",
|
|
27
27
|
"classnames": "^2.2.6",
|
|
28
28
|
"copy-text-to-clipboard": "^2.1.1",
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
],
|
|
70
70
|
"author": "",
|
|
71
71
|
"license": "MIT",
|
|
72
|
-
"gitHead": "
|
|
72
|
+
"gitHead": "d9651593e39ad3333e0f138a678460e959d01bbd",
|
|
73
73
|
"devDependencies": {
|
|
74
74
|
"@babel/plugin-proposal-decorators": "^7.15.8",
|
|
75
75
|
"@babel/plugin-transform-runtime": "^7.15.8",
|