@pisell/date-picker 1.0.35 → 1.0.36
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/es/ActionBar/index.d.ts +1 -0
- package/es/ActionBar/index.js +2 -4
- package/es/PisellDateRangePicker/index.d.ts +0 -6
- package/es/PisellDateRangePicker/index.js +1 -9
- package/es/PisellDateRangePicker/index.less +6 -6
- package/es/Shortcuts/index.d.ts +1 -0
- package/es/dateRangeViewRenderers/dateRangeViewRenderers.d.ts +1 -0
- package/es/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.d.ts +1 -0
- package/es/internals/hooks/useMobileRangePicker/useMobileRangePicker.d.ts +1 -0
- package/es/internals/hooks/useStaticRangePicker/useStaticRangePicker.d.ts +1 -0
- package/lib/ActionBar/index.d.ts +1 -0
- package/lib/ActionBar/index.js +2 -4
- package/lib/PisellDateRangePicker/index.d.ts +0 -6
- package/lib/PisellDateRangePicker/index.js +1 -9
- package/lib/PisellDateRangePicker/index.less +6 -6
- package/lib/Shortcuts/index.d.ts +1 -0
- package/lib/dateRangeViewRenderers/dateRangeViewRenderers.d.ts +1 -0
- package/lib/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.d.ts +1 -0
- package/lib/internals/hooks/useMobileRangePicker/useMobileRangePicker.d.ts +1 -0
- package/lib/internals/hooks/useStaticRangePicker/useStaticRangePicker.d.ts +1 -0
- package/package.json +2 -2
package/es/ActionBar/index.d.ts
CHANGED
package/es/ActionBar/index.js
CHANGED
|
@@ -82,15 +82,13 @@ var ActionBar = function ActionBar(props) {
|
|
|
82
82
|
}, startTimeProps, {
|
|
83
83
|
value: value[0],
|
|
84
84
|
popupClassName: "date-picker-action-bar-time-picker-popup",
|
|
85
|
-
onChange: handleStartChange
|
|
86
|
-
inputReadOnly: true
|
|
85
|
+
onChange: handleStartChange
|
|
87
86
|
})), /*#__PURE__*/React.createElement(TimePicker, _extends({
|
|
88
87
|
placeholder: getText("action-bar-end.time")
|
|
89
88
|
}, endTimeProps, {
|
|
90
89
|
value: value[1],
|
|
91
90
|
popupClassName: "date-picker-action-bar-time-picker-popup",
|
|
92
|
-
onChange: handleEndChange
|
|
93
|
-
inputReadOnly: true
|
|
91
|
+
onChange: handleEndChange
|
|
94
92
|
}))) : /*#__PURE__*/React.createElement("div", null)), /*#__PURE__*/React.createElement(Space, {
|
|
95
93
|
style: _objectSpread(_objectSpread({}, spaceStyle), {}, {
|
|
96
94
|
margin: 0
|
|
@@ -34,18 +34,12 @@ export interface PisellDateRangePickerProps {
|
|
|
34
34
|
open?: boolean;
|
|
35
35
|
/** 关闭回调 */
|
|
36
36
|
onClose?: () => void;
|
|
37
|
-
/** 打开回调 */
|
|
38
|
-
onOpen?: () => void;
|
|
39
37
|
/** 弹窗宽度 */
|
|
40
38
|
popupWidth?: number;
|
|
41
39
|
/** 最小日期 */
|
|
42
40
|
minDate?: Dayjs;
|
|
43
41
|
/** 最大日期 */
|
|
44
42
|
maxDate?: Dayjs;
|
|
45
|
-
/** 月份切换事件 */
|
|
46
|
-
onMonthChange?: (value: Dayjs) => void;
|
|
47
|
-
/** 额外的弹出日历 className */
|
|
48
|
-
popupClassName?: string;
|
|
49
43
|
}
|
|
50
44
|
declare const PisellDateRangePicker: (props: PisellDateRangePickerProps) => JSX.Element;
|
|
51
45
|
export default PisellDateRangePicker;
|
|
@@ -45,10 +45,7 @@ var PisellDateRangePicker = function PisellDateRangePicker(props) {
|
|
|
45
45
|
popupWidth = _props$popupWidth === void 0 ? 625 : _props$popupWidth,
|
|
46
46
|
clearEndOnSelection = props.clearEndOnSelection,
|
|
47
47
|
minDate = props.minDate,
|
|
48
|
-
maxDate = props.maxDate
|
|
49
|
-
onOpen = props.onOpen,
|
|
50
|
-
onMonthChange = props.onMonthChange,
|
|
51
|
-
popupClassName = props.popupClassName;
|
|
48
|
+
maxDate = props.maxDate;
|
|
52
49
|
var _useState = useState(propsOpen !== null && propsOpen !== void 0 ? propsOpen : false),
|
|
53
50
|
_useState2 = _slicedToArray(_useState, 2),
|
|
54
51
|
open = _useState2[0],
|
|
@@ -67,7 +64,6 @@ var PisellDateRangePicker = function PisellDateRangePicker(props) {
|
|
|
67
64
|
}, [propsValue]);
|
|
68
65
|
var handleOpen = function handleOpen() {
|
|
69
66
|
setOpen(true);
|
|
70
|
-
onOpen === null || onOpen === void 0 ? void 0 : onOpen();
|
|
71
67
|
};
|
|
72
68
|
var handleClose = function handleClose() {
|
|
73
69
|
setOpen(false);
|
|
@@ -125,7 +121,6 @@ var PisellDateRangePicker = function PisellDateRangePicker(props) {
|
|
|
125
121
|
// defaultValue={defaultValue}
|
|
126
122
|
// key={`${_value?.[0]?.valueOf()}-${_value?.[1]?.valueOf()}`}
|
|
127
123
|
, {
|
|
128
|
-
onMonthChange: onMonthChange,
|
|
129
124
|
minDate: minDate,
|
|
130
125
|
maxDate: maxDate,
|
|
131
126
|
format: format,
|
|
@@ -169,9 +164,6 @@ var PisellDateRangePicker = function PisellDateRangePicker(props) {
|
|
|
169
164
|
InputProps: {
|
|
170
165
|
endAdornment: suffixIcon
|
|
171
166
|
}
|
|
172
|
-
},
|
|
173
|
-
popper: {
|
|
174
|
-
className: popupClassName
|
|
175
167
|
}
|
|
176
168
|
}
|
|
177
169
|
}));
|
|
@@ -16,12 +16,12 @@
|
|
|
16
16
|
}
|
|
17
17
|
.MuiOutlinedInput-notchedOutline {
|
|
18
18
|
legend {
|
|
19
|
-
color: inherit
|
|
20
|
-
width: auto
|
|
21
|
-
margin-bottom: 0.5em
|
|
22
|
-
font-size: 1.5em
|
|
23
|
-
line-height: 11px
|
|
24
|
-
border: none
|
|
19
|
+
color: inherit;
|
|
20
|
+
width: auto;
|
|
21
|
+
margin-bottom: 0.5em;
|
|
22
|
+
font-size: 1.5em;
|
|
23
|
+
line-height: 11px;
|
|
24
|
+
border: none;
|
|
25
25
|
}
|
|
26
26
|
}
|
|
27
27
|
|
package/es/Shortcuts/index.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
|
|
2
3
|
import { DateRangeCalendarProps } from '../DateRangeCalendar';
|
|
3
4
|
export interface DateRangeViewRendererProps<TDate, TView extends DateOrTimeViewWithMeridiem> extends DateRangeCalendarProps<TDate> {
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
|
|
2
3
|
import { UseDesktopRangePickerParams, UseDesktopRangePickerProps } from './useDesktopRangePicker.types';
|
|
3
4
|
export declare const useDesktopRangePicker: <TDate, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseDesktopRangePickerProps<TDate, TView, any, TExternalProps>>({ props, ...pickerParams }: UseDesktopRangePickerParams<TDate, TView, TExternalProps>) => {
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
|
|
2
3
|
import { UseMobileRangePickerParams, UseMobileRangePickerProps } from './useMobileRangePicker.types';
|
|
3
4
|
export declare const useMobileRangePicker: <TDate, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseMobileRangePickerProps<TDate, TView, any, TExternalProps>>({ props, ...pickerParams }: UseMobileRangePickerParams<TDate, TView, TExternalProps>) => {
|
package/lib/ActionBar/index.d.ts
CHANGED
package/lib/ActionBar/index.js
CHANGED
|
@@ -92,8 +92,7 @@ var ActionBar = (props) => {
|
|
|
92
92
|
...startTimeProps,
|
|
93
93
|
value: value[0],
|
|
94
94
|
popupClassName: "date-picker-action-bar-time-picker-popup",
|
|
95
|
-
onChange: handleStartChange
|
|
96
|
-
inputReadOnly: true
|
|
95
|
+
onChange: handleStartChange
|
|
97
96
|
}
|
|
98
97
|
), /* @__PURE__ */ import_react.default.createElement(
|
|
99
98
|
import_antd.TimePicker,
|
|
@@ -102,8 +101,7 @@ var ActionBar = (props) => {
|
|
|
102
101
|
...endTimeProps,
|
|
103
102
|
value: value[1],
|
|
104
103
|
popupClassName: "date-picker-action-bar-time-picker-popup",
|
|
105
|
-
onChange: handleEndChange
|
|
106
|
-
inputReadOnly: true
|
|
104
|
+
onChange: handleEndChange
|
|
107
105
|
}
|
|
108
106
|
)) : /* @__PURE__ */ import_react.default.createElement("div", null)),
|
|
109
107
|
/* @__PURE__ */ import_react.default.createElement(import_antd.Space, { style: { ...spaceStyle, margin: 0 } }, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { onClick: onCancel }, (0, import_locales.getText)("action-bar-cancel")), /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { type: "primary", onClick: onOk }, (0, import_locales.getText)("action-bar-apply")))
|
|
@@ -34,18 +34,12 @@ export interface PisellDateRangePickerProps {
|
|
|
34
34
|
open?: boolean;
|
|
35
35
|
/** 关闭回调 */
|
|
36
36
|
onClose?: () => void;
|
|
37
|
-
/** 打开回调 */
|
|
38
|
-
onOpen?: () => void;
|
|
39
37
|
/** 弹窗宽度 */
|
|
40
38
|
popupWidth?: number;
|
|
41
39
|
/** 最小日期 */
|
|
42
40
|
minDate?: Dayjs;
|
|
43
41
|
/** 最大日期 */
|
|
44
42
|
maxDate?: Dayjs;
|
|
45
|
-
/** 月份切换事件 */
|
|
46
|
-
onMonthChange?: (value: Dayjs) => void;
|
|
47
|
-
/** 额外的弹出日历 className */
|
|
48
|
-
popupClassName?: string;
|
|
49
43
|
}
|
|
50
44
|
declare const PisellDateRangePicker: (props: PisellDateRangePickerProps) => JSX.Element;
|
|
51
45
|
export default PisellDateRangePicker;
|
|
@@ -68,10 +68,7 @@ var PisellDateRangePicker = (props) => {
|
|
|
68
68
|
popupWidth = 625,
|
|
69
69
|
clearEndOnSelection,
|
|
70
70
|
minDate,
|
|
71
|
-
maxDate
|
|
72
|
-
onOpen,
|
|
73
|
-
onMonthChange,
|
|
74
|
-
popupClassName
|
|
71
|
+
maxDate
|
|
75
72
|
} = props;
|
|
76
73
|
const [open, setOpen] = (0, import_react.useState)(propsOpen ?? false);
|
|
77
74
|
(0, import_react.useEffect)(() => {
|
|
@@ -85,7 +82,6 @@ var PisellDateRangePicker = (props) => {
|
|
|
85
82
|
}, [propsValue]);
|
|
86
83
|
const handleOpen = () => {
|
|
87
84
|
setOpen(true);
|
|
88
|
-
onOpen == null ? void 0 : onOpen();
|
|
89
85
|
};
|
|
90
86
|
const handleClose = () => {
|
|
91
87
|
setOpen(false);
|
|
@@ -144,7 +140,6 @@ var PisellDateRangePicker = (props) => {
|
|
|
144
140
|
/* @__PURE__ */ import_react.default.createElement(
|
|
145
141
|
import_DateRangePicker.DateRangePicker,
|
|
146
142
|
{
|
|
147
|
-
onMonthChange,
|
|
148
143
|
minDate,
|
|
149
144
|
maxDate,
|
|
150
145
|
format,
|
|
@@ -186,9 +181,6 @@ var PisellDateRangePicker = (props) => {
|
|
|
186
181
|
InputProps: {
|
|
187
182
|
endAdornment: suffixIcon
|
|
188
183
|
}
|
|
189
|
-
},
|
|
190
|
-
popper: {
|
|
191
|
-
className: popupClassName
|
|
192
184
|
}
|
|
193
185
|
}
|
|
194
186
|
}
|
|
@@ -16,12 +16,12 @@
|
|
|
16
16
|
}
|
|
17
17
|
.MuiOutlinedInput-notchedOutline {
|
|
18
18
|
legend {
|
|
19
|
-
color: inherit
|
|
20
|
-
width: auto
|
|
21
|
-
margin-bottom: 0.5em
|
|
22
|
-
font-size: 1.5em
|
|
23
|
-
line-height: 11px
|
|
24
|
-
border: none
|
|
19
|
+
color: inherit;
|
|
20
|
+
width: auto;
|
|
21
|
+
margin-bottom: 0.5em;
|
|
22
|
+
font-size: 1.5em;
|
|
23
|
+
line-height: 11px;
|
|
24
|
+
border: none;
|
|
25
25
|
}
|
|
26
26
|
}
|
|
27
27
|
|
package/lib/Shortcuts/index.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
|
|
2
3
|
import { DateRangeCalendarProps } from '../DateRangeCalendar';
|
|
3
4
|
export interface DateRangeViewRendererProps<TDate, TView extends DateOrTimeViewWithMeridiem> extends DateRangeCalendarProps<TDate> {
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
|
|
2
3
|
import { UseDesktopRangePickerParams, UseDesktopRangePickerProps } from './useDesktopRangePicker.types';
|
|
3
4
|
export declare const useDesktopRangePicker: <TDate, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseDesktopRangePickerProps<TDate, TView, any, TExternalProps>>({ props, ...pickerParams }: UseDesktopRangePickerParams<TDate, TView, TExternalProps>) => {
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
|
|
2
3
|
import { UseMobileRangePickerParams, UseMobileRangePickerProps } from './useMobileRangePicker.types';
|
|
3
4
|
export declare const useMobileRangePicker: <TDate, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseMobileRangePickerProps<TDate, TView, any, TExternalProps>>({ props, ...pickerParams }: UseMobileRangePickerParams<TDate, TView, TExternalProps>) => {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pisell/date-picker",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.36",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.less"
|
|
6
6
|
],
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"antd": "^5.5.0",
|
|
27
27
|
"react": "^18.0.0",
|
|
28
28
|
"react-dom": "^18.0.0",
|
|
29
|
-
"@pisell/utils": "1.0.
|
|
29
|
+
"@pisell/utils": "1.0.7"
|
|
30
30
|
},
|
|
31
31
|
"files": [
|
|
32
32
|
"es",
|