@pisell/date-picker 1.0.46 → 1.0.48

package/es/PisellDateRangePicker/index.d.ts

@@ -8,6 +8,8 @@ export interface PisellDateRangePickerProps {
     clearEndOnSelection?: boolean;
     /** 日期选择确认回调 */
     onChange?: (day: Dayjs[]) => void;
+    /** 日期改变回调 此处只为了组件外拿到当前日期项进行状态操作 通常情况下只使用onChange来拿value */
+    onDateChange?: (day: Dayjs[]) => void;
     /** 日期选择值 */
     value?: Dayjs[];
     /** 日期选择默认值 */

package/es/PisellDateRangePicker/index.js

@@ -51,7 +51,8 @@ var PisellDateRangePicker = function PisellDateRangePicker(props) {
     popupClassName = props.popupClassName,
     defaultCalendarMonth = props.defaultCalendarMonth,
     okButtonProps = props.okButtonProps,
-    cancelButtonProps = props.cancelButtonProps;
+    cancelButtonProps = props.cancelButtonProps,
+    onDateChange = props.onDateChange;
   var _useState = useState(propsOpen !== null && propsOpen !== void 0 ? propsOpen : false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
@@ -75,6 +76,7 @@ var PisellDateRangePicker = function PisellDateRangePicker(props) {
   var handleClose = function handleClose() {
     setOpen(false);
     onClose === null || onClose === void 0 ? void 0 : onClose();
+    onDateChange === null || onDateChange === void 0 ? void 0 : onDateChange(transDayjsArr(propsValue, defaultValue));
     setValue(transDayjsArr(propsValue, defaultValue));
   };
   var handleOk = function handleOk() {
@@ -111,6 +113,7 @@ var PisellDateRangePicker = function PisellDateRangePicker(props) {
     if (clearEndOnSelection && _value.filter(Boolean).length === 2) {
       newVal = [newVal[0], null];
     }
+    onDateChange === null || onDateChange === void 0 ? void 0 : onDateChange(newVal);
     setValue(newVal);
   };
   var hasPreset = (_presets === null || _presets === void 0 ? void 0 : _presets.length) > 0;

package/es/Shortcuts/index.d.ts

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

package/es/dateRangeViewRenderers/dateRangeViewRenderers.d.ts

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

package/lib/PisellDateRangePicker/index.d.ts

@@ -8,6 +8,8 @@ export interface PisellDateRangePickerProps {
     clearEndOnSelection?: boolean;
     /** 日期选择确认回调 */
     onChange?: (day: Dayjs[]) => void;
+    /** 日期改变回调 此处只为了组件外拿到当前日期项进行状态操作 通常情况下只使用onChange来拿value */
+    onDateChange?: (day: Dayjs[]) => void;
     /** 日期选择值 */
     value?: Dayjs[];
     /** 日期选择默认值 */

package/lib/PisellDateRangePicker/index.js

@@ -74,7 +74,8 @@ var PisellDateRangePicker = (props) => {
     popupClassName,
     defaultCalendarMonth,
     okButtonProps,
-    cancelButtonProps
+    cancelButtonProps,
+    onDateChange
   } = props;
   const [open, setOpen] = (0, import_react.useState)(propsOpen ?? false);
   (0, import_react.useEffect)(() => {
@@ -93,6 +94,7 @@ var PisellDateRangePicker = (props) => {
   const handleClose = () => {
     setOpen(false);
     onClose == null ? void 0 : onClose();
+    onDateChange == null ? void 0 : onDateChange(transDayjsArr(propsValue, defaultValue));
     setValue(transDayjsArr(propsValue, defaultValue));
   };
   const handleOk = () => {
@@ -128,6 +130,7 @@ var PisellDateRangePicker = (props) => {
     if (clearEndOnSelection && _value.filter(Boolean).length === 2) {
       newVal = [newVal[0], null];
     }
+    onDateChange == null ? void 0 : onDateChange(newVal);
     setValue(newVal);
   };
   const hasPreset = (_presets == null ? void 0 : _presets.length) > 0;

package/lib/Shortcuts/index.d.ts

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

package/lib/dateRangeViewRenderers/dateRangeViewRenderers.d.ts

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

package/package.json

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