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.
@@ -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 DatePickerProps = {
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?: (date: dayjs.Dayjs, dateString: string | string[]) => void;
11
+ onChange?: (record: {
12
+ date: dayjs.Dayjs;
13
+ dateString: string | string[];
14
+ type: string;
15
+ }) => void;
11
16
  };
12
- export declare const DateInterval: FC<DatePickerProps>;
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(date, dateString);
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(date, dateString);
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
- var handleSelectChange = function handleSelectChange(e) {
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
- }, props)), datePickerMap[type]);
119
+ }), datePickerMap[type]);
113
120
  };
@@ -0,0 +1,4 @@
1
+ import { type DatePickerProps as AntDatePickerProps } from 'antd';
2
+ import { FC } from 'react';
3
+ export type DatePickerProps = AntDatePickerProps;
4
+ export declare const DatePicker: FC<DatePickerProps>;
@@ -0,0 +1,5 @@
1
+ import { DatePicker as AntDatePicker } from 'antd';
2
+ import React from 'react';
3
+ export var DatePicker = function DatePicker(props) {
4
+ return /*#__PURE__*/React.createElement(AntDatePicker, props);
5
+ };
@@ -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?: RangePickerProps['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 {};
@@ -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
- console.log(dates, dateStrings);
25
- onChange === null || onChange === void 0 || onChange(dates, dateStrings);
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, _extends({}, props, {
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
- })), datePickerMap[type]);
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";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "yootd",
3
- "version": "0.0.29",
3
+ "version": "0.0.31",
4
4
  "description": "A react library developed with dumi",
5
5
  "license": "MIT",
6
6
  "module": "dist/index.js",