yootd 0.0.29 → 0.0.31
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/date-interval/index.d.ts +8 -3
- package/dist/date-interval/index.js +16 -9
- package/dist/date-picker/index.d.ts +4 -0
- package/dist/date-picker/index.js +5 -0
- package/dist/date-range/index.d.ts +6 -2
- package/dist/date-range/index.js +8 -5
- package/dist/index.d.ts +4 -0
- package/dist/index.js +1 -0
- package/package.json +1 -1
@@ -1,13 +1,18 @@
|
|
1
|
+
import { DatePickerProps as AntdDatePickerProps } from 'antd/es/date-picker';
|
1
2
|
import dayjs from 'dayjs';
|
2
3
|
import { FC } from 'react';
|
3
4
|
type PickerType = 'time' | 'date' | 'week' | 'month' | 'quarter' | 'year';
|
4
|
-
type
|
5
|
+
export type DateIntervalProps = AntdDatePickerProps & {
|
5
6
|
options?: {
|
6
7
|
label: string;
|
7
8
|
value: PickerType;
|
8
9
|
}[];
|
9
10
|
value?: dayjs.Dayjs;
|
10
|
-
onChange?: (
|
11
|
+
onChange?: (record: {
|
12
|
+
date: dayjs.Dayjs;
|
13
|
+
dateString: string | string[];
|
14
|
+
type: string;
|
15
|
+
}) => void;
|
11
16
|
};
|
12
|
-
export declare const DateInterval: FC<
|
17
|
+
export declare const DateInterval: FC<DateIntervalProps>;
|
13
18
|
export {};
|
@@ -21,10 +21,21 @@ export var DateInterval = function DateInterval(_ref) {
|
|
21
21
|
type = _useState2[0],
|
22
22
|
setType = _useState2[1];
|
23
23
|
var onChangeDate = function onChangeDate(date, dateString) {
|
24
|
-
onChange === null || onChange === void 0 || onChange(
|
24
|
+
onChange === null || onChange === void 0 || onChange({
|
25
|
+
date: date,
|
26
|
+
dateString: dateString,
|
27
|
+
type: type
|
28
|
+
});
|
25
29
|
};
|
26
30
|
var onChangeTime = function onChangeTime(date, dateString) {
|
27
|
-
onChange === null || onChange === void 0 || onChange(
|
31
|
+
onChange === null || onChange === void 0 || onChange({
|
32
|
+
date: date,
|
33
|
+
dateString: dateString,
|
34
|
+
type: type
|
35
|
+
});
|
36
|
+
};
|
37
|
+
var handleSelectChange = function handleSelectChange(e) {
|
38
|
+
setType(e);
|
28
39
|
};
|
29
40
|
var datePickerMap = useMemo(function () {
|
30
41
|
return {
|
@@ -79,12 +90,8 @@ export var DateInterval = function DateInterval(_ref) {
|
|
79
90
|
onChange: onChangeDate
|
80
91
|
}))
|
81
92
|
};
|
82
|
-
}, []);
|
83
|
-
|
84
|
-
setType(e);
|
85
|
-
};
|
86
|
-
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Select, _extends({
|
87
|
-
defaultActiveFirstOption: true,
|
93
|
+
}, [type]);
|
94
|
+
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Select, {
|
88
95
|
value: type,
|
89
96
|
style: {
|
90
97
|
width: 92
|
@@ -109,5 +116,5 @@ export var DateInterval = function DateInterval(_ref) {
|
|
109
116
|
value: 'year'
|
110
117
|
}],
|
111
118
|
onChange: handleSelectChange
|
112
|
-
}
|
119
|
+
}), datePickerMap[type]);
|
113
120
|
};
|
@@ -2,13 +2,17 @@ import { RangePickerProps } from 'antd/es/date-picker';
|
|
2
2
|
import dayjs from 'dayjs';
|
3
3
|
import { FC } from 'react';
|
4
4
|
type PickerType = 'time' | 'date' | 'week' | 'month' | 'quarter' | 'year';
|
5
|
-
type DateRangeProps = {
|
5
|
+
export type DateRangeProps = RangePickerProps & {
|
6
6
|
options?: {
|
7
7
|
label: string;
|
8
8
|
value: PickerType;
|
9
9
|
}[];
|
10
10
|
value?: [dayjs.Dayjs, dayjs.Dayjs];
|
11
|
-
onChange?:
|
11
|
+
onChange?: (record: {
|
12
|
+
dates: [dayjs.Dayjs, dayjs.Dayjs];
|
13
|
+
dateStrings: [string, string];
|
14
|
+
type: PickerType;
|
15
|
+
}) => void;
|
12
16
|
};
|
13
17
|
export declare const DateRange: FC<DateRangeProps>;
|
14
18
|
export {};
|
package/dist/date-range/index.js
CHANGED
@@ -21,8 +21,11 @@ export var DateRange = function DateRange(_ref) {
|
|
21
21
|
type = _useState2[0],
|
22
22
|
setType = _useState2[1];
|
23
23
|
var onChangeDate = function onChangeDate(dates, dateStrings) {
|
24
|
-
|
25
|
-
|
24
|
+
onChange === null || onChange === void 0 || onChange({
|
25
|
+
dates: dates,
|
26
|
+
dateStrings: dateStrings,
|
27
|
+
type: type
|
28
|
+
});
|
26
29
|
};
|
27
30
|
var datePickerMap = useMemo(function () {
|
28
31
|
return {
|
@@ -76,11 +79,11 @@ export var DateRange = function DateRange(_ref) {
|
|
76
79
|
onChange: onChangeDate
|
77
80
|
}))
|
78
81
|
};
|
79
|
-
}, []);
|
82
|
+
}, [type]);
|
80
83
|
var handleSelectChange = function handleSelectChange(e) {
|
81
84
|
setType(e);
|
82
85
|
};
|
83
|
-
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Select,
|
86
|
+
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Select, {
|
84
87
|
value: type,
|
85
88
|
style: {
|
86
89
|
width: 92
|
@@ -105,5 +108,5 @@ export var DateRange = function DateRange(_ref) {
|
|
105
108
|
value: 'year'
|
106
109
|
}],
|
107
110
|
onChange: handleSelectChange
|
108
|
-
})
|
111
|
+
}), datePickerMap[type]);
|
109
112
|
};
|
package/dist/index.d.ts
CHANGED
@@ -101,6 +101,7 @@ export { Carousel } from './carousel';
|
|
101
101
|
export type { CarouselProps } from './carousel';
|
102
102
|
export { Dictionary } from './dictionary';
|
103
103
|
export { DateInterval } from './date-interval';
|
104
|
+
export type { DateIntervalProps } from './date-interval';
|
104
105
|
export { DrawerModal } from './drawer-modal';
|
105
106
|
export { Empty } from './empty';
|
106
107
|
export type { EmptyProps } from './empty';
|
@@ -156,6 +157,9 @@ export type { AppProps } from './app';
|
|
156
157
|
export { YearTerm } from './year-term';
|
157
158
|
export { YearOptions } from './year-options';
|
158
159
|
export { DateRange } from './date-range';
|
160
|
+
export type { DateRangeProps } from './date-range';
|
161
|
+
export { DatePicker } from './date-picker';
|
162
|
+
export type { DatePickerProps } from './date-picker';
|
159
163
|
export { Teacher } from './teacher';
|
160
164
|
export type { TeacherProps } from './teacher/types/types';
|
161
165
|
export { UserDropdown } from './user-dropdown';
|
package/dist/index.js
CHANGED
@@ -85,6 +85,7 @@ export { App } from "./app";
|
|
85
85
|
export { YearTerm } from "./year-term";
|
86
86
|
export { YearOptions } from "./year-options";
|
87
87
|
export { DateRange } from "./date-range";
|
88
|
+
export { DatePicker } from "./date-picker";
|
88
89
|
export { Teacher } from "./teacher";
|
89
90
|
export { UserDropdown } from "./user-dropdown";
|
90
91
|
export { ConfigProvider } from "./config-provider";
|