@pisell/date-picker 1.0.71 → 1.0.73

package/es/PisellDateRangePicker/LocaleContext.js

@@ -0,0 +1,6 @@
+import { createContext } from 'react';
+var initialContext = {
+  locale: 'en'
+};
+export var LocaleContext = /*#__PURE__*/createContext(initialContext);
+export var LocaleProvider = LocaleContext.Provider;

package/es/PisellDateRangePicker/index.js

@@ -10,7 +10,7 @@ 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, { useState, useEffect, useMemo } from "react";
+import React, { useState, useEffect, useMemo, useContext } from "react";
 import { DateRangePicker } from "../DateRangePicker";
 import ActionBar from "../ActionBar";
 import Shortcuts from "../Shortcuts";
@@ -19,11 +19,13 @@ import classNames from "classnames";
 import { isArr, isBoolean } from "@pisell/utils";
 import useCssVariables from "./useCssVariables";
 import CloseCircle from "./CloseCircle";
-import 'dayjs/locale/zh-cn';
-import 'dayjs/locale/en';
-import 'dayjs/locale/zh-tw';
+import "dayjs/locale/zh-cn";
+import "dayjs/locale/en";
+import "dayjs/locale/zh-tw";
 import "./index.less";
-import { isMobile } from "../utils";
+import { getCurrentLocale, isMobile } from "../utils";
+import { LocaleContext } from "./LocaleContext";
+import { pLocaleMap } from "../locales";
 var transDayjsArr = function transDayjsArr(dayjsArr, defaultValue) {
   var _newArr;
   var newArr = dayjsArr || defaultValue || [null, null];
@@ -45,7 +47,7 @@ var PisellDateRangePicker = function PisellDateRangePicker(props) {
     showTime = props.showTime,
     placeholder = props.placeholder,
     disabledDate = props.disabledDate,
-    format = props.format,
+    propsFormat = props.format,
     defaultValue = props.defaultValue,
     suffixIcon = props.suffixIcon,
     _props$bordered = props.bordered,
@@ -75,6 +77,8 @@ var PisellDateRangePicker = function PisellDateRangePicker(props) {
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
     setOpen = _useState2[1];
+  var _ref = useContext(LocaleContext) || {},
+    locale = _ref.locale;
   useEffect(function () {
     isBoolean(propsOpen) && setOpen(propsOpen);
   }, [propsOpen]);
@@ -171,11 +175,24 @@ var PisellDateRangePicker = function PisellDateRangePicker(props) {
     }
     return {};
   }, [inputReadOnly]);
+  var format = useMemo(function () {
+    if (propsFormat) {
+      return propsFormat;
+    }
+    var localeValue = locale;
+    if (!localeValue) {
+      localeValue = pLocaleMap[getCurrentLocale()];
+    }
+    return localeValue === "en" || localeValue === "en-US" ? "DD/MM/YYYY" : "YYYY/MM/DD";
+  }, [propsFormat, locale]);
   return /*#__PURE__*/React.createElement("span", {
     className: classNames(className, "pisell-date-range-picker", {
       "pisell-date-range-picker-no-border": !bordered
     }),
-    style: style
+    style: style,
+    onClick: function onClick(e) {
+      return e.stopPropagation();
+    }
   }, /*#__PURE__*/React.createElement(DateRangePicker
   // defaultValue={defaultValue}
   // key={`${_value?.[0]?.valueOf()}-${_value?.[1]?.valueOf()}`}

package/es/index.js

@@ -1,4 +1,5 @@
 import PisellDateRangePicker from "./PisellDateRangePicker";
+import { LocaleContext, LocaleProvider } from "./PisellDateRangePicker/LocaleContext";
 export * from "@mui/x-date-pickers";
 export * from "@mui/material/styles";
 export * from "./DateRangePickerDay";
@@ -22,4 +23,5 @@ export * from "./StaticDateRangePicker";
 // View renderers
 export * from "./dateRangeViewRenderers";
 export { PisellDateRangePicker as RangePicker };
+export { LocaleContext, LocaleProvider };
 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/locales/index.js

@@ -10,7 +10,10 @@ var langMap = {
 export var pLocaleMap = {
   "en": "en-US",
   "zh-cn": "zh-CN",
-  "zh-tw": "zh-TW"
+  "zh-tw": "zh-TW",
+  "en-US": "en-US",
+  "zh-CN": "zh-CN",
+  "zh-TW": "zh-TW"
 };
 export var getText = function getText(id, pLocale) {
   if (!id) {

package/lib/PisellDateRangePicker/LocaleContext.js

@@ -0,0 +1,36 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/PisellDateRangePicker/LocaleContext.ts
+var LocaleContext_exports = {};
+__export(LocaleContext_exports, {
+  LocaleContext: () => LocaleContext,
+  LocaleProvider: () => LocaleProvider
+});
+module.exports = __toCommonJS(LocaleContext_exports);
+var import_react = require("react");
+var initialContext = {
+  locale: "en"
+};
+var LocaleContext = (0, import_react.createContext)(initialContext);
+var LocaleProvider = LocaleContext.Provider;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LocaleContext,
+  LocaleProvider
+});

package/lib/PisellDateRangePicker/index.js

@@ -46,6 +46,8 @@ var import_en = require("dayjs/locale/en");
 var import_zh_tw = require("dayjs/locale/zh-tw");
 var import_index = require("./index.less");
 var import_utils2 = require("../utils");
+var import_LocaleContext = require("./LocaleContext");
+var import_locales = require("../locales");
 var transDayjsArr = (dayjsArr, defaultValue) => {
   let newArr = dayjsArr || defaultValue || [null, null];
   if ((dayjsArr == null ? void 0 : dayjsArr.length) === 0) {
@@ -64,7 +66,7 @@ var PisellDateRangePicker = (props) => {
     showTime,
     placeholder,
     disabledDate,
-    format,
+    format: propsFormat,
     defaultValue,
     suffixIcon,
     bordered = true,
@@ -89,6 +91,7 @@ var PisellDateRangePicker = (props) => {
     inputReadOnly
   } = props;
   const [open, setOpen] = (0, import_react.useState)(propsOpen ?? false);
+  const { locale } = (0, import_react.useContext)(import_LocaleContext.LocaleContext) || {};
   (0, import_react.useEffect)(() => {
     (0, import_utils.isBoolean)(propsOpen) && setOpen(propsOpen);
   }, [propsOpen]);
@@ -183,13 +186,24 @@ var PisellDateRangePicker = (props) => {
     }
     return {};
   }, [inputReadOnly]);
+  const format = (0, import_react.useMemo)(() => {
+    if (propsFormat) {
+      return propsFormat;
+    }
+    let localeValue = locale;
+    if (!localeValue) {
+      localeValue = import_locales.pLocaleMap[(0, import_utils2.getCurrentLocale)()];
+    }
+    return localeValue === "en" || localeValue === "en-US" ? "DD/MM/YYYY" : "YYYY/MM/DD";
+  }, [propsFormat, locale]);
   return /* @__PURE__ */ import_react.default.createElement(
     "span",
     {
       className: (0, import_classnames.default)(className, "pisell-date-range-picker", {
         "pisell-date-range-picker-no-border": !bordered
       }),
-      style
+      style,
+      onClick: (e) => e.stopPropagation()
     },
     /* @__PURE__ */ import_react.default.createElement(
       import_DateRangePicker.DateRangePicker,

package/lib/index.js

@@ -30,10 +30,13 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
+  LocaleContext: () => import_LocaleContext.LocaleContext,
+  LocaleProvider: () => import_LocaleContext.LocaleProvider,
   RangePicker: () => import_PisellDateRangePicker.default
 });
 module.exports = __toCommonJS(src_exports);
 var import_PisellDateRangePicker = __toESM(require("./PisellDateRangePicker"));
+var import_LocaleContext = require("./PisellDateRangePicker/LocaleContext");
 __reExport(src_exports, require("@mui/x-date-pickers"), module.exports);
 __reExport(src_exports, require("@mui/material/styles"), module.exports);
 __reExport(src_exports, require("./DateRangePickerDay"), module.exports);
@@ -51,6 +54,8 @@ __reExport(src_exports, require("./dateRangeViewRenderers"), module.exports);
 __reExport(src_exports, require("./models"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  LocaleContext,
+  LocaleProvider,
   RangePicker,
   ...require("@mui/x-date-pickers"),
   ...require("@mui/material/styles"),

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/locales/index.js

@@ -45,7 +45,10 @@ var langMap = {
 var pLocaleMap = {
   "en": "en-US",
   "zh-cn": "zh-CN",
-  "zh-tw": "zh-TW"
+  "zh-tw": "zh-TW",
+  "en-US": "en-US",
+  "zh-CN": "zh-CN",
+  "zh-TW": "zh-TW"
 };
 var getText = (id, pLocale) => {
   if (!id) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/date-picker",
-  "version": "1.0.71",
+  "version": "1.0.73",
   "sideEffects": [
     "*.less"
   ],
@@ -26,7 +26,7 @@
     "antd": "^5.5.0",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "@pisell/utils": "1.0.25"
+    "@pisell/utils": "1.0.24"
   },
   "files": [
     "es",

package/es/PisellDateRangePicker/index.d.ts

@@ -1,79 +0,0 @@
-import { Dayjs } from "dayjs";
-import React from "react";
-import { ButtonProps } from "antd";
-import { PopperPlacementType } from "@mui/base/Popper/Popper.types";
-import { PresetType } from "../Shortcuts";
-import 'dayjs/locale/zh-cn';
-import 'dayjs/locale/en';
-import 'dayjs/locale/zh-tw';
-import "./index.less";
-export interface PisellDateRangePickerProps {
-    /** 再次选择日期时是否清除结束时间 */
-    clearEndOnSelection?: boolean;
-    /** 日期选择确认回调 */
-    onChange?: (day: (Dayjs | null)[]) => void;
-    /** 日期改变回调 此处只为了组件外拿到当前日期项进行状态操作 通常情况下只使用onChange来拿value */
-    onDateChange?: (day: (Dayjs | null)[]) => void;
-    /** 日期选择值 */
-    value?: Dayjs[];
-    /** 日期选择默认值 */
-    defaultValue?: Dayjs[];
-    /** 快捷选择项 */
-    presets?: PresetType[];
-    /** 类名 */
-    className?: string;
-    /** 是否显示时间选择 这里参数为antd TimePickerProps */
-    showTime?: boolean | {
-        defaultValue: Dayjs;
-        [key: string]: any;
-    }[];
-    /** 占位符 */
-    placeholder?: string;
-    /** 是否禁用日期 */
-    disabledDate?: (day: Dayjs, position: "start" | "end", value: Dayjs[]) => boolean;
-    /** 日期格式 */
-    format?: string;
-    /** 后缀图标 */
-    suffixIcon?: React.ReactNode;
-    /** 是否显示边框 */
-    bordered?: boolean;
-    /** 是否打开日期选择 */
-    open?: boolean;
-    /** 关闭回调 */
-    onClose?: () => void;
-    /** 打开回调 */
-    onOpen?: () => void;
-    /** 弹窗宽度 */
-    popupWidth?: number;
-    /** 最小日期 */
-    minDate?: Dayjs;
-    /** 最大日期 */
-    maxDate?: Dayjs;
-    /** 月份切换事件 */
-    onMonthChange?: (value: Dayjs) => void;
-    /** 额外的弹出日历 className	 */
-    popupClassName?: string;
-    /** 默认显示月份	 */
-    defaultCalendarMonth?: Dayjs;
-    /** ok 按钮 props		 */
-    okButtonProps?: ButtonProps;
-    /** cancel 按钮 props		 */
-    cancelButtonProps?: ButtonProps;
-    /**
-     * CSS media query when `Mobile` mode will be changed to `Desktop`.
-     * @default '@media (pointer: fine)'
-     * @example '@media (min-width: 720px)' or theme.breakpoints.up("sm")
-     */
-    desktopModeMediaQuery?: string;
-    style?: React.CSSProperties;
-    /** 是否展示清除按钮 */
-    allowClear?: boolean;
-    /** true 将弹窗当前DOM层次结构下 false 追加到body */
-    disablePortal?: boolean;
-    /** 弹窗放置位置 */
-    placement?: PopperPlacementType;
-    /** 输入框只读 */
-    inputReadOnly: boolean;
-}
-declare const PisellDateRangePicker: (props: PisellDateRangePickerProps) => JSX.Element;
-export default PisellDateRangePicker;

package/es/index.d.ts

@@ -1,20 +0,0 @@
-import PisellDateRangePicker from "./PisellDateRangePicker";
-export * from "@mui/x-date-pickers";
-export * from "@mui/material/styles";
-export * from "./DateRangePickerDay";
-export * from "./MultiInputDateRangeField";
-export * from "./MultiInputTimeRangeField";
-export * from "./MultiInputDateTimeRangeField";
-export * from "./SingleInputDateRangeField";
-export * from "./SingleInputTimeRangeField";
-export * from "./SingleInputDateTimeRangeField";
-export type { RangeFieldSection, BaseMultiInputFieldProps, MultiInputFieldSlotTextFieldProps, } from "./internals/models/fields";
-export * from "./DateRangeCalendar";
-export * from "./DesktopDateRangePicker";
-export * from "./MobileDateRangePicker";
-export * from "./StaticDateRangePicker";
-export * from "./dateRangeViewRenderers";
-export type { DateRange, RangePosition } from "./internals/models/range";
-export type { UseDateRangeFieldProps } from "./internals/models/dateRange";
-export { PisellDateRangePicker as RangePicker };
-export * from "./models";

package/es/locales/index.d.ts

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

package/lib/PisellDateRangePicker/index.d.ts

@@ -1,79 +0,0 @@
-import { Dayjs } from "dayjs";
-import React from "react";
-import { ButtonProps } from "antd";
-import { PopperPlacementType } from "@mui/base/Popper/Popper.types";
-import { PresetType } from "../Shortcuts";
-import 'dayjs/locale/zh-cn';
-import 'dayjs/locale/en';
-import 'dayjs/locale/zh-tw';
-import "./index.less";
-export interface PisellDateRangePickerProps {
-    /** 再次选择日期时是否清除结束时间 */
-    clearEndOnSelection?: boolean;
-    /** 日期选择确认回调 */
-    onChange?: (day: (Dayjs | null)[]) => void;
-    /** 日期改变回调 此处只为了组件外拿到当前日期项进行状态操作 通常情况下只使用onChange来拿value */
-    onDateChange?: (day: (Dayjs | null)[]) => void;
-    /** 日期选择值 */
-    value?: Dayjs[];
-    /** 日期选择默认值 */
-    defaultValue?: Dayjs[];
-    /** 快捷选择项 */
-    presets?: PresetType[];
-    /** 类名 */
-    className?: string;
-    /** 是否显示时间选择 这里参数为antd TimePickerProps */
-    showTime?: boolean | {
-        defaultValue: Dayjs;
-        [key: string]: any;
-    }[];
-    /** 占位符 */
-    placeholder?: string;
-    /** 是否禁用日期 */
-    disabledDate?: (day: Dayjs, position: "start" | "end", value: Dayjs[]) => boolean;
-    /** 日期格式 */
-    format?: string;
-    /** 后缀图标 */
-    suffixIcon?: React.ReactNode;
-    /** 是否显示边框 */
-    bordered?: boolean;
-    /** 是否打开日期选择 */
-    open?: boolean;
-    /** 关闭回调 */
-    onClose?: () => void;
-    /** 打开回调 */
-    onOpen?: () => void;
-    /** 弹窗宽度 */
-    popupWidth?: number;
-    /** 最小日期 */
-    minDate?: Dayjs;
-    /** 最大日期 */
-    maxDate?: Dayjs;
-    /** 月份切换事件 */
-    onMonthChange?: (value: Dayjs) => void;
-    /** 额外的弹出日历 className	 */
-    popupClassName?: string;
-    /** 默认显示月份	 */
-    defaultCalendarMonth?: Dayjs;
-    /** ok 按钮 props		 */
-    okButtonProps?: ButtonProps;
-    /** cancel 按钮 props		 */
-    cancelButtonProps?: ButtonProps;
-    /**
-     * CSS media query when `Mobile` mode will be changed to `Desktop`.
-     * @default '@media (pointer: fine)'
-     * @example '@media (min-width: 720px)' or theme.breakpoints.up("sm")
-     */
-    desktopModeMediaQuery?: string;
-    style?: React.CSSProperties;
-    /** 是否展示清除按钮 */
-    allowClear?: boolean;
-    /** true 将弹窗当前DOM层次结构下 false 追加到body */
-    disablePortal?: boolean;
-    /** 弹窗放置位置 */
-    placement?: PopperPlacementType;
-    /** 输入框只读 */
-    inputReadOnly: boolean;
-}
-declare const PisellDateRangePicker: (props: PisellDateRangePickerProps) => JSX.Element;
-export default PisellDateRangePicker;

package/lib/index.d.ts

@@ -1,20 +0,0 @@
-import PisellDateRangePicker from "./PisellDateRangePicker";
-export * from "@mui/x-date-pickers";
-export * from "@mui/material/styles";
-export * from "./DateRangePickerDay";
-export * from "./MultiInputDateRangeField";
-export * from "./MultiInputTimeRangeField";
-export * from "./MultiInputDateTimeRangeField";
-export * from "./SingleInputDateRangeField";
-export * from "./SingleInputTimeRangeField";
-export * from "./SingleInputDateTimeRangeField";
-export type { RangeFieldSection, BaseMultiInputFieldProps, MultiInputFieldSlotTextFieldProps, } from "./internals/models/fields";
-export * from "./DateRangeCalendar";
-export * from "./DesktopDateRangePicker";
-export * from "./MobileDateRangePicker";
-export * from "./StaticDateRangePicker";
-export * from "./dateRangeViewRenderers";
-export type { DateRange, RangePosition } from "./internals/models/range";
-export type { UseDateRangeFieldProps } from "./internals/models/dateRange";
-export { PisellDateRangePicker as RangePicker };
-export * from "./models";

package/lib/locales/index.d.ts

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