@pisell/date-picker 1.0.56 → 1.0.57

package/es/ActionBar/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonProps } from "antd";
 import { Dayjs } from "dayjs";
 import "./index.less";

package/es/ActionBar/index.js

@@ -11,12 +11,13 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 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; }
-import React, { useMemo } from "react";
+import React, { useMemo, useContext } from "react";
 import classNames from "classnames";
 import { Button, Space, TimePicker } from "antd";
+import { MuiPickersAdapterContext } from "@mui/x-date-pickers";
 import { isArr, isMobile } from "@pisell/utils";
 import dayjs from "dayjs";
-import { getText } from "../locales";
+import { getText, pLocaleMap } from "../locales";
 import "./index.less";
 var ActionBar = function ActionBar(props) {
   var ownerState = props.ownerState,
@@ -28,6 +29,10 @@ var ActionBar = function ActionBar(props) {
     value = _props$value === void 0 ? [] : _props$value,
     okButtonProps = props.okButtonProps,
     cancelButtonProps = props.cancelButtonProps;
+  var local = useContext(MuiPickersAdapterContext);
+  var locale = useMemo(function () {
+    return local.utils.locale || "en";
+  }, [local.utils.locale]);
   var slotProps = ownerState.slotProps;
   var _ref = (slotProps === null || slotProps === void 0 ? void 0 : slotProps.shortcuts) || {},
     items = _ref.items;
@@ -80,14 +85,14 @@ var ActionBar = function ActionBar(props) {
     split: "-",
     style: _objectSpread({}, spaceStyle)
   }, showTime ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TimePicker, _extends({
-    placeholder: getText("action-bar-start.time")
+    placeholder: getText("action-bar-start.time", pLocaleMap[locale])
   }, startTimeProps, {
     value: value[0],
     popupClassName: "date-picker-action-bar-time-picker-popup",
     onChange: handleStartChange,
     inputReadOnly: true
   })), /*#__PURE__*/React.createElement(TimePicker, _extends({
-    placeholder: getText("action-bar-end.time")
+    placeholder: getText("action-bar-end.time", pLocaleMap[locale])
   }, endTimeProps, {
     value: value[1],
     popupClassName: "date-picker-action-bar-time-picker-popup",
@@ -99,10 +104,10 @@ var ActionBar = function ActionBar(props) {
     })
   }, /*#__PURE__*/React.createElement(Button, _extends({}, cancelButtonProps || {}, {
     onClick: onCancel
-  }), getText("action-bar-cancel")), /*#__PURE__*/React.createElement(Button, _extends({
+  }), getText("action-bar-cancel", pLocaleMap[locale])), /*#__PURE__*/React.createElement(Button, _extends({
     type: "primary"
   }, okButtonProps || {}, {
     onClick: onOk
-  }), getText("action-bar-apply")))));
+  }), getText("action-bar-apply", pLocaleMap[locale])))));
 };
 export default ActionBar;

package/es/Shortcuts/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 import { Dayjs } from "dayjs";
 export declare type PresetType = {

package/es/dateRangeViewRenderers/dateRangeViewRenderers.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
 import { DateRangeCalendarProps } from '../DateRangeCalendar';
 export interface DateRangeViewRendererProps<TDate, TView extends DateOrTimeViewWithMeridiem> extends DateRangeCalendarProps<TDate> {

package/es/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
 import { UseDesktopRangePickerParams, UseDesktopRangePickerProps } from './useDesktopRangePicker.types';
 export declare const useDesktopRangePicker: <TDate, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseDesktopRangePickerProps<TDate, TView, any, TExternalProps>>({ props, ...pickerParams }: UseDesktopRangePickerParams<TDate, TView, TExternalProps>) => {

package/es/internals/hooks/useMobileRangePicker/useMobileRangePicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
 import { UseMobileRangePickerParams, UseMobileRangePickerProps } from './useMobileRangePicker.types';
 export declare const useMobileRangePicker: <TDate, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseMobileRangePickerProps<TDate, TView, any, TExternalProps>>({ props, ...pickerParams }: UseMobileRangePickerParams<TDate, TView, TExternalProps>) => {

package/es/internals/hooks/useStaticRangePicker/useStaticRangePicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
 import { UseStaticRangePickerParams, UseStaticRangePickerProps } from './useStaticRangePicker.types';
 /**

package/es/locales/index.d.ts

@@ -1 +1,2 @@
-export declare const getText: (id: string) => any;
+export declare const pLocaleMap: Record<string, any>;
+export declare const getText: (id: string, pLocale?: string) => any;

package/es/locales/index.js

@@ -7,15 +7,20 @@ var langMap = {
   "en-US": enUS,
   "zh-TW": zhTW
 };
-export var getText = function getText(id) {
+export var pLocaleMap = {
+  "en": "en-US",
+  "zh-cn": "zh-CN",
+  "zh-tw": "zh-TW"
+};
+export var getText = function getText(id, pLocale) {
   if (!id) {
     return;
   }
-  var locale = getCurrentLocale();
-  if (!locale) {
-    localStorage.setItem("umi_locale", "en-US");
-    locale = "en-US";
+  if (pLocale) {
+    //@ts-ignore
+    return langMap[pLocale][id] || id;
   }
+  var locale = getCurrentLocale() || "en-US";
   //@ts-ignore
   return langMap[locale][id] || id;
 };

package/es/utils/index.js

@@ -1,6 +1,5 @@
 export var getCurrentLocale = function getCurrentLocale() {
-  var locale = 'en-US';
-  locale = localStorage.getItem('umi_locale');
+  var locale = localStorage.getItem('umi_locale') || 'en-US';
   //@ts-ignore
   return locale;
 };

package/lib/ActionBar/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonProps } from "antd";
 import { Dayjs } from "dayjs";
 import "./index.less";

package/lib/ActionBar/index.js

@@ -35,6 +35,7 @@ module.exports = __toCommonJS(ActionBar_exports);
 var import_react = __toESM(require("react"));
 var import_classnames = __toESM(require("classnames"));
 var import_antd = require("antd");
+var import_x_date_pickers = require("@mui/x-date-pickers");
 var import_utils = require("@pisell/utils");
 var import_dayjs = __toESM(require("dayjs"));
 var import_locales = require("../locales");
@@ -50,6 +51,10 @@ var ActionBar = (props) => {
     okButtonProps,
     cancelButtonProps
   } = props;
+  const local = (0, import_react.useContext)(import_x_date_pickers.MuiPickersAdapterContext);
+  const locale = (0, import_react.useMemo)(() => {
+    return local.utils.locale || "en";
+  }, [local.utils.locale]);
   const { slotProps } = ownerState;
   const { items } = (slotProps == null ? void 0 : slotProps.shortcuts) || {};
   const hasShortcuts = !!items.length;
@@ -97,7 +102,10 @@ var ActionBar = (props) => {
     /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { split: "-", style: { ...spaceStyle } }, showTime ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
       import_antd.TimePicker,
       {
-        placeholder: (0, import_locales.getText)("action-bar-start.time"),
+        placeholder: (0, import_locales.getText)(
+          "action-bar-start.time",
+          import_locales.pLocaleMap[locale]
+        ),
         ...startTimeProps,
         value: value[0],
         popupClassName: "date-picker-action-bar-time-picker-popup",
@@ -107,7 +115,7 @@ var ActionBar = (props) => {
     ), /* @__PURE__ */ import_react.default.createElement(
       import_antd.TimePicker,
       {
-        placeholder: (0, import_locales.getText)("action-bar-end.time"),
+        placeholder: (0, import_locales.getText)("action-bar-end.time", import_locales.pLocaleMap[locale]),
         ...endTimeProps,
         value: value[1],
         popupClassName: "date-picker-action-bar-time-picker-popup",
@@ -115,7 +123,7 @@ var ActionBar = (props) => {
         inputReadOnly: true
       }
     )) : /* @__PURE__ */ import_react.default.createElement("div", null)),
-    /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { style: { ...spaceStyle, margin: 0 } }, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { ...cancelButtonProps || {}, onClick: onCancel }, (0, import_locales.getText)("action-bar-cancel")), /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { type: "primary", ...okButtonProps || {}, onClick: onOk }, (0, import_locales.getText)("action-bar-apply")))
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { style: { ...spaceStyle, margin: 0 } }, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { ...cancelButtonProps || {}, onClick: onCancel }, (0, import_locales.getText)("action-bar-cancel", import_locales.pLocaleMap[locale])), /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { type: "primary", ...okButtonProps || {}, onClick: onOk }, (0, import_locales.getText)("action-bar-apply", import_locales.pLocaleMap[locale])))
   ));
 };
 var ActionBar_default = ActionBar;

package/lib/Shortcuts/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 import { Dayjs } from "dayjs";
 export declare type PresetType = {

package/lib/dateRangeViewRenderers/dateRangeViewRenderers.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
 import { DateRangeCalendarProps } from '../DateRangeCalendar';
 export interface DateRangeViewRendererProps<TDate, TView extends DateOrTimeViewWithMeridiem> extends DateRangeCalendarProps<TDate> {

package/lib/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
 import { UseDesktopRangePickerParams, UseDesktopRangePickerProps } from './useDesktopRangePicker.types';
 export declare const useDesktopRangePicker: <TDate, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseDesktopRangePickerProps<TDate, TView, any, TExternalProps>>({ props, ...pickerParams }: UseDesktopRangePickerParams<TDate, TView, TExternalProps>) => {

package/lib/internals/hooks/useMobileRangePicker/useMobileRangePicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
 import { UseMobileRangePickerParams, UseMobileRangePickerProps } from './useMobileRangePicker.types';
 export declare const useMobileRangePicker: <TDate, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseMobileRangePickerProps<TDate, TView, any, TExternalProps>>({ props, ...pickerParams }: UseMobileRangePickerParams<TDate, TView, TExternalProps>) => {

package/lib/internals/hooks/useStaticRangePicker/useStaticRangePicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
 import { UseStaticRangePickerParams, UseStaticRangePickerProps } from './useStaticRangePicker.types';
 /**

package/lib/locales/index.d.ts

@@ -1 +1,2 @@
-export declare const getText: (id: string) => any;
+export declare const pLocaleMap: Record<string, any>;
+export declare const getText: (id: string, pLocale?: string) => any;

package/lib/locales/index.js

@@ -29,7 +29,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/locales/index.ts
 var locales_exports = {};
 __export(locales_exports, {
-  getText: () => getText
+  getText: () => getText,
+  pLocaleMap: () => pLocaleMap
 });
 module.exports = __toCommonJS(locales_exports);
 var import_zh_CN = __toESM(require("./zh-CN"));
@@ -41,18 +42,23 @@ var langMap = {
   "en-US": import_en_US.default,
   "zh-TW": import_zh_TW.default
 };
-var getText = (id) => {
+var pLocaleMap = {
+  "en": "en-US",
+  "zh-cn": "zh-CN",
+  "zh-tw": "zh-TW"
+};
+var getText = (id, pLocale) => {
   if (!id) {
     return;
   }
-  let locale = (0, import_utils.getCurrentLocale)();
-  if (!locale) {
-    localStorage.setItem("umi_locale", "en-US");
-    locale = "en-US";
+  if (pLocale) {
+    return langMap[pLocale][id] || id;
   }
+  let locale = (0, import_utils.getCurrentLocale)() || "en-US";
   return langMap[locale][id] || id;
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  getText
+  getText,
+  pLocaleMap
 });

package/lib/utils/index.js

@@ -23,8 +23,7 @@ __export(utils_exports, {
 });
 module.exports = __toCommonJS(utils_exports);
 var getCurrentLocale = () => {
-  let locale = "en-US";
-  locale = localStorage.getItem("umi_locale");
+  let locale = localStorage.getItem("umi_locale") || "en-US";
   return locale;
 };
 // Annotate the CommonJS export names for ESM import in node:

package/package.json

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