yootd 0.0.29 → 0.0.30

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,14 @@
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
+ changeTime?: (date: dayjs.Dayjs, dateString: string | string[], type: string) => void;
11
12
  };
12
- export declare const DateInterval: FC<DatePickerProps>;
13
+ export declare const DateInterval: FC<DateIntervalProps>;
13
14
  export {};
@@ -1,4 +1,4 @@
1
- var _excluded = ["options", "onChange", "value"];
1
+ var _excluded = ["options", "changeTime", "value"];
2
2
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
3
3
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
4
4
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -13,7 +13,7 @@ import React, { useMemo, useState } from 'react';
13
13
  export var DateInterval = function DateInterval(_ref) {
14
14
  var _options$;
15
15
  var options = _ref.options,
16
- onChange = _ref.onChange,
16
+ changeTime = _ref.changeTime,
17
17
  value = _ref.value,
18
18
  props = _objectWithoutProperties(_ref, _excluded);
19
19
  var _useState = useState((options === null || options === void 0 || (_options$ = options[0]) === null || _options$ === void 0 ? void 0 : _options$.value) || 'time'),
@@ -21,10 +21,13 @@ 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
+ changeTime === null || changeTime === void 0 || changeTime(date, dateString, type);
25
25
  };
26
26
  var onChangeTime = function onChangeTime(date, dateString) {
27
- onChange === null || onChange === void 0 || onChange(date, dateString);
27
+ changeTime === null || changeTime === void 0 || changeTime(date, dateString, type);
28
+ };
29
+ var handleSelectChange = function handleSelectChange(e) {
30
+ setType(e);
28
31
  };
29
32
  var datePickerMap = useMemo(function () {
30
33
  return {
@@ -79,12 +82,8 @@ export var DateInterval = function DateInterval(_ref) {
79
82
  onChange: onChangeDate
80
83
  }))
81
84
  };
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,
85
+ }, [type]);
86
+ return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Select, {
88
87
  value: type,
89
88
  style: {
90
89
  width: 92
@@ -109,5 +108,5 @@ export var DateInterval = function DateInterval(_ref) {
109
108
  value: 'year'
110
109
  }],
111
110
  onChange: handleSelectChange
112
- }, props)), datePickerMap[type]);
111
+ }), datePickerMap[type]);
113
112
  };
@@ -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,13 @@ 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
+ changeTime?: (dates: [dayjs.Dayjs, dayjs.Dayjs], dateStrings: [string, string], type: PickerType) => void;
12
12
  };
13
13
  export declare const DateRange: FC<DateRangeProps>;
14
14
  export {};
@@ -1,4 +1,4 @@
1
- var _excluded = ["options", "value", "onChange"];
1
+ var _excluded = ["options", "value", "changeTime"];
2
2
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
3
3
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
4
4
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -14,15 +14,14 @@ export var DateRange = function DateRange(_ref) {
14
14
  var _options$;
15
15
  var options = _ref.options,
16
16
  value = _ref.value,
17
- onChange = _ref.onChange,
17
+ changeTime = _ref.changeTime,
18
18
  props = _objectWithoutProperties(_ref, _excluded);
19
19
  var _useState = useState((options === null || options === void 0 || (_options$ = options[0]) === null || _options$ === void 0 ? void 0 : _options$.value) || 'time'),
20
20
  _useState2 = _slicedToArray(_useState, 2),
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
+ changeTime === null || changeTime === void 0 || changeTime(dates, dateStrings, type);
26
25
  };
27
26
  var datePickerMap = useMemo(function () {
28
27
  return {
@@ -76,11 +75,11 @@ export var DateRange = function DateRange(_ref) {
76
75
  onChange: onChangeDate
77
76
  }))
78
77
  };
79
- }, []);
78
+ }, [type]);
80
79
  var handleSelectChange = function handleSelectChange(e) {
81
80
  setType(e);
82
81
  };
83
- return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Select, _extends({}, props, {
82
+ return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Select, {
84
83
  value: type,
85
84
  style: {
86
85
  width: 92
@@ -105,5 +104,5 @@ export var DateRange = function DateRange(_ref) {
105
104
  value: 'year'
106
105
  }],
107
106
  onChange: handleSelectChange
108
- })), datePickerMap[type]);
107
+ }), datePickerMap[type]);
109
108
  };
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.30",
4
4
  "description": "A react library developed with dumi",
5
5
  "license": "MIT",
6
6
  "module": "dist/index.js",