@pinnacle0/web-ui 0.5.58 → 0.5.59
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/core/DateRangePicker.d.ts +8 -1
- package/core/DateRangePicker.js +17 -32
- package/core/DateRangePicker.js.map +1 -1
- package/core/DateTimeRangePicker/index.d.ts +8 -1
- package/core/DateTimeRangePicker/index.js +17 -32
- package/core/DateTimeRangePicker/index.js.map +1 -1
- package/core/TimeRangePicker.d.ts +8 -1
- package/core/TimeRangePicker.js +17 -32
- package/core/TimeRangePicker.js.map +1 -1
- package/package.json +1 -1
|
@@ -12,10 +12,17 @@ export interface Props<T extends boolean> extends ControlledFormValue<T extends
|
|
|
12
12
|
}>;
|
|
13
13
|
preserveInvalidOnBlur?: boolean;
|
|
14
14
|
}
|
|
15
|
-
|
|
15
|
+
interface State {
|
|
16
|
+
shouldCheckDateRangeValid: boolean;
|
|
17
|
+
}
|
|
18
|
+
export declare class DateRangePicker<T extends boolean> extends React.PureComponent<Props<T>, State> {
|
|
16
19
|
static displayName: string;
|
|
17
20
|
private readonly dateFormatter;
|
|
21
|
+
constructor(props: Props<T>);
|
|
18
22
|
isDateDisabled: (current: Dayjs) => boolean;
|
|
19
23
|
onChange: (dates: [Dayjs | null, Dayjs | null] | null) => void;
|
|
24
|
+
onOpenChange: (open: boolean) => void;
|
|
25
|
+
componentDidUpdate(): void;
|
|
20
26
|
render(): React.JSX.Element;
|
|
21
27
|
}
|
|
28
|
+
export {};
|
package/core/DateRangePicker.js
CHANGED
|
@@ -13,38 +13,13 @@ var __extends = (this && this.__extends) || (function () {
|
|
|
13
13
|
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
14
14
|
};
|
|
15
15
|
})();
|
|
16
|
-
var __read = (this && this.__read) || function (o, n) {
|
|
17
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
18
|
-
if (!m) return o;
|
|
19
|
-
var i = m.call(o), r, ar = [], e;
|
|
20
|
-
try {
|
|
21
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
22
|
-
}
|
|
23
|
-
catch (error) { e = { error: error }; }
|
|
24
|
-
finally {
|
|
25
|
-
try {
|
|
26
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
27
|
-
}
|
|
28
|
-
finally { if (e) throw e.error; }
|
|
29
|
-
}
|
|
30
|
-
return ar;
|
|
31
|
-
};
|
|
32
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
33
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
34
|
-
if (ar || !(i in from)) {
|
|
35
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
36
|
-
ar[i] = from[i];
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
40
|
-
};
|
|
41
16
|
import React from "react";
|
|
42
17
|
import dayjs from "dayjs";
|
|
43
18
|
import DatePicker from "antd/es/date-picker";
|
|
44
19
|
var DateRangePicker = /** @class */ (function (_super) {
|
|
45
20
|
__extends(DateRangePicker, _super);
|
|
46
|
-
function DateRangePicker() {
|
|
47
|
-
var _this = _super.
|
|
21
|
+
function DateRangePicker(props) {
|
|
22
|
+
var _this = _super.call(this, props) || this;
|
|
48
23
|
_this.dateFormatter = "YYYY-MM-DD";
|
|
49
24
|
_this.isDateDisabled = function (current) {
|
|
50
25
|
var _a, _b;
|
|
@@ -67,22 +42,32 @@ var DateRangePicker = /** @class */ (function (_super) {
|
|
|
67
42
|
if (dates) {
|
|
68
43
|
var start = dates[0];
|
|
69
44
|
var end = dates[1];
|
|
70
|
-
if (start && end && start.isAfter(end)) {
|
|
71
|
-
start = dates[1];
|
|
72
|
-
end = dates[0];
|
|
73
|
-
}
|
|
74
45
|
typedOnChange([start ? start.format(_this.dateFormatter) : null, end ? end.format(_this.dateFormatter) : null]);
|
|
75
46
|
}
|
|
76
47
|
else {
|
|
77
48
|
typedOnChange([null, null]);
|
|
78
49
|
}
|
|
79
50
|
};
|
|
51
|
+
_this.onOpenChange = function (open) {
|
|
52
|
+
_this.setState({ shouldCheckDateRangeValid: !open });
|
|
53
|
+
};
|
|
54
|
+
_this.state = { shouldCheckDateRangeValid: false };
|
|
80
55
|
return _this;
|
|
81
56
|
}
|
|
57
|
+
DateRangePicker.prototype.componentDidUpdate = function () {
|
|
58
|
+
if (this.state.shouldCheckDateRangeValid && this.props.value[0] && this.props.value[1]) {
|
|
59
|
+
var dates = this.props.value;
|
|
60
|
+
var typedOnChange = this.props.onChange;
|
|
61
|
+
if (dayjs(dates[0]).isAfter(dayjs(dates[1]))) {
|
|
62
|
+
typedOnChange([dates[1], dates[0]]);
|
|
63
|
+
}
|
|
64
|
+
this.setState({ shouldCheckDateRangeValid: false });
|
|
65
|
+
}
|
|
66
|
+
};
|
|
82
67
|
DateRangePicker.prototype.render = function () {
|
|
83
68
|
var _a = this.props, value = _a.value, allowNull = _a.allowNull, disabled = _a.disabled, className = _a.className, presets = _a.presets, _b = _a.preserveInvalidOnBlur, preserveInvalidOnBlur = _b === void 0 ? true : _b;
|
|
84
69
|
var parsedValue = [value[0] ? dayjs(value[0]) : null, value[1] ? dayjs(value[1]) : null];
|
|
85
|
-
return (React.createElement(DatePicker.RangePicker, { disabledDate: this.isDateDisabled, className: className, showTime: false, value: parsedValue, onCalendarChange: this.onChange, allowClear: allowNull, disabled: disabled, presets: presets, preserveInvalidOnBlur: preserveInvalidOnBlur }));
|
|
70
|
+
return (React.createElement(DatePicker.RangePicker, { disabledDate: this.isDateDisabled, className: className, showTime: false, value: parsedValue, onCalendarChange: this.onChange, allowClear: allowNull, disabled: disabled, presets: presets, preserveInvalidOnBlur: preserveInvalidOnBlur, onOpenChange: this.onOpenChange }));
|
|
86
71
|
};
|
|
87
72
|
DateRangePicker.displayName = "DateRangePicker";
|
|
88
73
|
return DateRangePicker;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangePicker.js","sourceRoot":"","sources":["../../src/core/DateRangePicker.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DateRangePicker.js","sourceRoot":"","sources":["../../src/core/DateRangePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,12 +14,19 @@ export interface Props<T extends boolean> extends ControlledFormValue<T extends
|
|
|
14
14
|
}>;
|
|
15
15
|
preserveInvalidOnBlur?: boolean;
|
|
16
16
|
}
|
|
17
|
-
|
|
17
|
+
interface State {
|
|
18
|
+
shouldCheckDateRangeValid: boolean;
|
|
19
|
+
}
|
|
20
|
+
export declare class DateTimeRangePicker<T extends boolean> extends React.PureComponent<Props<T>, State> {
|
|
18
21
|
static displayName: string;
|
|
19
22
|
static showTime: {
|
|
20
23
|
defaultValue: dayjs.Dayjs[];
|
|
21
24
|
};
|
|
25
|
+
constructor(props: Props<T>);
|
|
22
26
|
isDateDisabled: (current: Dayjs) => boolean;
|
|
23
27
|
onChange: (dates: [Dayjs | null, Dayjs | null] | null) => void;
|
|
28
|
+
onOpenChange: (open: boolean) => void;
|
|
29
|
+
componentDidUpdate(): void;
|
|
24
30
|
render(): React.JSX.Element;
|
|
25
31
|
}
|
|
32
|
+
export {};
|
|
@@ -13,39 +13,14 @@ var __extends = (this && this.__extends) || (function () {
|
|
|
13
13
|
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
14
14
|
};
|
|
15
15
|
})();
|
|
16
|
-
var __read = (this && this.__read) || function (o, n) {
|
|
17
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
18
|
-
if (!m) return o;
|
|
19
|
-
var i = m.call(o), r, ar = [], e;
|
|
20
|
-
try {
|
|
21
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
22
|
-
}
|
|
23
|
-
catch (error) { e = { error: error }; }
|
|
24
|
-
finally {
|
|
25
|
-
try {
|
|
26
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
27
|
-
}
|
|
28
|
-
finally { if (e) throw e.error; }
|
|
29
|
-
}
|
|
30
|
-
return ar;
|
|
31
|
-
};
|
|
32
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
33
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
34
|
-
if (ar || !(i in from)) {
|
|
35
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
36
|
-
ar[i] = from[i];
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
40
|
-
};
|
|
41
16
|
import React from "react";
|
|
42
17
|
import dayjs from "dayjs";
|
|
43
18
|
import DatePicker from "antd/es/date-picker";
|
|
44
19
|
import "./index.less";
|
|
45
20
|
var DateTimeRangePicker = /** @class */ (function (_super) {
|
|
46
21
|
__extends(DateTimeRangePicker, _super);
|
|
47
|
-
function DateTimeRangePicker() {
|
|
48
|
-
var _this = _super.
|
|
22
|
+
function DateTimeRangePicker(props) {
|
|
23
|
+
var _this = _super.call(this, props) || this;
|
|
49
24
|
_this.isDateDisabled = function (current) {
|
|
50
25
|
var _a, _b;
|
|
51
26
|
if (!current)
|
|
@@ -67,10 +42,6 @@ var DateTimeRangePicker = /** @class */ (function (_super) {
|
|
|
67
42
|
// otherwise, from/to will use now's millisecond value, which is inaccurate
|
|
68
43
|
var start = dates[0];
|
|
69
44
|
var end = dates[1];
|
|
70
|
-
if (start && end && start.isAfter(end)) {
|
|
71
|
-
start = dates[1];
|
|
72
|
-
end = dates[0];
|
|
73
|
-
}
|
|
74
45
|
var from = start ? start.millisecond(0).toDate() : null;
|
|
75
46
|
var to = end ? end.millisecond(999).toDate() : null;
|
|
76
47
|
typedOnChange([from, to]);
|
|
@@ -79,12 +50,26 @@ var DateTimeRangePicker = /** @class */ (function (_super) {
|
|
|
79
50
|
typedOnChange([null, null]);
|
|
80
51
|
}
|
|
81
52
|
};
|
|
53
|
+
_this.onOpenChange = function (open) {
|
|
54
|
+
_this.setState({ shouldCheckDateRangeValid: !open });
|
|
55
|
+
};
|
|
56
|
+
_this.state = { shouldCheckDateRangeValid: false };
|
|
82
57
|
return _this;
|
|
83
58
|
}
|
|
59
|
+
DateTimeRangePicker.prototype.componentDidUpdate = function () {
|
|
60
|
+
if (this.state.shouldCheckDateRangeValid && this.props.value[0] && this.props.value[1]) {
|
|
61
|
+
var dates = this.props.value;
|
|
62
|
+
var typedOnChange = this.props.onChange;
|
|
63
|
+
if (dayjs(dates[0]).isAfter(dayjs(dates[1]))) {
|
|
64
|
+
typedOnChange([dates[1], dates[0]]);
|
|
65
|
+
}
|
|
66
|
+
this.setState({ shouldCheckDateRangeValid: false });
|
|
67
|
+
}
|
|
68
|
+
};
|
|
84
69
|
DateTimeRangePicker.prototype.render = function () {
|
|
85
70
|
var _a = this.props, value = _a.value, allowNull = _a.allowNull, disabled = _a.disabled, className = _a.className, presets = _a.presets, _b = _a.preserveInvalidOnBlur, preserveInvalidOnBlur = _b === void 0 ? true : _b;
|
|
86
71
|
var parsedValue = [value[0] ? dayjs(value[0]) : null, value[1] ? dayjs(value[1]) : null];
|
|
87
|
-
return (React.createElement(DatePicker.RangePicker, { className: className, value: parsedValue, onCalendarChange: this.onChange, disabledDate: this.isDateDisabled, allowClear: allowNull, disabled: disabled, presets: presets, showTime: DateTimeRangePicker.showTime, preserveInvalidOnBlur: preserveInvalidOnBlur }));
|
|
72
|
+
return (React.createElement(DatePicker.RangePicker, { className: className, value: parsedValue, onCalendarChange: this.onChange, disabledDate: this.isDateDisabled, allowClear: allowNull, disabled: disabled, presets: presets, showTime: DateTimeRangePicker.showTime, preserveInvalidOnBlur: preserveInvalidOnBlur, onOpenChange: this.onOpenChange }));
|
|
88
73
|
};
|
|
89
74
|
DateTimeRangePicker.displayName = "DateTimeRangePicker";
|
|
90
75
|
DateTimeRangePicker.showTime = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/DateTimeRangePicker/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/DateTimeRangePicker/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,9 +8,16 @@ export interface Props<T extends boolean> extends ControlledFormValue<T extends
|
|
|
8
8
|
order?: boolean;
|
|
9
9
|
preserveInvalidOnBlur?: boolean;
|
|
10
10
|
}
|
|
11
|
-
|
|
11
|
+
interface State {
|
|
12
|
+
shouldCheckDateRangeValid: boolean;
|
|
13
|
+
}
|
|
14
|
+
export declare class TimeRangePicker<T extends boolean> extends React.PureComponent<Props<T>, State> {
|
|
12
15
|
static displayName: string;
|
|
13
16
|
private readonly timeFormatter;
|
|
17
|
+
constructor(props: Props<T>);
|
|
14
18
|
onChange: (dates: [Dayjs | null, Dayjs | null] | null) => void;
|
|
19
|
+
onOpenChange: (open: boolean) => void;
|
|
20
|
+
componentDidUpdate(): void;
|
|
15
21
|
render(): React.JSX.Element;
|
|
16
22
|
}
|
|
23
|
+
export {};
|
package/core/TimeRangePicker.js
CHANGED
|
@@ -13,59 +13,44 @@ var __extends = (this && this.__extends) || (function () {
|
|
|
13
13
|
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
14
14
|
};
|
|
15
15
|
})();
|
|
16
|
-
var __read = (this && this.__read) || function (o, n) {
|
|
17
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
18
|
-
if (!m) return o;
|
|
19
|
-
var i = m.call(o), r, ar = [], e;
|
|
20
|
-
try {
|
|
21
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
22
|
-
}
|
|
23
|
-
catch (error) { e = { error: error }; }
|
|
24
|
-
finally {
|
|
25
|
-
try {
|
|
26
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
27
|
-
}
|
|
28
|
-
finally { if (e) throw e.error; }
|
|
29
|
-
}
|
|
30
|
-
return ar;
|
|
31
|
-
};
|
|
32
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
33
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
34
|
-
if (ar || !(i in from)) {
|
|
35
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
36
|
-
ar[i] = from[i];
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
40
|
-
};
|
|
41
16
|
import React from "react";
|
|
42
17
|
import dayjs from "dayjs";
|
|
43
18
|
import DatePicker from "antd/es/date-picker";
|
|
44
19
|
var TimeRangePicker = /** @class */ (function (_super) {
|
|
45
20
|
__extends(TimeRangePicker, _super);
|
|
46
|
-
function TimeRangePicker() {
|
|
47
|
-
var _this = _super.
|
|
21
|
+
function TimeRangePicker(props) {
|
|
22
|
+
var _this = _super.call(this, props) || this;
|
|
48
23
|
_this.timeFormatter = "HH:mm:ss";
|
|
49
24
|
_this.onChange = function (dates) {
|
|
50
25
|
var typedOnChange = _this.props.onChange;
|
|
51
26
|
if (dates) {
|
|
52
27
|
var start = dates[0];
|
|
53
28
|
var end = dates[1];
|
|
54
|
-
if (start && end && start.isAfter(end)) {
|
|
55
|
-
start = dates[1];
|
|
56
|
-
end = dates[0];
|
|
57
|
-
}
|
|
58
29
|
typedOnChange([start ? start.format(_this.timeFormatter) : null, end ? end.format(_this.timeFormatter) : null]);
|
|
59
30
|
}
|
|
60
31
|
else {
|
|
61
32
|
typedOnChange([null, null]);
|
|
62
33
|
}
|
|
63
34
|
};
|
|
35
|
+
_this.onOpenChange = function (open) {
|
|
36
|
+
_this.setState({ shouldCheckDateRangeValid: !open });
|
|
37
|
+
};
|
|
38
|
+
_this.state = { shouldCheckDateRangeValid: false };
|
|
64
39
|
return _this;
|
|
65
40
|
}
|
|
41
|
+
TimeRangePicker.prototype.componentDidUpdate = function () {
|
|
42
|
+
var dates = this.props.value;
|
|
43
|
+
if (this.state.shouldCheckDateRangeValid && dates[0] && dates[1]) {
|
|
44
|
+
var typedOnChange = this.props.onChange;
|
|
45
|
+
if (dates[0] > dates[1]) {
|
|
46
|
+
typedOnChange([dates[1], dates[0]]);
|
|
47
|
+
}
|
|
48
|
+
this.setState({ shouldCheckDateRangeValid: false });
|
|
49
|
+
}
|
|
50
|
+
};
|
|
66
51
|
TimeRangePicker.prototype.render = function () {
|
|
67
52
|
var _a = this.props, value = _a.value, disabled = _a.disabled, className = _a.className, allowNull = _a.allowNull, order = _a.order, _b = _a.preserveInvalidOnBlur, preserveInvalidOnBlur = _b === void 0 ? true : _b;
|
|
68
|
-
return (React.createElement(DatePicker.RangePicker, { picker: "time", mode: undefined, className: className, value: [value[0] ? dayjs(value[0], this.timeFormatter) : null, value[1] ? dayjs(value[1], this.timeFormatter) : null], onCalendarChange: this.onChange, disabled: disabled, allowClear: allowNull, order: order, preserveInvalidOnBlur: preserveInvalidOnBlur }));
|
|
53
|
+
return (React.createElement(DatePicker.RangePicker, { picker: "time", mode: undefined, className: className, value: [value[0] ? dayjs(value[0], this.timeFormatter) : null, value[1] ? dayjs(value[1], this.timeFormatter) : null], onCalendarChange: this.onChange, disabled: disabled, allowClear: allowNull, order: order, preserveInvalidOnBlur: preserveInvalidOnBlur, onOpenChange: this.onOpenChange }));
|
|
69
54
|
};
|
|
70
55
|
TimeRangePicker.displayName = "TimeRangePicker";
|
|
71
56
|
return TimeRangePicker;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimeRangePicker.js","sourceRoot":"","sources":["../../src/core/TimeRangePicker.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TimeRangePicker.js","sourceRoot":"","sources":["../../src/core/TimeRangePicker.tsx"],"names":[],"mappings":"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"}
|