@pisell/date-picker 3.0.8 → 3.0.10
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 +14 -1
- package/es/ActionBar/index.js +41 -28
- package/es/ActionBar/index.less +31 -9
- package/es/CustomCalendarHeader/index.d.ts +2 -1
- package/es/Dialog/index.d.ts +2 -1
- package/es/Drawer/index.d.ts +1 -1
- package/es/OldActionBar/index.d.ts +2 -1
- package/es/OldPisellDateRangePicker/index.d.ts +1 -1
- package/es/PisellDateRangePicker/index.d.ts +10 -1
- package/es/PisellDateRangePicker/index.js +10 -3
- package/es/Shortcuts/index.d.ts +2 -1
- package/es/Toolbar/index.d.ts +2 -1
- package/es/browserSelect/index.d.ts +1 -1
- package/es/dateRangeViewRenderers/dateRangeViewRenderers.d.ts +2 -1
- package/es/icon/ChevronLeft.d.ts +2 -1
- package/es/icon/ChevronLeftDouble.d.ts +2 -1
- package/es/icon/ChevronRight.d.ts +2 -1
- package/es/icon/ChevronRightDouble.d.ts +2 -1
- package/es/icon/CloseCircle.d.ts +2 -1
- package/es/internals/hooks/useStaticRangePicker/useStaticRangePicker.d.ts +2 -1
- package/es/locales/index.js +19 -11
- package/es/locales/ja.d.ts +26 -0
- package/es/locales/ja.js +25 -0
- package/es/locales/pt.d.ts +26 -0
- package/es/locales/pt.js +25 -0
- package/es/utils/index.d.ts +2 -2
- package/es/utils/index.js +3 -3
- package/lib/ActionBar/index.d.ts +14 -1
- package/lib/ActionBar/index.js +50 -35
- package/lib/ActionBar/index.less +31 -9
- package/lib/CustomCalendarHeader/index.d.ts +2 -1
- package/lib/Dialog/index.d.ts +2 -1
- package/lib/Drawer/index.d.ts +1 -1
- package/lib/OldActionBar/index.d.ts +2 -1
- package/lib/OldPisellDateRangePicker/index.d.ts +1 -1
- package/lib/PisellDateRangePicker/index.d.ts +10 -1
- package/lib/PisellDateRangePicker/index.js +10 -3
- package/lib/Shortcuts/index.d.ts +2 -1
- package/lib/Toolbar/index.d.ts +2 -1
- package/lib/browserSelect/index.d.ts +1 -1
- package/lib/dateRangeViewRenderers/dateRangeViewRenderers.d.ts +2 -1
- package/lib/icon/ChevronLeft.d.ts +2 -1
- package/lib/icon/ChevronLeftDouble.d.ts +2 -1
- package/lib/icon/ChevronRight.d.ts +2 -1
- package/lib/icon/ChevronRightDouble.d.ts +2 -1
- package/lib/icon/CloseCircle.d.ts +2 -1
- package/lib/internals/hooks/useStaticRangePicker/useStaticRangePicker.d.ts +2 -1
- package/lib/locales/index.js +12 -4
- package/lib/locales/ja.d.ts +26 -0
- package/lib/locales/ja.js +49 -0
- package/lib/locales/pt.d.ts +26 -0
- package/lib/locales/pt.js +49 -0
- package/lib/utils/index.d.ts +2 -2
- package/package.json +2 -2
- package/es/DateRangePickerDay/DateRangePickerDay.d.ts +0 -50
- package/es/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.d.ts +0 -5
- package/es/internals/hooks/useMobileRangePicker/useMobileRangePicker.d.ts +0 -5
- package/es/themeAugmentation/index.d.ts +0 -4
- package/lib/DateRangePickerDay/DateRangePickerDay.d.ts +0 -50
- package/lib/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.d.ts +0 -5
- package/lib/internals/hooks/useMobileRangePicker/useMobileRangePicker.d.ts +0 -5
- package/lib/themeAugmentation/index.d.ts +0 -4
package/lib/ActionBar/index.js
CHANGED
|
@@ -41,7 +41,7 @@ var import_dayjs = __toESM(require("dayjs"));
|
|
|
41
41
|
var import_locales = require("../locales");
|
|
42
42
|
var import_index = require("./index.less");
|
|
43
43
|
var ActionBar = (props) => {
|
|
44
|
-
var _a, _b;
|
|
44
|
+
var _a, _b, _c, _d;
|
|
45
45
|
const {
|
|
46
46
|
ownerState,
|
|
47
47
|
onCancel,
|
|
@@ -51,7 +51,9 @@ var ActionBar = (props) => {
|
|
|
51
51
|
value = [],
|
|
52
52
|
okButtonProps,
|
|
53
53
|
cancelButtonProps,
|
|
54
|
-
isDesktop
|
|
54
|
+
isDesktop,
|
|
55
|
+
timeInputComponent: TimeInputComponent,
|
|
56
|
+
timeInputProps
|
|
55
57
|
} = props;
|
|
56
58
|
const local = (0, import_react.useContext)(import_x_date_pickers.MuiPickersAdapterContext);
|
|
57
59
|
const locale = (0, import_react.useMemo)(() => {
|
|
@@ -108,22 +110,41 @@ var ActionBar = (props) => {
|
|
|
108
110
|
format: "HH:mm"
|
|
109
111
|
};
|
|
110
112
|
}, [showTime]);
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
inputReadOnly: true
|
|
113
|
+
const renderTimeInput = (currentValue, onTimeChange, pickerProps, placeholder, popupClassName) => {
|
|
114
|
+
if (TimeInputComponent) {
|
|
115
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
116
|
+
TimeInputComponent,
|
|
117
|
+
{
|
|
118
|
+
...timeInputProps,
|
|
119
|
+
value: currentValue == null ? void 0 : currentValue.format("HH:mm"),
|
|
120
|
+
onChange: (nextTime) => {
|
|
121
|
+
if (!nextTime) return;
|
|
122
|
+
onTimeChange((0, import_dayjs.default)(nextTime, "HH:mm"));
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
);
|
|
125
126
|
}
|
|
126
|
-
|
|
127
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
128
|
+
import_antd.TimePicker,
|
|
129
|
+
{
|
|
130
|
+
placeholder,
|
|
131
|
+
...pickerProps,
|
|
132
|
+
changeOnBlur: true,
|
|
133
|
+
value: currentValue,
|
|
134
|
+
size: "large",
|
|
135
|
+
popupClassName,
|
|
136
|
+
onChange: onTimeChange,
|
|
137
|
+
inputReadOnly: true
|
|
138
|
+
}
|
|
139
|
+
);
|
|
140
|
+
};
|
|
141
|
+
return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, showTime ? /* @__PURE__ */ import_react.default.createElement("div", { className: "date-picker-action-time" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "date-picker-action-time-item" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "date-picker-action-time-item-label" }, (0, import_locales.getText)("action-bar-start.time", import_locales.pLocaleMap[locale])), isDesktop ? renderTimeInput(
|
|
142
|
+
value[0],
|
|
143
|
+
handleStartChange,
|
|
144
|
+
startTimeProps,
|
|
145
|
+
(0, import_locales.getText)("action-bar-start.time", import_locales.pLocaleMap[locale]),
|
|
146
|
+
"date-picker-action-bar-time-picker-popup"
|
|
147
|
+
) : /* @__PURE__ */ import_react.default.createElement("div", { className: "date-picker-time-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "date-picker-time-display" }, ((_a = value[0]) == null ? void 0 : _a.format("HH:mm")) || "--:--"), /* @__PURE__ */ import_react.default.createElement(
|
|
127
148
|
"input",
|
|
128
149
|
{
|
|
129
150
|
type: "time",
|
|
@@ -131,22 +152,16 @@ var ActionBar = (props) => {
|
|
|
131
152
|
const val = e.target.value;
|
|
132
153
|
handleStartChange((0, import_dayjs.default)(val, "HH:mm"));
|
|
133
154
|
},
|
|
134
|
-
className: "date-picker-input-time",
|
|
135
|
-
value: (
|
|
136
|
-
}
|
|
137
|
-
)), /* @__PURE__ */ import_react.default.createElement("div", { className: "date-picker-action-time-item" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "date-picker-action-time-item-label" }, (0, import_locales.getText)("action-bar-end.time", import_locales.pLocaleMap[locale])), isDesktop ? /* @__PURE__ */ import_react.default.createElement(
|
|
138
|
-
import_antd.TimePicker,
|
|
139
|
-
{
|
|
140
|
-
placeholder: (0, import_locales.getText)("action-bar-end.time", import_locales.pLocaleMap[locale]),
|
|
141
|
-
...endTimeProps,
|
|
142
|
-
changeOnBlur: true,
|
|
143
|
-
value: value[1],
|
|
144
|
-
size: "large",
|
|
145
|
-
popupClassName: "date-picker-action-bar-time-picker-popup",
|
|
146
|
-
onChange: handleEndChange,
|
|
147
|
-
inputReadOnly: true
|
|
155
|
+
className: "date-picker-input-time-native",
|
|
156
|
+
value: (_b = value[0]) == null ? void 0 : _b.format("HH:mm")
|
|
148
157
|
}
|
|
149
|
-
) : /* @__PURE__ */ import_react.default.createElement(
|
|
158
|
+
))), /* @__PURE__ */ import_react.default.createElement("div", { className: "date-picker-action-time-item" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "date-picker-action-time-item-label" }, (0, import_locales.getText)("action-bar-end.time", import_locales.pLocaleMap[locale])), isDesktop ? renderTimeInput(
|
|
159
|
+
value[1],
|
|
160
|
+
handleEndChange,
|
|
161
|
+
endTimeProps,
|
|
162
|
+
(0, import_locales.getText)("action-bar-end.time", import_locales.pLocaleMap[locale]),
|
|
163
|
+
"date-picker-action-bar-time-picker-popup"
|
|
164
|
+
) : /* @__PURE__ */ import_react.default.createElement("div", { className: "date-picker-time-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "date-picker-time-display" }, ((_c = value[1]) == null ? void 0 : _c.format("HH:mm")) || "--:--"), /* @__PURE__ */ import_react.default.createElement(
|
|
150
165
|
"input",
|
|
151
166
|
{
|
|
152
167
|
type: "time",
|
|
@@ -154,10 +169,10 @@ var ActionBar = (props) => {
|
|
|
154
169
|
const val = e.target.value;
|
|
155
170
|
handleEndChange((0, import_dayjs.default)(val, "HH:mm"));
|
|
156
171
|
},
|
|
157
|
-
className: "date-picker-input-time",
|
|
158
|
-
value: (
|
|
172
|
+
className: "date-picker-input-time-native",
|
|
173
|
+
value: (_d = value[1]) == null ? void 0 : _d.format("HH:mm")
|
|
159
174
|
}
|
|
160
|
-
))) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(props.className, "date-picker-action-bar") }, /* @__PURE__ */ import_react.default.createElement(
|
|
175
|
+
)))) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(props.className, "date-picker-action-bar") }, /* @__PURE__ */ import_react.default.createElement(
|
|
161
176
|
"div",
|
|
162
177
|
{
|
|
163
178
|
className: "date-picker-action-bar-right",
|
package/lib/ActionBar/index.less
CHANGED
|
@@ -27,17 +27,39 @@
|
|
|
27
27
|
flex-direction: column;
|
|
28
28
|
gap: 8px;
|
|
29
29
|
flex: 1;
|
|
30
|
-
.date-picker-
|
|
31
|
-
|
|
32
|
-
background: #ffffff;
|
|
33
|
-
border: 1px solid #D0D5DD;
|
|
34
|
-
border-radius: 8px;
|
|
35
|
-
height: 40px;
|
|
36
|
-
line-height: 40px;
|
|
30
|
+
.date-picker-time-wrapper {
|
|
31
|
+
position: relative;
|
|
37
32
|
width: 100%;
|
|
38
|
-
display: block;
|
|
39
33
|
min-width: 160px;
|
|
40
|
-
|
|
34
|
+
|
|
35
|
+
.date-picker-time-display {
|
|
36
|
+
display: flex;
|
|
37
|
+
align-items: center;
|
|
38
|
+
height: 40px;
|
|
39
|
+
padding: 0 11px;
|
|
40
|
+
background: #ffffff;
|
|
41
|
+
border: 1px solid #D0D5DD;
|
|
42
|
+
border-radius: 8px;
|
|
43
|
+
font-size: 16px;
|
|
44
|
+
color: rgba(0, 0, 0, 0.88);
|
|
45
|
+
pointer-events: none;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.date-picker-input-time-native {
|
|
49
|
+
position: absolute;
|
|
50
|
+
top: 0;
|
|
51
|
+
left: 0;
|
|
52
|
+
width: 100%;
|
|
53
|
+
height: 100%;
|
|
54
|
+
opacity: 0;
|
|
55
|
+
cursor: pointer;
|
|
56
|
+
-webkit-appearance: none;
|
|
57
|
+
appearance: none;
|
|
58
|
+
border: none;
|
|
59
|
+
padding: 0;
|
|
60
|
+
margin: 0;
|
|
61
|
+
font-size: 16px; // 防止 iOS focus 时页面缩放
|
|
62
|
+
}
|
|
41
63
|
}
|
|
42
64
|
.date-picker-action-time-item-label {
|
|
43
65
|
color: var(--Gray-700, #344054);
|
package/lib/Dialog/index.d.ts
CHANGED
package/lib/Drawer/index.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import { ButtonProps } from "antd";
|
|
2
3
|
import { Dayjs } from "dayjs";
|
|
3
4
|
import "./index.less";
|
|
@@ -14,5 +15,5 @@ interface ActionBarProps {
|
|
|
14
15
|
okButtonProps?: ButtonProps;
|
|
15
16
|
cancelButtonProps?: ButtonProps;
|
|
16
17
|
}
|
|
17
|
-
declare const ActionBar: (props: ActionBarProps) => JSX.Element;
|
|
18
|
+
declare const ActionBar: (props: ActionBarProps) => React.JSX.Element;
|
|
18
19
|
export default ActionBar;
|
|
@@ -75,5 +75,5 @@ export interface PisellDateRangePickerProps {
|
|
|
75
75
|
/** 输入框只读 */
|
|
76
76
|
inputReadOnly: boolean;
|
|
77
77
|
}
|
|
78
|
-
declare const PisellDateRangePicker: (props: PisellDateRangePickerProps) => JSX.Element;
|
|
78
|
+
declare const PisellDateRangePicker: (props: PisellDateRangePickerProps) => React.JSX.Element;
|
|
79
79
|
export default PisellDateRangePicker;
|
|
@@ -2,6 +2,7 @@ import { Dayjs } from 'dayjs';
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { ButtonProps } from 'antd';
|
|
4
4
|
import { PopperPlacementType } from '@mui/base/Popper/Popper.types';
|
|
5
|
+
import type { DateRangeTimeInputProps } from '../ActionBar';
|
|
5
6
|
import { PresetType } from '../Shortcuts';
|
|
6
7
|
import 'dayjs/locale/zh-cn';
|
|
7
8
|
import 'dayjs/locale/en';
|
|
@@ -65,6 +66,14 @@ export interface PisellDateRangePickerProps {
|
|
|
65
66
|
* @example '@media (min-width: 720px)' or theme.breakpoints.up("sm")
|
|
66
67
|
*/
|
|
67
68
|
desktopModeMediaQuery?: string;
|
|
69
|
+
/** 桌面端展示的日历数量:单日 1 个,多日 2 个 */
|
|
70
|
+
calendars?: 1 | 2 | 3;
|
|
71
|
+
/** 自定义弹层底部时间输入组件;不传则使用默认 antd TimePicker */
|
|
72
|
+
timeInputComponent?: React.ComponentType<DateRangeTimeInputProps>;
|
|
73
|
+
/** 自定义时间输入组件 props */
|
|
74
|
+
timeInputProps?: Omit<DateRangeTimeInputProps, 'value' | 'onChange'>;
|
|
75
|
+
/** showTime 模式下是否仍展示弹层顶部 Starting/Ending 日期输入区 */
|
|
76
|
+
showToolbarWhenShowTime?: boolean;
|
|
68
77
|
style?: React.CSSProperties;
|
|
69
78
|
/** 是否展示清除按钮 */
|
|
70
79
|
allowClear?: boolean;
|
|
@@ -79,5 +88,5 @@ export interface PisellDateRangePickerProps {
|
|
|
79
88
|
isHideCustomSelect?: boolean;
|
|
80
89
|
endDateDays?: number;
|
|
81
90
|
}
|
|
82
|
-
declare const PisellDateRangePicker: (props: PisellDateRangePickerProps) => JSX.Element;
|
|
91
|
+
declare const PisellDateRangePicker: (props: PisellDateRangePickerProps) => React.JSX.Element;
|
|
83
92
|
export default PisellDateRangePicker;
|
|
@@ -92,6 +92,10 @@ var PisellDateRangePicker = (props) => {
|
|
|
92
92
|
cancelButtonProps,
|
|
93
93
|
onDateChange,
|
|
94
94
|
desktopModeMediaQuery,
|
|
95
|
+
calendars,
|
|
96
|
+
timeInputComponent,
|
|
97
|
+
timeInputProps,
|
|
98
|
+
showToolbarWhenShowTime,
|
|
95
99
|
style,
|
|
96
100
|
allowClear,
|
|
97
101
|
disablePortal,
|
|
@@ -232,7 +236,7 @@ var PisellDateRangePicker = (props) => {
|
|
|
232
236
|
if (inputReadOnly) {
|
|
233
237
|
return {
|
|
234
238
|
readOnly: true,
|
|
235
|
-
selectedSections:
|
|
239
|
+
selectedSections: null
|
|
236
240
|
};
|
|
237
241
|
}
|
|
238
242
|
return {};
|
|
@@ -276,6 +280,7 @@ var PisellDateRangePicker = (props) => {
|
|
|
276
280
|
onMonthChange,
|
|
277
281
|
minDate,
|
|
278
282
|
maxDate,
|
|
283
|
+
calendars,
|
|
279
284
|
format,
|
|
280
285
|
label: placeholder,
|
|
281
286
|
value: _value,
|
|
@@ -316,10 +321,12 @@ var PisellDateRangePicker = (props) => {
|
|
|
316
321
|
onChange: handleChange,
|
|
317
322
|
value: _value,
|
|
318
323
|
okButtonProps,
|
|
319
|
-
cancelButtonProps
|
|
324
|
+
cancelButtonProps,
|
|
325
|
+
timeInputComponent,
|
|
326
|
+
timeInputProps
|
|
320
327
|
},
|
|
321
328
|
toolbar: {
|
|
322
|
-
hidden: showTime,
|
|
329
|
+
hidden: showTime && !showToolbarWhenShowTime,
|
|
323
330
|
presetItems: _presets,
|
|
324
331
|
format,
|
|
325
332
|
locale,
|
package/lib/Shortcuts/index.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import "./index.less";
|
|
2
3
|
import { Dayjs } from "dayjs";
|
|
3
4
|
export declare type PresetType = {
|
|
@@ -11,5 +12,5 @@ interface ShortcutsProps {
|
|
|
11
12
|
onChange: (day: [Dayjs, Dayjs], changeImportance?: "accept" | "set") => void;
|
|
12
13
|
changeImportance?: "accept" | "set";
|
|
13
14
|
}
|
|
14
|
-
declare const Shortcuts: (props: ShortcutsProps) => JSX.Element | null;
|
|
15
|
+
declare const Shortcuts: (props: ShortcutsProps) => React.JSX.Element | null;
|
|
15
16
|
export default Shortcuts;
|
package/lib/Toolbar/index.d.ts
CHANGED
|
@@ -11,5 +11,5 @@ interface BrowserSelectProps extends React.DetailedHTMLProps<React.SelectHTMLAtt
|
|
|
11
11
|
* @Author: zhiwei.Wang
|
|
12
12
|
* @Date: 2024-01-30 16:43
|
|
13
13
|
*/
|
|
14
|
-
declare const BrowserSelect: (props: BrowserSelectProps) => JSX.Element;
|
|
14
|
+
declare const BrowserSelect: (props: BrowserSelectProps) => React.JSX.Element;
|
|
15
15
|
export default BrowserSelect;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import * as React from '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> {
|
|
@@ -9,4 +10,4 @@ export interface DateRangeViewRendererProps<TDate, TView extends DateOrTimeViewW
|
|
|
9
10
|
* We don't pass all the props down to `DateRangeCalendar`,
|
|
10
11
|
* because otherwise some unwanted props would be passed to the HTML element.
|
|
11
12
|
*/
|
|
12
|
-
export declare const renderDateRangeViewCalendar: <TDate extends unknown>({ value, defaultValue, onChange, className, classes, disableFuture, disablePast, minDate, maxDate, shouldDisableDate, reduceAnimations, onMonthChange, defaultCalendarMonth, rangePosition, defaultRangePosition, onRangePositionChange, calendars, currentMonthCalendarPosition, components, componentsProps, slots, slotProps, loading, renderLoading, disableHighlightToday, readOnly, disabled, showDaysOutsideCurrentMonth, dayOfWeekFormatter, disableAutoMonthSwitching, sx, autoFocus, fixedWeekNumber, disableDragEditing, displayWeekNumber, timezone, }: DateRangeViewRendererProps<TDate, any>) => JSX.Element;
|
|
13
|
+
export declare const renderDateRangeViewCalendar: <TDate extends unknown>({ value, defaultValue, onChange, className, classes, disableFuture, disablePast, minDate, maxDate, shouldDisableDate, reduceAnimations, onMonthChange, defaultCalendarMonth, rangePosition, defaultRangePosition, onRangePositionChange, calendars, currentMonthCalendarPosition, components, componentsProps, slots, slotProps, loading, renderLoading, disableHighlightToday, readOnly, disabled, showDaysOutsideCurrentMonth, dayOfWeekFormatter, disableAutoMonthSwitching, sx, autoFocus, fixedWeekNumber, disableDragEditing, displayWeekNumber, timezone, }: DateRangeViewRendererProps<TDate, any>) => React.JSX.Element;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
1
2
|
import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
|
|
2
3
|
import { UseStaticRangePickerParams, UseStaticRangePickerProps } from './useStaticRangePicker.types';
|
|
3
4
|
/**
|
|
@@ -5,5 +6,5 @@ import { UseStaticRangePickerParams, UseStaticRangePickerProps } from './useStat
|
|
|
5
6
|
* - StaticDateRangePicker
|
|
6
7
|
*/
|
|
7
8
|
export declare const useStaticRangePicker: <TDate, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseStaticRangePickerProps<TDate, TView, any, TExternalProps>>({ props, ref, ...pickerParams }: UseStaticRangePickerParams<TDate, TView, TExternalProps>) => {
|
|
8
|
-
renderPicker: () => JSX.Element;
|
|
9
|
+
renderPicker: () => React.JSX.Element;
|
|
9
10
|
};
|
package/lib/locales/index.js
CHANGED
|
@@ -36,19 +36,27 @@ module.exports = __toCommonJS(locales_exports);
|
|
|
36
36
|
var import_zh_CN = __toESM(require("./zh-CN"));
|
|
37
37
|
var import_en_US = __toESM(require("./en-US"));
|
|
38
38
|
var import_zh_TW = __toESM(require("./zh-TW"));
|
|
39
|
+
var import_ja = __toESM(require("./ja"));
|
|
40
|
+
var import_pt = __toESM(require("./pt"));
|
|
39
41
|
var import_utils = require("../utils");
|
|
40
42
|
var langMap = {
|
|
41
43
|
"zh-CN": import_zh_CN.default,
|
|
42
44
|
"en-US": import_en_US.default,
|
|
43
|
-
"zh-TW": import_zh_TW.default
|
|
45
|
+
"zh-TW": import_zh_TW.default,
|
|
46
|
+
"zh-HK": import_zh_TW.default,
|
|
47
|
+
ja: import_ja.default,
|
|
48
|
+
pt: import_pt.default
|
|
44
49
|
};
|
|
45
50
|
var pLocaleMap = {
|
|
46
|
-
|
|
51
|
+
en: "en-US",
|
|
47
52
|
"zh-cn": "zh-CN",
|
|
48
53
|
"zh-tw": "zh-TW",
|
|
49
54
|
"en-US": "en-US",
|
|
50
55
|
"zh-CN": "zh-CN",
|
|
51
|
-
"zh-TW": "zh-TW"
|
|
56
|
+
"zh-TW": "zh-TW",
|
|
57
|
+
"zh-HK": "zh-TW",
|
|
58
|
+
ja: "ja",
|
|
59
|
+
pt: "pt"
|
|
52
60
|
};
|
|
53
61
|
var getText = (id, pLocale) => {
|
|
54
62
|
if (!id) {
|
|
@@ -58,7 +66,7 @@ var getText = (id, pLocale) => {
|
|
|
58
66
|
return langMap[pLocale][id] || id;
|
|
59
67
|
}
|
|
60
68
|
let locale = (0, import_utils.getCurrentLocale)() || "en-US";
|
|
61
|
-
return langMap[locale][id] || id;
|
|
69
|
+
return langMap[locale][id] || langMap["en-US"][id] || id;
|
|
62
70
|
};
|
|
63
71
|
// Annotate the CommonJS export names for ESM import in node:
|
|
64
72
|
0 && (module.exports = {
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
'action-bar-cancel': string;
|
|
3
|
+
'action-bar-apply': string;
|
|
4
|
+
'action-bar-start.time': string;
|
|
5
|
+
'action-bar-end.time': string;
|
|
6
|
+
'toolbar-date-range-shortcut-custom': string;
|
|
7
|
+
"toolbar-date-range-shortcut-date-range": string;
|
|
8
|
+
"toolbar-date-range-shortcut-starting": string;
|
|
9
|
+
"toolbar-date-range-shortcut-ending": string;
|
|
10
|
+
"toolbar-date-range-shortcut-today": string;
|
|
11
|
+
"toolbar-date-range-shortcut-yesterday": string;
|
|
12
|
+
"toolbar-date-range-shortcut-tomorrow": string;
|
|
13
|
+
"toolbar-date-range-shortcut-last-3-days": string;
|
|
14
|
+
"toolbar-date-range-shortcut-last-7-days": string;
|
|
15
|
+
"toolbar-date-range-shortcut-last-30-days": string;
|
|
16
|
+
"toolbar-date-range-shortcut-last-90-days": string;
|
|
17
|
+
"toolbar-date-range-shortcut-last-180-days": string;
|
|
18
|
+
"toolbar-date-range-shortcut-next-3-days": string;
|
|
19
|
+
"toolbar-date-range-shortcut-next-7-days": string;
|
|
20
|
+
"toolbar-date-range-shortcut-next-30-days": string;
|
|
21
|
+
"toolbar-date-range-shortcut-next-90-days": string;
|
|
22
|
+
"toolbar-date-range-shortcut-next-180-days": string;
|
|
23
|
+
"toolbar-date-range-invalid-start-date": string;
|
|
24
|
+
"toolbar-date-range-invalid-end-date": string;
|
|
25
|
+
};
|
|
26
|
+
export default _default;
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __export = (target, all) => {
|
|
6
|
+
for (var name in all)
|
|
7
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
8
|
+
};
|
|
9
|
+
var __copyProps = (to, from, except, desc) => {
|
|
10
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
11
|
+
for (let key of __getOwnPropNames(from))
|
|
12
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
13
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
+
}
|
|
15
|
+
return to;
|
|
16
|
+
};
|
|
17
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
18
|
+
|
|
19
|
+
// src/locales/ja.ts
|
|
20
|
+
var ja_exports = {};
|
|
21
|
+
__export(ja_exports, {
|
|
22
|
+
default: () => ja_default
|
|
23
|
+
});
|
|
24
|
+
module.exports = __toCommonJS(ja_exports);
|
|
25
|
+
var ja_default = {
|
|
26
|
+
"action-bar-cancel": "キャンセル",
|
|
27
|
+
"action-bar-apply": "適用",
|
|
28
|
+
"action-bar-start.time": "開始時間",
|
|
29
|
+
"action-bar-end.time": "終了時間",
|
|
30
|
+
"toolbar-date-range-shortcut-custom": "カスタム",
|
|
31
|
+
"toolbar-date-range-shortcut-date-range": "日付範囲",
|
|
32
|
+
"toolbar-date-range-shortcut-starting": "開始",
|
|
33
|
+
"toolbar-date-range-shortcut-ending": "終了",
|
|
34
|
+
"toolbar-date-range-shortcut-today": "今日",
|
|
35
|
+
"toolbar-date-range-shortcut-yesterday": "昨日",
|
|
36
|
+
"toolbar-date-range-shortcut-tomorrow": "明日",
|
|
37
|
+
"toolbar-date-range-shortcut-last-3-days": "過去3日",
|
|
38
|
+
"toolbar-date-range-shortcut-last-7-days": "過去7日",
|
|
39
|
+
"toolbar-date-range-shortcut-last-30-days": "過去30日",
|
|
40
|
+
"toolbar-date-range-shortcut-last-90-days": "過去90日",
|
|
41
|
+
"toolbar-date-range-shortcut-last-180-days": "過去180日",
|
|
42
|
+
"toolbar-date-range-shortcut-next-3-days": "今後3日",
|
|
43
|
+
"toolbar-date-range-shortcut-next-7-days": "今後7日",
|
|
44
|
+
"toolbar-date-range-shortcut-next-30-days": "今後30日",
|
|
45
|
+
"toolbar-date-range-shortcut-next-90-days": "今後90日",
|
|
46
|
+
"toolbar-date-range-shortcut-next-180-days": "今後180日",
|
|
47
|
+
"toolbar-date-range-invalid-start-date": "開始日が無効です",
|
|
48
|
+
"toolbar-date-range-invalid-end-date": "終了日が無効です"
|
|
49
|
+
};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
'action-bar-cancel': string;
|
|
3
|
+
'action-bar-apply': string;
|
|
4
|
+
'action-bar-start.time': string;
|
|
5
|
+
'action-bar-end.time': string;
|
|
6
|
+
'toolbar-date-range-shortcut-custom': string;
|
|
7
|
+
"toolbar-date-range-shortcut-date-range": string;
|
|
8
|
+
"toolbar-date-range-shortcut-starting": string;
|
|
9
|
+
"toolbar-date-range-shortcut-ending": string;
|
|
10
|
+
"toolbar-date-range-shortcut-today": string;
|
|
11
|
+
"toolbar-date-range-shortcut-yesterday": string;
|
|
12
|
+
"toolbar-date-range-shortcut-tomorrow": string;
|
|
13
|
+
"toolbar-date-range-shortcut-last-3-days": string;
|
|
14
|
+
"toolbar-date-range-shortcut-last-7-days": string;
|
|
15
|
+
"toolbar-date-range-shortcut-last-30-days": string;
|
|
16
|
+
"toolbar-date-range-shortcut-last-90-days": string;
|
|
17
|
+
"toolbar-date-range-shortcut-last-180-days": string;
|
|
18
|
+
"toolbar-date-range-shortcut-next-3-days": string;
|
|
19
|
+
"toolbar-date-range-shortcut-next-7-days": string;
|
|
20
|
+
"toolbar-date-range-shortcut-next-30-days": string;
|
|
21
|
+
"toolbar-date-range-shortcut-next-90-days": string;
|
|
22
|
+
"toolbar-date-range-shortcut-next-180-days": string;
|
|
23
|
+
"toolbar-date-range-invalid-start-date": string;
|
|
24
|
+
"toolbar-date-range-invalid-end-date": string;
|
|
25
|
+
};
|
|
26
|
+
export default _default;
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __export = (target, all) => {
|
|
6
|
+
for (var name in all)
|
|
7
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
8
|
+
};
|
|
9
|
+
var __copyProps = (to, from, except, desc) => {
|
|
10
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
11
|
+
for (let key of __getOwnPropNames(from))
|
|
12
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
13
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
+
}
|
|
15
|
+
return to;
|
|
16
|
+
};
|
|
17
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
18
|
+
|
|
19
|
+
// src/locales/pt.ts
|
|
20
|
+
var pt_exports = {};
|
|
21
|
+
__export(pt_exports, {
|
|
22
|
+
default: () => pt_default
|
|
23
|
+
});
|
|
24
|
+
module.exports = __toCommonJS(pt_exports);
|
|
25
|
+
var pt_default = {
|
|
26
|
+
"action-bar-cancel": "Cancelar",
|
|
27
|
+
"action-bar-apply": "Aplicar",
|
|
28
|
+
"action-bar-start.time": "Hora de início",
|
|
29
|
+
"action-bar-end.time": "Hora de término",
|
|
30
|
+
"toolbar-date-range-shortcut-custom": "Personalizado",
|
|
31
|
+
"toolbar-date-range-shortcut-date-range": "Intervalo de datas",
|
|
32
|
+
"toolbar-date-range-shortcut-starting": "Início",
|
|
33
|
+
"toolbar-date-range-shortcut-ending": "Fim",
|
|
34
|
+
"toolbar-date-range-shortcut-today": "Hoje",
|
|
35
|
+
"toolbar-date-range-shortcut-yesterday": "Ontem",
|
|
36
|
+
"toolbar-date-range-shortcut-tomorrow": "Amanhã",
|
|
37
|
+
"toolbar-date-range-shortcut-last-3-days": "Últimos 3 dias",
|
|
38
|
+
"toolbar-date-range-shortcut-last-7-days": "Últimos 7 dias",
|
|
39
|
+
"toolbar-date-range-shortcut-last-30-days": "Últimos 30 dias",
|
|
40
|
+
"toolbar-date-range-shortcut-last-90-days": "Últimos 90 dias",
|
|
41
|
+
"toolbar-date-range-shortcut-last-180-days": "Últimos 180 dias",
|
|
42
|
+
"toolbar-date-range-shortcut-next-3-days": "Próximos 3 dias",
|
|
43
|
+
"toolbar-date-range-shortcut-next-7-days": "Próximos 7 dias",
|
|
44
|
+
"toolbar-date-range-shortcut-next-30-days": "Próximos 30 dias",
|
|
45
|
+
"toolbar-date-range-shortcut-next-90-days": "Próximos 90 dias",
|
|
46
|
+
"toolbar-date-range-shortcut-next-180-days": "Próximos 180 dias",
|
|
47
|
+
"toolbar-date-range-invalid-start-date": "Data de início inválida",
|
|
48
|
+
"toolbar-date-range-invalid-end-date": "Data de término inválida"
|
|
49
|
+
};
|
package/lib/utils/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { PresetType } from
|
|
2
|
-
import { Dayjs } from
|
|
1
|
+
import { PresetType } from '../Shortcuts';
|
|
2
|
+
import { Dayjs } from 'dayjs';
|
|
3
3
|
export declare const getCurrentLocale: () => string;
|
|
4
4
|
export declare const isBrowser: boolean;
|
|
5
5
|
export declare const isMobile: () => boolean;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pisell/date-picker",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.10",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.less"
|
|
6
6
|
],
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"antd": "^5.10.1",
|
|
27
27
|
"react": "^18.0.0",
|
|
28
28
|
"react-dom": "^18.0.0",
|
|
29
|
-
"@pisell/utils": "3.0.
|
|
29
|
+
"@pisell/utils": "3.0.4"
|
|
30
30
|
},
|
|
31
31
|
"files": [
|
|
32
32
|
"es",
|