@pisell/date-picker 1.0.74 → 1.0.75-2

package/es/ActionBar/index.js

@@ -44,6 +44,16 @@ var ActionBar = function ActionBar(props) {
     newValue[0] = (start === null || start === void 0 ? void 0 : (_start$set = start.set("hour", (val === null || val === void 0 ? void 0 : val.get("hour")) || 0)) === null || _start$set === void 0 ? void 0 : (_start$set$set = _start$set.set("minute", (val === null || val === void 0 ? void 0 : val.get("minute")) || 0)) === null || _start$set$set === void 0 ? void 0 : _start$set$set.set("second", (val === null || val === void 0 ? void 0 : val.get("second")) || 0)) || null;
     onChange(newValue, "time");
   };
+  var handleStartOnBlur = function handleStartOnBlur(e) {
+    var format = (startTimeProps === null || startTimeProps === void 0 ? void 0 : startTimeProps.format) || "HH:mm:ss";
+    var val = dayjs(e.target.value, format);
+    handleStartChange(val);
+  };
+  var handleEndOnBlur = function handleEndOnBlur(e) {
+    var format = (endTimeProps === null || endTimeProps === void 0 ? void 0 : endTimeProps.format) || "HH:mm:ss";
+    var val = dayjs(e.target.value, format);
+    handleEndChange(val);
+  };
   var handleEndChange = function handleEndChange(val) {
     var _end$set, _end$set$set;
     var newValue = _toConsumableArray(value);
@@ -90,6 +100,8 @@ var ActionBar = function ActionBar(props) {
     value: value[0],
     popupClassName: "date-picker-action-bar-time-picker-popup",
     onChange: handleStartChange,
+    onSelect: handleStartChange,
+    // onBlur: handleStartOnBlur,
     inputReadOnly: true
   })), /*#__PURE__*/React.createElement(TimePicker, _extends({
     placeholder: getText("action-bar-end.time", pLocaleMap[locale])
@@ -97,6 +109,8 @@ var ActionBar = function ActionBar(props) {
     value: value[1],
     popupClassName: "date-picker-action-bar-time-picker-popup",
     onChange: handleEndChange,
+    onSelect: handleEndChange,
+    // onBlur: handleEndOnBlur,
     inputReadOnly: true
   }))) : /*#__PURE__*/React.createElement("div", null)), /*#__PURE__*/React.createElement(Space, {
     style: _objectSpread(_objectSpread({}, spaceStyle), {}, {

package/es/PisellDateRangePicker/LocaleContext.d.ts

@@ -0,0 +1,2 @@
+export declare const LocaleContext: any;
+export declare const LocaleProvider: any;

package/es/PisellDateRangePicker/index.d.ts

@@ -0,0 +1,81 @@
+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;
+    /** 是否禁用 */
+    disabled?: boolean;
+}
+declare const PisellDateRangePicker: (props: PisellDateRangePickerProps) => JSX.Element;
+export default PisellDateRangePicker;

package/es/PisellDateRangePicker/index.js

@@ -72,7 +72,8 @@ var PisellDateRangePicker = function PisellDateRangePicker(props) {
     disablePortal = props.disablePortal,
     _props$placement = props.placement,
     placement = _props$placement === void 0 ? "auto" : _props$placement,
-    inputReadOnly = props.inputReadOnly;
+    inputReadOnly = props.inputReadOnly,
+    disabled = props.disabled;
   var _useState = useState(propsOpen !== null && propsOpen !== void 0 ? propsOpen : false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
@@ -197,6 +198,7 @@ var PisellDateRangePicker = function PisellDateRangePicker(props) {
   // defaultValue={defaultValue}
   // key={`${_value?.[0]?.valueOf()}-${_value?.[1]?.valueOf()}`}
   , {
+    disabled: disabled,
     desktopModeMediaQuery: desktopModeMediaQuery,
     onMonthChange: onMonthChange,
     minDate: minDate,

package/es/index.d.ts

@@ -0,0 +1,22 @@
+import PisellDateRangePicker from "./PisellDateRangePicker";
+import { LocaleContext, LocaleProvider } from "./PisellDateRangePicker/LocaleContext";
+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 { LocaleContext, LocaleProvider };
+export * from "./models";

package/es/locales/index.d.ts

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

package/lib/ActionBar/index.js

@@ -65,6 +65,16 @@ var ActionBar = (props) => {
     newValue[0] = ((_b = (_a = start == null ? void 0 : start.set("hour", (val == null ? void 0 : val.get("hour")) || 0)) == null ? void 0 : _a.set("minute", (val == null ? void 0 : val.get("minute")) || 0)) == null ? void 0 : _b.set("second", (val == null ? void 0 : val.get("second")) || 0)) || null;
     onChange(newValue, "time");
   };
+  const handleStartOnBlur = (e) => {
+    const format = (startTimeProps == null ? void 0 : startTimeProps.format) || "HH:mm:ss";
+    const val = (0, import_dayjs.default)(e.target.value, format);
+    handleStartChange(val);
+  };
+  const handleEndOnBlur = (e) => {
+    const format = (endTimeProps == null ? void 0 : endTimeProps.format) || "HH:mm:ss";
+    const val = (0, import_dayjs.default)(e.target.value, format);
+    handleEndChange(val);
+  };
   const handleEndChange = (val) => {
     var _a, _b;
     const newValue = [...value];
@@ -110,6 +120,8 @@ var ActionBar = (props) => {
         value: value[0],
         popupClassName: "date-picker-action-bar-time-picker-popup",
         onChange: handleStartChange,
+        onSelect: handleStartChange,
+        // onBlur: handleStartOnBlur,
         inputReadOnly: true
       }
     ), /* @__PURE__ */ import_react.default.createElement(
@@ -120,6 +132,8 @@ var ActionBar = (props) => {
         value: value[1],
         popupClassName: "date-picker-action-bar-time-picker-popup",
         onChange: handleEndChange,
+        onSelect: handleEndChange,
+        // onBlur: handleEndOnBlur,
         inputReadOnly: true
       }
     )) : /* @__PURE__ */ import_react.default.createElement("div", null)),

package/lib/PisellDateRangePicker/LocaleContext.d.ts

@@ -0,0 +1,2 @@
+export declare const LocaleContext: any;
+export declare const LocaleProvider: any;

package/lib/PisellDateRangePicker/index.d.ts

@@ -0,0 +1,81 @@
+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;
+    /** 是否禁用 */
+    disabled?: boolean;
+}
+declare const PisellDateRangePicker: (props: PisellDateRangePickerProps) => JSX.Element;
+export default PisellDateRangePicker;

package/lib/PisellDateRangePicker/index.js

@@ -88,7 +88,8 @@ var PisellDateRangePicker = (props) => {
     allowClear,
     disablePortal,
     placement = "auto",
-    inputReadOnly
+    inputReadOnly,
+    disabled
   } = props;
   const [open, setOpen] = (0, import_react.useState)(propsOpen ?? false);
   const { locale } = (0, import_react.useContext)(import_LocaleContext.LocaleContext) || {};
@@ -208,6 +209,7 @@ var PisellDateRangePicker = (props) => {
     /* @__PURE__ */ import_react.default.createElement(
       import_DateRangePicker.DateRangePicker,
       {
+        disabled,
         desktopModeMediaQuery,
         onMonthChange,
         minDate,

package/lib/index.d.ts

@@ -0,0 +1,22 @@
+import PisellDateRangePicker from "./PisellDateRangePicker";
+import { LocaleContext, LocaleProvider } from "./PisellDateRangePicker/LocaleContext";
+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 { LocaleContext, LocaleProvider };
+export * from "./models";

package/lib/locales/index.d.ts

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

package/package.json

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