@pisell/date-picker 1.0.80 → 1.0.82

package/es/PisellDateRangePicker/index.js

@@ -72,7 +72,8 @@ var PisellDateRangePicker = function PisellDateRangePicker(props) {
     okButtonProps = props.okButtonProps,
     cancelButtonProps = props.cancelButtonProps,
     onDateChange = props.onDateChange,
-    desktopModeMediaQuery = props.desktopModeMediaQuery,
+    _props$desktopModeMed = props.desktopModeMediaQuery,
+    desktopModeMediaQuery = _props$desktopModeMed === void 0 ? '(min-width: 625px)' : _props$desktopModeMed,
     style = props.style,
     allowClear = props.allowClear,
     disablePortal = props.disablePortal,
@@ -97,7 +98,7 @@ var PisellDateRangePicker = function PisellDateRangePicker(props) {
     isBoolean(propsOpen) && setOpen(propsOpen);
   }, [propsOpen]);
   var _presets = useMemo(function () {
-    return formatPresets(presets || defaultPresets);
+    return formatPresets(presets || defaultPresets, locale);
   }, [presets]);
   var _useState5 = useState(function () {
       return transDayjsArr(propsValue, defaultValue, _presets);
@@ -224,9 +225,9 @@ var PisellDateRangePicker = function PisellDateRangePicker(props) {
     var obj = {
       endAdornment: endAdornment
     };
-    if (_value !== null && _value !== void 0 && (_value$every = _value.every) !== null && _value$every !== void 0 && _value$every.call(_value, Boolean) && getPresetLabel(currentShortcut, _presets)) {
+    if (_value !== null && _value !== void 0 && (_value$every = _value.every) !== null && _value$every !== void 0 && _value$every.call(_value, Boolean) && getPresetLabel(currentShortcut, _presets, locale)) {
       obj = _objectSpread(_objectSpread({}, obj), {}, {
-        value: getPresetLabel(currentShortcut, _presets)
+        value: getPresetLabel(currentShortcut, _presets, locale)
       });
     }
     return obj;

package/es/Toolbar/index.d.ts

@@ -1,3 +1,3 @@
-import "./index.less";
+import './index.less';
 declare const Toolbar: (props: any) => JSX.Element;
 export default Toolbar;

package/es/Toolbar/index.js

@@ -8,11 +8,11 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useMemo, useState, useEffect } from "react";
-import { Input } from "antd";
-import dayjs from "dayjs";
+import React, { useMemo, useState, useEffect } from 'react';
+import { Input } from 'antd';
+import dayjs from 'dayjs';
 import BrowserSelect from "../browserSelect";
-import { getText } from "../locales";
+import { getText, pLocaleMap } from "../locales";
 import "./index.less";
 var isValidDate = function isValidDate(dateString, format) {
   var date = dayjs(dateString, format, true);
@@ -26,12 +26,12 @@ var Toolbar = function Toolbar(props) {
     onChange = props.onChange,
     currentShortcut = props.currentShortcut,
     setCurrentShortcut = props.setCurrentShortcut;
-  var format = locale === "en" || locale === "en-US" ? "DD/MM/YYYY" : "YYYY/MM/DD";
-  var _useState = useState(""),
+  var format = locale === 'en' || locale === 'en-US' ? 'DD/MM/YYYY' : 'YYYY/MM/DD';
+  var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     startStr = _useState2[0],
     setStartStr = _useState2[1];
-  var _useState3 = useState(""),
+  var _useState3 = useState(''),
     _useState4 = _slicedToArray(_useState3, 2),
     endStr = _useState4[0],
     setEndStr = _useState4[1];
@@ -39,12 +39,12 @@ var Toolbar = function Toolbar(props) {
     if (value !== null && value !== void 0 && value[0]) {
       setStartStr(value[0].format(format));
     } else {
-      setStartStr("");
+      setStartStr('');
     }
     if (value !== null && value !== void 0 && value[1]) {
       setEndStr(value[1].format(format));
     } else {
-      setEndStr("");
+      setEndStr('');
     }
   }, [value]);
   var handleStartChange = function handleStartChange(e) {
@@ -55,7 +55,7 @@ var Toolbar = function Toolbar(props) {
       var valDate = dayjs(val, format);
       var newValue = _toConsumableArray(value);
       var start = newValue[0] || dayjs();
-      newValue[0] = (start === null || start === void 0 ? void 0 : (_start$set = start.set("year", (valDate === null || valDate === void 0 ? void 0 : valDate.get("year")) || 0)) === null || _start$set === void 0 ? void 0 : (_start$set$set = _start$set.set("month", (valDate === null || valDate === void 0 ? void 0 : valDate.get("month")) || 0)) === null || _start$set$set === void 0 ? void 0 : _start$set$set.set("date", (valDate === null || valDate === void 0 ? void 0 : valDate.get("date")) || 0)) || null;
+      newValue[0] = (start === null || start === void 0 ? void 0 : (_start$set = start.set('year', (valDate === null || valDate === void 0 ? void 0 : valDate.get('year')) || 0)) === null || _start$set === void 0 ? void 0 : (_start$set$set = _start$set.set('month', (valDate === null || valDate === void 0 ? void 0 : valDate.get('month')) || 0)) === null || _start$set$set === void 0 ? void 0 : _start$set$set.set('date', (valDate === null || valDate === void 0 ? void 0 : valDate.get('date')) || 0)) || null;
       onChange(newValue);
     }
   };
@@ -67,7 +67,7 @@ var Toolbar = function Toolbar(props) {
       var valDate = dayjs(val, format);
       var newValue = _toConsumableArray(value);
       var end = newValue[1] || dayjs();
-      newValue[1] = (end === null || end === void 0 ? void 0 : (_end$set = end.set("year", (valDate === null || valDate === void 0 ? void 0 : valDate.get("year")) || 0)) === null || _end$set === void 0 ? void 0 : (_end$set$set = _end$set.set("month", (valDate === null || valDate === void 0 ? void 0 : valDate.get("month")) || 0)) === null || _end$set$set === void 0 ? void 0 : _end$set$set.set("date", (valDate === null || valDate === void 0 ? void 0 : valDate.get("date")) || 0)) || null;
+      newValue[1] = (end === null || end === void 0 ? void 0 : (_end$set = end.set('year', (valDate === null || valDate === void 0 ? void 0 : valDate.get('year')) || 0)) === null || _end$set === void 0 ? void 0 : (_end$set$set = _end$set.set('month', (valDate === null || valDate === void 0 ? void 0 : valDate.get('month')) || 0)) === null || _end$set$set === void 0 ? void 0 : _end$set$set.set('date', (valDate === null || valDate === void 0 ? void 0 : valDate.get('date')) || 0)) || null;
       onChange(newValue);
     }
   };
@@ -83,8 +83,8 @@ var Toolbar = function Toolbar(props) {
   var customPresetItems = useMemo(function () {
     if (!currentShortcut) {
       return presetItems.concat([{
-        label: getText("toolbar-date-range-shortcut-custom"),
-        value: getText("toolbar-date-range-shortcut-custom")
+        label: getText('toolbar-date-range-shortcut-custom', pLocaleMap[locale]),
+        value: getText('toolbar-date-range-shortcut-custom', pLocaleMap[locale])
       }]);
     }
     return presetItems;
@@ -93,26 +93,26 @@ var Toolbar = function Toolbar(props) {
     className: "date-picker-toolbar"
   }, /*#__PURE__*/React.createElement("div", {
     className: "date-picker-content-top"
-  }, /*#__PURE__*/React.createElement("span", null, getText("toolbar-date-range-shortcut-date-range")), /*#__PURE__*/React.createElement(BrowserSelect
+  }, /*#__PURE__*/React.createElement("span", null, getText('toolbar-date-range-shortcut-date-range', pLocaleMap[locale])), /*#__PURE__*/React.createElement(BrowserSelect
   // @ts-ignore
   , {
-    value: currentShortcut || getText("toolbar-date-range-shortcut-custom"),
+    value: currentShortcut || getText('toolbar-date-range-shortcut-custom', pLocaleMap[locale]),
     className: "date-picker-toolbar-select",
     options: customPresetItems,
-    size: "large",
+    size: 'large',
     onChange: handleSelectChange
   })), /*#__PURE__*/React.createElement("div", {
     className: "date-picker-content-bottom"
   }, /*#__PURE__*/React.createElement("div", {
     className: "date-picker-toolbar-start-wrap"
-  }, /*#__PURE__*/React.createElement("span", null, getText("toolbar-date-range-shortcut-starting")), /*#__PURE__*/React.createElement(Input, {
+  }, /*#__PURE__*/React.createElement("span", null, getText('toolbar-date-range-shortcut-starting', pLocaleMap[locale])), /*#__PURE__*/React.createElement(Input, {
     size: "large",
     value: startStr,
     onChange: handleStartChange,
     placeholder: dayjs().format(format)
   })), /*#__PURE__*/React.createElement("div", {
     className: "date-picker-toolbar-end-wrap"
-  }, /*#__PURE__*/React.createElement("span", null, getText("toolbar-date-range-shortcut-ending")), /*#__PURE__*/React.createElement(Input, {
+  }, /*#__PURE__*/React.createElement("span", null, getText('toolbar-date-range-shortcut-ending', pLocaleMap[locale])), /*#__PURE__*/React.createElement(Input, {
     size: "large",
     value: endStr,
     onChange: handleEndChange,

package/es/constants.d.ts

@@ -1,58 +1,58 @@
 import dayjs from 'dayjs';
-import { PresetType } from "./Shortcuts";
+import { PresetType } from './Shortcuts';
 export declare const presetValueArr: string[];
 export declare const presetDetailMap: {
     today: {
         getValue: () => dayjs.Dayjs[];
-        label: () => any;
+        label: (locale?: string) => any;
     };
     yesterday: {
         getValue: () => dayjs.Dayjs[];
-        label: () => any;
+        label: (locale?: string) => any;
     };
     last_3_days: {
         getValue: () => dayjs.Dayjs[];
-        label: () => any;
+        label: (locale?: string) => any;
     };
     last_7_days: {
         getValue: () => dayjs.Dayjs[];
-        label: () => any;
+        label: (locale?: string) => any;
     };
     last_30_days: {
         getValue: () => dayjs.Dayjs[];
-        label: () => any;
+        label: (locale?: string) => any;
     };
     last_90_days: {
         getValue: () => dayjs.Dayjs[];
-        label: () => any;
+        label: (locale?: string) => any;
     };
     last_180_days: {
         getValue: () => dayjs.Dayjs[];
-        label: () => any;
+        label: (locale?: string) => any;
     };
     tomorrow: {
         getValue: () => dayjs.Dayjs[];
-        label: () => any;
+        label: (locale?: string) => any;
     };
     next_3_days: {
         getValue: () => dayjs.Dayjs[];
-        label: () => any;
+        label: (locale?: string) => any;
     };
     next_7_days: {
         getValue: () => dayjs.Dayjs[];
-        label: () => any;
+        label: (locale?: string) => any;
     };
     next_30_days: {
         getValue: () => dayjs.Dayjs[];
-        label: () => any;
+        label: (locale?: string) => any;
     };
     next_90_days: {
         getValue: () => dayjs.Dayjs[];
-        label: () => any;
+        label: (locale?: string) => any;
     };
     next_180_days: {
         getValue: () => dayjs.Dayjs[];
-        label: () => any;
+        label: (locale?: string) => any;
     };
 };
 export declare const defaultPresets: PresetType[];

package/es/constants.js

@@ -1,109 +1,109 @@
 import dayjs from 'dayjs';
-import { getText } from "./locales";
+import { getText, pLocaleMap } from "./locales";
 export var presetValueArr = ['today', 'yesterday', 'last_3_days', 'last_7_days', 'last_30_days', 'last_90_days', 'last_180_days', 'tomorrow', 'next_3_days', 'next_7_days', 'next_30_days', 'next_90_days', 'next_180_days'];
 export var presetDetailMap = {
   today: {
     getValue: function getValue() {
       return [dayjs().startOf('day'), dayjs().endOf('day')];
     },
-    label: function label() {
-      return getText('toolbar-date-range-shortcut-today');
+    label: function label(locale) {
+      return getText('toolbar-date-range-shortcut-today', locale && pLocaleMap[locale]);
     }
   },
   yesterday: {
     getValue: function getValue() {
       return [dayjs().add(-1, 'd').startOf('day'), dayjs().add(-1, 'd').endOf('day')];
     },
-    label: function label() {
-      return getText('toolbar-date-range-shortcut-yesterday');
+    label: function label(locale) {
+      return getText('toolbar-date-range-shortcut-yesterday', locale && pLocaleMap[locale]);
     }
   },
   last_3_days: {
     getValue: function getValue() {
       return [dayjs().add(-3, 'd').startOf('day'), dayjs().add(-1, 'd').endOf('day')];
     },
-    label: function label() {
-      return getText('toolbar-date-range-shortcut-last-3-days');
+    label: function label(locale) {
+      return getText('toolbar-date-range-shortcut-last-3-days', locale && pLocaleMap[locale]);
     }
   },
   last_7_days: {
     getValue: function getValue() {
       return [dayjs().add(-7, 'd').startOf('day'), dayjs().add(-1, 'd').endOf('day')];
     },
-    label: function label() {
-      return getText('toolbar-date-range-shortcut-last-7-days');
+    label: function label(locale) {
+      return getText('toolbar-date-range-shortcut-last-7-days', locale && pLocaleMap[locale]);
     }
   },
   last_30_days: {
     getValue: function getValue() {
       return [dayjs().add(-30, 'd').startOf('day'), dayjs().add(-1, 'd').endOf('day')];
     },
-    label: function label() {
-      return getText('toolbar-date-range-shortcut-last-30-days');
+    label: function label(locale) {
+      return getText('toolbar-date-range-shortcut-last-30-days', locale && pLocaleMap[locale]);
     }
   },
   last_90_days: {
     getValue: function getValue() {
       return [dayjs().add(-90, 'd').startOf('day'), dayjs().add(-1, 'd').endOf('day')];
     },
-    label: function label() {
-      return getText('toolbar-date-range-shortcut-last-90-days');
+    label: function label(locale) {
+      return getText('toolbar-date-range-shortcut-last-90-days', locale && pLocaleMap[locale]);
     }
   },
   last_180_days: {
     getValue: function getValue() {
       return [dayjs().add(-180, 'd').startOf('day'), dayjs().add(-1, 'd').endOf('day')];
     },
-    label: function label() {
-      return getText('toolbar-date-range-shortcut-last-180-days');
+    label: function label(locale) {
+      return getText('toolbar-date-range-shortcut-last-180-days', locale && pLocaleMap[locale]);
     }
   },
   tomorrow: {
     getValue: function getValue() {
       return [dayjs().add(1, 'd').startOf('day'), dayjs().add(1, 'd').endOf('day')];
     },
-    label: function label() {
-      return getText('toolbar-date-range-shortcut-tomorrow');
+    label: function label(locale) {
+      return getText('toolbar-date-range-shortcut-tomorrow', locale && pLocaleMap[locale]);
     }
   },
   next_3_days: {
     getValue: function getValue() {
       return [dayjs().add(1, 'd').startOf('day'), dayjs().add(3, 'd').endOf('day')];
     },
-    label: function label() {
-      return getText('toolbar-date-range-shortcut-next-3-days');
+    label: function label(locale) {
+      return getText('toolbar-date-range-shortcut-next-3-days', locale && pLocaleMap[locale]);
     }
   },
   next_7_days: {
     getValue: function getValue() {
       return [dayjs().add(1, 'd').startOf('day'), dayjs().add(7, 'd').endOf('day')];
     },
-    label: function label() {
-      return getText('toolbar-date-range-shortcut-next-7-days');
+    label: function label(locale) {
+      return getText('toolbar-date-range-shortcut-next-7-days', locale && pLocaleMap[locale]);
     }
   },
   next_30_days: {
     getValue: function getValue() {
       return [dayjs().add(1, 'd').startOf('day'), dayjs().add(30, 'd').endOf('day')];
     },
-    label: function label() {
-      return getText('toolbar-date-range-shortcut-next-30-days');
+    label: function label(locale) {
+      return getText('toolbar-date-range-shortcut-next-30-days', locale && pLocaleMap[locale]);
     }
   },
   next_90_days: {
     getValue: function getValue() {
       return [dayjs().add(1, 'd').startOf('day'), dayjs().add(90, 'd').endOf('day')];
     },
-    label: function label() {
-      return getText('toolbar-date-range-shortcut-next-90-days');
+    label: function label(locale) {
+      return getText('toolbar-date-range-shortcut-next-90-days', locale && pLocaleMap[locale]);
     }
   },
   next_180_days: {
     getValue: function getValue() {
       return [dayjs().add(1, 'd').startOf('day'), dayjs().add(180, 'd').endOf('day')];
     },
-    label: function label() {
-      return getText('toolbar-date-range-shortcut-next-180-days');
+    label: function label(locale) {
+      return getText('toolbar-date-range-shortcut-next-180-days', locale && pLocaleMap[locale]);
     }
   }
 };

package/es/index.d.ts

@@ -1,3 +1,4 @@
+import { ConfigProvider } from 'antd';
 import PisellDateRangePicker from "./PisellDateRangePicker";
 import { LocaleContext, LocaleProvider } from "./PisellDateRangePicker/LocaleContext";
 export * from "@mui/x-date-pickers";
@@ -18,6 +19,6 @@ export * from "./dateRangeViewRenderers";
 export type { DateRange, RangePosition } from "./internals/models/range";
 export type { UseDateRangeFieldProps } from "./internals/models/dateRange";
 export { PisellDateRangePicker as RangePicker };
-export { LocaleContext, LocaleProvider };
+export { LocaleContext, LocaleProvider, ConfigProvider };
 export { getDatePickerValueByShortcut, formatPresets, getShortcutValue, getPresetLabel, getDatePickerValue, } from "./utils/index";
 export * from "./models";

package/es/index.js

@@ -1,3 +1,4 @@
+import { ConfigProvider } from 'antd';
 import PisellDateRangePicker from "./PisellDateRangePicker";
 import { LocaleContext, LocaleProvider } from "./PisellDateRangePicker/LocaleContext";
 export * from "@mui/x-date-pickers";
@@ -23,6 +24,6 @@ export * from "./StaticDateRangePicker";
 // View renderers
 export * from "./dateRangeViewRenderers";
 export { PisellDateRangePicker as RangePicker };
-export { LocaleContext, LocaleProvider };
+export { LocaleContext, LocaleProvider, ConfigProvider };
 export { getDatePickerValueByShortcut, formatPresets, getShortcutValue, getPresetLabel, getDatePickerValue } from "./utils/index";
 export * from "./models";

package/es/internals/utils/date-fields-utils.d.ts

@@ -5,7 +5,7 @@ export declare const splitDateRangeSections: (sections: RangeFieldSection[]) =>
 };
 export declare const removeLastSeparator: (dateSections: RangeFieldSection[]) => (RangeFieldSection | {
     separator: null;
-    dateName: "end" | "start";
+    dateName: "start" | "end";
     value: string;
     format: string;
     maxLength: number | null;

package/es/utils/index.d.ts

@@ -7,7 +7,7 @@ export declare const isMobile: () => boolean;
  * 格式化预设
  * @param presets
  */
-export declare const formatPresets: (presets: PresetType[]) => ({
+export declare const formatPresets: (presets: PresetType[], locale?: string) => ({
     label: any;
     getValue: (() => Dayjs[]) | (() => [Dayjs, Dayjs] | "today" | "yesterday" | "last_3_days" | "last_7_days" | "last_30_days" | "last_90_days" | "last_180_days" | "tomorrow" | "next_3_days" | "next_7_days" | "next_30_days" | "next_90_days" | "next_180_days");
     value: [Dayjs, Dayjs] | "today" | "yesterday" | "last_3_days" | "last_7_days" | "last_30_days" | "last_90_days" | "last_180_days" | "tomorrow" | "next_3_days" | "next_7_days" | "next_30_days" | "next_90_days" | "next_180_days";
@@ -21,7 +21,7 @@ export declare const formatPresets: (presets: PresetType[]) => ({
  * @param currentShortcut
  * @param presets
  */
-export declare const getPresetLabel: (currentShortcut: string | null, presets: any[]) => any;
+export declare const getPresetLabel: (currentShortcut: string | null, presets: any[], locale: string) => any;
 /**
  * 获取预设的value
  * @param value

package/es/utils/index.js

@@ -23,7 +23,7 @@ export var isMobile = function isMobile() {
  * 格式化预设
  * @param presets
  */
-export var formatPresets = function formatPresets(presets) {
+export var formatPresets = function formatPresets(presets, locale) {
   return presets.map(function (item) {
     // value包含在预设当中时
     if (isString(item.value)) {
@@ -39,7 +39,7 @@ export var formatPresets = function formatPresets(presets) {
         };
       }
       return _objectSpread(_objectSpread({}, item), {}, {
-        label: item.label || (presetDetailMap === null || presetDetailMap === void 0 ? void 0 : (_presetDetailMap$item = presetDetailMap[item.value]) === null || _presetDetailMap$item === void 0 ? void 0 : (_presetDetailMap$item2 = _presetDetailMap$item.label) === null || _presetDetailMap$item2 === void 0 ? void 0 : _presetDetailMap$item2.call(_presetDetailMap$item)),
+        label: item.label || (presetDetailMap === null || presetDetailMap === void 0 ? void 0 : (_presetDetailMap$item = presetDetailMap[item.value]) === null || _presetDetailMap$item === void 0 ? void 0 : (_presetDetailMap$item2 = _presetDetailMap$item.label) === null || _presetDetailMap$item2 === void 0 ? void 0 : _presetDetailMap$item2.call(_presetDetailMap$item, locale)),
         getValue: _getValue
       });
     }
@@ -61,9 +61,9 @@ export var formatPresets = function formatPresets(presets) {
  * @param currentShortcut
  * @param presets
  */
-export var getPresetLabel = function getPresetLabel(currentShortcut, presets) {
+export var getPresetLabel = function getPresetLabel(currentShortcut, presets, locale) {
   var _ref, _ref$label;
-  var label = presetDetailMap === null || presetDetailMap === void 0 ? void 0 : (_ref = presetDetailMap[currentShortcut]) === null || _ref === void 0 ? void 0 : (_ref$label = _ref.label) === null || _ref$label === void 0 ? void 0 : _ref$label.call(_ref);
+  var label = presetDetailMap === null || presetDetailMap === void 0 ? void 0 : (_ref = presetDetailMap[currentShortcut]) === null || _ref === void 0 ? void 0 : (_ref$label = _ref.label) === null || _ref$label === void 0 ? void 0 : _ref$label.call(_ref, locale);
   if (label) {
     return label;
   }

package/lib/PisellDateRangePicker/index.js

@@ -90,7 +90,7 @@ var PisellDateRangePicker = (props) => {
     okButtonProps,
     cancelButtonProps,
     onDateChange,
-    desktopModeMediaQuery,
+    desktopModeMediaQuery = "(min-width: 625px)",
     style,
     allowClear,
     disablePortal,
@@ -106,7 +106,7 @@ var PisellDateRangePicker = (props) => {
     (0, import_utils.isBoolean)(propsOpen) && setOpen(propsOpen);
   }, [propsOpen]);
   const _presets = (0, import_react.useMemo)(() => {
-    return (0, import_utils2.formatPresets)(presets || import_constants.defaultPresets);
+    return (0, import_utils2.formatPresets)(presets || import_constants.defaultPresets, locale);
   }, [presets]);
   const [_value, setValue] = (0, import_react.useState)(
     () => transDayjsArr(propsValue, defaultValue, _presets)
@@ -230,10 +230,10 @@ var PisellDateRangePicker = (props) => {
     let obj = {
       endAdornment
     };
-    if (((_a = _value == null ? void 0 : _value.every) == null ? void 0 : _a.call(_value, Boolean)) && (0, import_utils2.getPresetLabel)(currentShortcut, _presets)) {
+    if (((_a = _value == null ? void 0 : _value.every) == null ? void 0 : _a.call(_value, Boolean)) && (0, import_utils2.getPresetLabel)(currentShortcut, _presets, locale)) {
       obj = {
         ...obj,
-        value: (0, import_utils2.getPresetLabel)(currentShortcut, _presets)
+        value: (0, import_utils2.getPresetLabel)(currentShortcut, _presets, locale)
       };
     }
     return obj;

package/lib/Toolbar/index.d.ts

@@ -1,3 +1,3 @@
-import "./index.less";
+import './index.less';
 declare const Toolbar: (props: any) => JSX.Element;
 export default Toolbar;

package/lib/Toolbar/index.js

@@ -92,7 +92,9 @@ var Toolbar = (props) => {
   };
   const handleSelectChange = (e) => {
     const val = e.target.value;
-    const detail = presetItems.find((item) => item.value === val || item.label === val);
+    const detail = presetItems.find(
+      (item) => item.value === val || item.label === val
+    );
     if (!detail)
       return;
     const dateVal = detail.getValue();
@@ -102,23 +104,35 @@ var Toolbar = (props) => {
     if (!currentShortcut) {
       return presetItems.concat([
         {
-          label: (0, import_locales.getText)("toolbar-date-range-shortcut-custom"),
-          value: (0, import_locales.getText)("toolbar-date-range-shortcut-custom")
+          label: (0, import_locales.getText)(
+            "toolbar-date-range-shortcut-custom",
+            import_locales.pLocaleMap[locale]
+          ),
+          value: (0, import_locales.getText)(
+            "toolbar-date-range-shortcut-custom",
+            import_locales.pLocaleMap[locale]
+          )
         }
       ]);
     }
     return presetItems;
   }, [presetItems, currentShortcut]);
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "date-picker-toolbar" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "date-picker-content-top" }, /* @__PURE__ */ import_react.default.createElement("span", null, (0, import_locales.getText)("toolbar-date-range-shortcut-date-range")), /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "date-picker-toolbar" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "date-picker-content-top" }, /* @__PURE__ */ import_react.default.createElement("span", null, (0, import_locales.getText)(
+    "toolbar-date-range-shortcut-date-range",
+    import_locales.pLocaleMap[locale]
+  )), /* @__PURE__ */ import_react.default.createElement(
     import_browserSelect.default,
     {
-      value: currentShortcut || (0, import_locales.getText)("toolbar-date-range-shortcut-custom"),
+      value: currentShortcut || (0, import_locales.getText)("toolbar-date-range-shortcut-custom", import_locales.pLocaleMap[locale]),
       className: "date-picker-toolbar-select",
       options: customPresetItems,
       size: "large",
       onChange: handleSelectChange
     }
-  )), /* @__PURE__ */ import_react.default.createElement("div", { className: "date-picker-content-bottom" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "date-picker-toolbar-start-wrap" }, /* @__PURE__ */ import_react.default.createElement("span", null, (0, import_locales.getText)("toolbar-date-range-shortcut-starting")), /* @__PURE__ */ import_react.default.createElement(
+  )), /* @__PURE__ */ import_react.default.createElement("div", { className: "date-picker-content-bottom" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "date-picker-toolbar-start-wrap" }, /* @__PURE__ */ import_react.default.createElement("span", null, (0, import_locales.getText)(
+    "toolbar-date-range-shortcut-starting",
+    import_locales.pLocaleMap[locale]
+  )), /* @__PURE__ */ import_react.default.createElement(
     import_antd.Input,
     {
       size: "large",
@@ -126,7 +140,7 @@ var Toolbar = (props) => {
       onChange: handleStartChange,
       placeholder: (0, import_dayjs.default)().format(format)
     }
-  )), /* @__PURE__ */ import_react.default.createElement("div", { className: "date-picker-toolbar-end-wrap" }, /* @__PURE__ */ import_react.default.createElement("span", null, (0, import_locales.getText)("toolbar-date-range-shortcut-ending")), /* @__PURE__ */ import_react.default.createElement(
+  )), /* @__PURE__ */ import_react.default.createElement("div", { className: "date-picker-toolbar-end-wrap" }, /* @__PURE__ */ import_react.default.createElement("span", null, (0, import_locales.getText)("toolbar-date-range-shortcut-ending", import_locales.pLocaleMap[locale])), /* @__PURE__ */ import_react.default.createElement(
     import_antd.Input,
     {
       size: "large",

package/lib/constants.d.ts

@@ -1,58 +1,58 @@
 import dayjs from 'dayjs';
-import { PresetType } from "./Shortcuts";
+import { PresetType } from './Shortcuts';
 export declare const presetValueArr: string[];
 export declare const presetDetailMap: {
     today: {
         getValue: () => dayjs.Dayjs[];
-        label: () => any;
+        label: (locale?: string) => any;
     };
     yesterday: {
         getValue: () => dayjs.Dayjs[];
-        label: () => any;
+        label: (locale?: string) => any;
     };
     last_3_days: {
         getValue: () => dayjs.Dayjs[];
-        label: () => any;
+        label: (locale?: string) => any;
     };
     last_7_days: {
         getValue: () => dayjs.Dayjs[];
-        label: () => any;
+        label: (locale?: string) => any;
     };
     last_30_days: {
         getValue: () => dayjs.Dayjs[];
-        label: () => any;
+        label: (locale?: string) => any;
     };
     last_90_days: {
         getValue: () => dayjs.Dayjs[];
-        label: () => any;
+        label: (locale?: string) => any;
     };
     last_180_days: {
         getValue: () => dayjs.Dayjs[];
-        label: () => any;
+        label: (locale?: string) => any;
     };
     tomorrow: {
         getValue: () => dayjs.Dayjs[];
-        label: () => any;
+        label: (locale?: string) => any;
     };
     next_3_days: {
         getValue: () => dayjs.Dayjs[];
-        label: () => any;
+        label: (locale?: string) => any;
     };
     next_7_days: {
         getValue: () => dayjs.Dayjs[];
-        label: () => any;
+        label: (locale?: string) => any;
     };
     next_30_days: {
         getValue: () => dayjs.Dayjs[];
-        label: () => any;
+        label: (locale?: string) => any;
     };
     next_90_days: {
         getValue: () => dayjs.Dayjs[];
-        label: () => any;
+        label: (locale?: string) => any;
     };
     next_180_days: {
         getValue: () => dayjs.Dayjs[];
-        label: () => any;
+        label: (locale?: string) => any;
     };
 };
 export declare const defaultPresets: PresetType[];

package/lib/constants.js

@@ -54,91 +54,130 @@ var presetValueArr = [
 var presetDetailMap = {
   today: {
     getValue: () => [(0, import_dayjs.default)().startOf("day"), (0, import_dayjs.default)().endOf("day")],
-    label: () => (0, import_locales.getText)("toolbar-date-range-shortcut-today")
+    label: (locale) => (0, import_locales.getText)(
+      "toolbar-date-range-shortcut-today",
+      locale && import_locales.pLocaleMap[locale]
+    )
   },
   yesterday: {
     getValue: () => [
       (0, import_dayjs.default)().add(-1, "d").startOf("day"),
       (0, import_dayjs.default)().add(-1, "d").endOf("day")
     ],
-    label: () => (0, import_locales.getText)("toolbar-date-range-shortcut-yesterday")
+    label: (locale) => (0, import_locales.getText)(
+      "toolbar-date-range-shortcut-yesterday",
+      locale && import_locales.pLocaleMap[locale]
+    )
   },
   last_3_days: {
     getValue: () => [
       (0, import_dayjs.default)().add(-3, "d").startOf("day"),
       (0, import_dayjs.default)().add(-1, "d").endOf("day")
     ],
-    label: () => (0, import_locales.getText)("toolbar-date-range-shortcut-last-3-days")
+    label: (locale) => (0, import_locales.getText)(
+      "toolbar-date-range-shortcut-last-3-days",
+      locale && import_locales.pLocaleMap[locale]
+    )
   },
   last_7_days: {
     getValue: () => [
       (0, import_dayjs.default)().add(-7, "d").startOf("day"),
       (0, import_dayjs.default)().add(-1, "d").endOf("day")
     ],
-    label: () => (0, import_locales.getText)("toolbar-date-range-shortcut-last-7-days")
+    label: (locale) => (0, import_locales.getText)(
+      "toolbar-date-range-shortcut-last-7-days",
+      locale && import_locales.pLocaleMap[locale]
+    )
   },
   last_30_days: {
     getValue: () => [
       (0, import_dayjs.default)().add(-30, "d").startOf("day"),
       (0, import_dayjs.default)().add(-1, "d").endOf("day")
     ],
-    label: () => (0, import_locales.getText)("toolbar-date-range-shortcut-last-30-days")
+    label: (locale) => (0, import_locales.getText)(
+      "toolbar-date-range-shortcut-last-30-days",
+      locale && import_locales.pLocaleMap[locale]
+    )
   },
   last_90_days: {
     getValue: () => [
       (0, import_dayjs.default)().add(-90, "d").startOf("day"),
       (0, import_dayjs.default)().add(-1, "d").endOf("day")
     ],
-    label: () => (0, import_locales.getText)("toolbar-date-range-shortcut-last-90-days")
+    label: (locale) => (0, import_locales.getText)(
+      "toolbar-date-range-shortcut-last-90-days",
+      locale && import_locales.pLocaleMap[locale]
+    )
   },
   last_180_days: {
     getValue: () => [
       (0, import_dayjs.default)().add(-180, "d").startOf("day"),
       (0, import_dayjs.default)().add(-1, "d").endOf("day")
     ],
-    label: () => (0, import_locales.getText)("toolbar-date-range-shortcut-last-180-days")
+    label: (locale) => (0, import_locales.getText)(
+      "toolbar-date-range-shortcut-last-180-days",
+      locale && import_locales.pLocaleMap[locale]
+    )
   },
   tomorrow: {
     getValue: () => [
       (0, import_dayjs.default)().add(1, "d").startOf("day"),
       (0, import_dayjs.default)().add(1, "d").endOf("day")
     ],
-    label: () => (0, import_locales.getText)("toolbar-date-range-shortcut-tomorrow")
+    label: (locale) => (0, import_locales.getText)(
+      "toolbar-date-range-shortcut-tomorrow",
+      locale && import_locales.pLocaleMap[locale]
+    )
   },
   next_3_days: {
     getValue: () => [
       (0, import_dayjs.default)().add(1, "d").startOf("day"),
       (0, import_dayjs.default)().add(3, "d").endOf("day")
     ],
-    label: () => (0, import_locales.getText)("toolbar-date-range-shortcut-next-3-days")
+    label: (locale) => (0, import_locales.getText)(
+      "toolbar-date-range-shortcut-next-3-days",
+      locale && import_locales.pLocaleMap[locale]
+    )
   },
   next_7_days: {
     getValue: () => [
       (0, import_dayjs.default)().add(1, "d").startOf("day"),
       (0, import_dayjs.default)().add(7, "d").endOf("day")
     ],
-    label: () => (0, import_locales.getText)("toolbar-date-range-shortcut-next-7-days")
+    label: (locale) => (0, import_locales.getText)(
+      "toolbar-date-range-shortcut-next-7-days",
+      locale && import_locales.pLocaleMap[locale]
+    )
   },
   next_30_days: {
     getValue: () => [
       (0, import_dayjs.default)().add(1, "d").startOf("day"),
       (0, import_dayjs.default)().add(30, "d").endOf("day")
     ],
-    label: () => (0, import_locales.getText)("toolbar-date-range-shortcut-next-30-days")
+    label: (locale) => (0, import_locales.getText)(
+      "toolbar-date-range-shortcut-next-30-days",
+      locale && import_locales.pLocaleMap[locale]
+    )
   },
   next_90_days: {
     getValue: () => [
       (0, import_dayjs.default)().add(1, "d").startOf("day"),
       (0, import_dayjs.default)().add(90, "d").endOf("day")
     ],
-    label: () => (0, import_locales.getText)("toolbar-date-range-shortcut-next-90-days")
+    label: (locale) => (0, import_locales.getText)(
+      "toolbar-date-range-shortcut-next-90-days",
+      locale && import_locales.pLocaleMap[locale]
+    )
   },
   next_180_days: {
     getValue: () => [
       (0, import_dayjs.default)().add(1, "d").startOf("day"),
       (0, import_dayjs.default)().add(180, "d").endOf("day")
     ],
-    label: () => (0, import_locales.getText)("toolbar-date-range-shortcut-next-180-days")
+    label: (locale) => (0, import_locales.getText)(
+      "toolbar-date-range-shortcut-next-180-days",
+      locale && import_locales.pLocaleMap[locale]
+    )
   }
 };
 var defaultPresets = [

package/lib/index.d.ts

@@ -1,3 +1,4 @@
+import { ConfigProvider } from 'antd';
 import PisellDateRangePicker from "./PisellDateRangePicker";
 import { LocaleContext, LocaleProvider } from "./PisellDateRangePicker/LocaleContext";
 export * from "@mui/x-date-pickers";
@@ -18,6 +19,6 @@ export * from "./dateRangeViewRenderers";
 export type { DateRange, RangePosition } from "./internals/models/range";
 export type { UseDateRangeFieldProps } from "./internals/models/dateRange";
 export { PisellDateRangePicker as RangePicker };
-export { LocaleContext, LocaleProvider };
+export { LocaleContext, LocaleProvider, ConfigProvider };
 export { getDatePickerValueByShortcut, formatPresets, getShortcutValue, getPresetLabel, getDatePickerValue, } from "./utils/index";
 export * from "./models";

package/lib/index.js

@@ -30,6 +30,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
+  ConfigProvider: () => import_antd.ConfigProvider,
   LocaleContext: () => import_LocaleContext.LocaleContext,
   LocaleProvider: () => import_LocaleContext.LocaleProvider,
   RangePicker: () => import_PisellDateRangePicker.default,
@@ -40,6 +41,7 @@ __export(src_exports, {
   getShortcutValue: () => import_utils.getShortcutValue
 });
 module.exports = __toCommonJS(src_exports);
+var import_antd = require("antd");
 var import_PisellDateRangePicker = __toESM(require("./PisellDateRangePicker"));
 var import_LocaleContext = require("./PisellDateRangePicker/LocaleContext");
 __reExport(src_exports, require("@mui/x-date-pickers"), module.exports);
@@ -60,6 +62,7 @@ var import_utils = require("./utils/index");
 __reExport(src_exports, require("./models"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  ConfigProvider,
   LocaleContext,
   LocaleProvider,
   RangePicker,

package/lib/internals/utils/date-fields-utils.d.ts

@@ -5,7 +5,7 @@ export declare const splitDateRangeSections: (sections: RangeFieldSection[]) =>
 };
 export declare const removeLastSeparator: (dateSections: RangeFieldSection[]) => (RangeFieldSection | {
     separator: null;
-    dateName: "end" | "start";
+    dateName: "start" | "end";
     value: string;
     format: string;
     maxLength: number | null;

package/lib/utils/index.d.ts

@@ -7,7 +7,7 @@ export declare const isMobile: () => boolean;
  * 格式化预设
  * @param presets
  */
-export declare const formatPresets: (presets: PresetType[]) => ({
+export declare const formatPresets: (presets: PresetType[], locale?: string) => ({
     label: any;
     getValue: (() => Dayjs[]) | (() => [Dayjs, Dayjs] | "today" | "yesterday" | "last_3_days" | "last_7_days" | "last_30_days" | "last_90_days" | "last_180_days" | "tomorrow" | "next_3_days" | "next_7_days" | "next_30_days" | "next_90_days" | "next_180_days");
     value: [Dayjs, Dayjs] | "today" | "yesterday" | "last_3_days" | "last_7_days" | "last_30_days" | "last_90_days" | "last_180_days" | "tomorrow" | "next_3_days" | "next_7_days" | "next_30_days" | "next_90_days" | "next_180_days";
@@ -21,7 +21,7 @@ export declare const formatPresets: (presets: PresetType[]) => ({
  * @param currentShortcut
  * @param presets
  */
-export declare const getPresetLabel: (currentShortcut: string | null, presets: any[]) => any;
+export declare const getPresetLabel: (currentShortcut: string | null, presets: any[], locale: string) => any;
 /**
  * 获取预设的value
  * @param value

package/lib/utils/index.js

@@ -42,7 +42,7 @@ var isMobile = () => {
   }
   return (0, import_utils.isMobile)();
 };
-var formatPresets = (presets) => {
+var formatPresets = (presets, locale) => {
   return presets.map((item) => {
     var _a, _b, _c;
     if ((0, import_utils.isString)(item.value)) {
@@ -56,7 +56,7 @@ var formatPresets = (presets) => {
       }
       return {
         ...item,
-        label: item.label || ((_c = (_b = (_a = import_constants.presetDetailMap) == null ? void 0 : _a[item.value]) == null ? void 0 : _b.label) == null ? void 0 : _c.call(_b)),
+        label: item.label || ((_c = (_b = (_a = import_constants.presetDetailMap) == null ? void 0 : _a[item.value]) == null ? void 0 : _b.label) == null ? void 0 : _c.call(_b, locale)),
         getValue: getValue2
       };
     }
@@ -72,9 +72,9 @@ var formatPresets = (presets) => {
     };
   });
 };
-var getPresetLabel = (currentShortcut, presets) => {
+var getPresetLabel = (currentShortcut, presets, locale) => {
   var _a, _b, _c;
-  const label = (_c = (_b = (_a = import_constants.presetDetailMap) == null ? void 0 : _a[currentShortcut]) == null ? void 0 : _b.label) == null ? void 0 : _c.call(_b);
+  const label = (_c = (_b = (_a = import_constants.presetDetailMap) == null ? void 0 : _a[currentShortcut]) == null ? void 0 : _b.label) == null ? void 0 : _c.call(_b, locale);
   if (label) {
     return label;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/date-picker",
-  "version": "1.0.80",
+  "version": "1.0.82",
   "sideEffects": [
     "*.less"
   ],