@pisell/date-picker 1.0.45 → 1.0.47

package/es/ActionBar/index.d.ts

@@ -1,3 +1,4 @@
+import { ButtonProps } from "antd";
 import { Dayjs } from "dayjs";
 import "./index.less";
 interface ActionBarProps {
@@ -10,6 +11,8 @@ interface ActionBarProps {
         defaultValue: Dayjs;
         [key: string]: any;
     }[];
+    okButtonProps?: ButtonProps;
+    cancelButtonProps?: ButtonProps;
 }
 declare const ActionBar: (props: ActionBarProps) => JSX.Element;
 export default ActionBar;

package/es/ActionBar/index.js

@@ -25,7 +25,9 @@ var ActionBar = function ActionBar(props) {
     onChange = props.onChange,
     showTime = props.showTime,
     _props$value = props.value,
-    value = _props$value === void 0 ? [] : _props$value;
+    value = _props$value === void 0 ? [] : _props$value,
+    okButtonProps = props.okButtonProps,
+    cancelButtonProps = props.cancelButtonProps;
   var slotProps = ownerState.slotProps;
   var _ref = (slotProps === null || slotProps === void 0 ? void 0 : slotProps.shortcuts) || {},
     items = _ref.items;
@@ -95,11 +97,12 @@ var ActionBar = function ActionBar(props) {
     style: _objectSpread(_objectSpread({}, spaceStyle), {}, {
       margin: 0
     })
-  }, /*#__PURE__*/React.createElement(Button, {
+  }, /*#__PURE__*/React.createElement(Button, _extends({}, cancelButtonProps || {}, {
     onClick: onCancel
-  }, getText("action-bar-cancel")), /*#__PURE__*/React.createElement(Button, {
-    type: "primary",
+  }), getText("action-bar-cancel")), /*#__PURE__*/React.createElement(Button, _extends({
+    type: "primary"
+  }, okButtonProps || {}, {
     onClick: onOk
-  }, getText("action-bar-apply")))));
+  }), getText("action-bar-apply")))));
 };
 export default ActionBar;

package/es/PisellDateRangePicker/index.d.ts

@@ -1,5 +1,6 @@
 import { Dayjs } from "dayjs";
 import React from "react";
+import { ButtonProps } from "antd";
 import { PresetType } from "../Shortcuts";
 import "./index.less";
 export interface PisellDateRangePickerProps {
@@ -7,6 +8,8 @@ export interface PisellDateRangePickerProps {
     clearEndOnSelection?: boolean;
     /** 日期选择确认回调 */
     onChange?: (day: Dayjs[]) => void;
+    /** 日期改变回调 此处只为了组件外拿到当前日期项进行状态操作 通常情况下只使用onChange来拿value */
+    onDateChange?: (day: Dayjs[]) => void;
     /** 日期选择值 */
     value?: Dayjs[];
     /** 日期选择默认值 */
@@ -48,6 +51,10 @@ export interface PisellDateRangePickerProps {
     popupClassName?: string;
     /** 默认显示月份	 */
     defaultCalendarMonth?: Dayjs;
+    /** ok 按钮 props		 */
+    okButtonProps?: ButtonProps;
+    /** cancel 按钮 props		 */
+    cancelButtonProps?: ButtonProps;
 }
 declare const PisellDateRangePicker: (props: PisellDateRangePickerProps) => JSX.Element;
 export default PisellDateRangePicker;

package/es/PisellDateRangePicker/index.js

@@ -49,7 +49,10 @@ var PisellDateRangePicker = function PisellDateRangePicker(props) {
     onOpen = props.onOpen,
     onMonthChange = props.onMonthChange,
     popupClassName = props.popupClassName,
-    defaultCalendarMonth = props.defaultCalendarMonth;
+    defaultCalendarMonth = props.defaultCalendarMonth,
+    okButtonProps = props.okButtonProps,
+    cancelButtonProps = props.cancelButtonProps,
+    onDateChange = props.onDateChange;
   var _useState = useState(propsOpen !== null && propsOpen !== void 0 ? propsOpen : false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
@@ -73,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() {
@@ -109,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;
@@ -160,7 +165,9 @@ var PisellDateRangePicker = function PisellDateRangePicker(props) {
         onCancel: handleClose,
         showTime: showTime,
         onChange: handleChange,
-        value: _value
+        value: _value,
+        okButtonProps: okButtonProps,
+        cancelButtonProps: cancelButtonProps
       },
       field: {
         value: _value,

package/lib/ActionBar/index.d.ts

@@ -1,3 +1,4 @@
+import { ButtonProps } from "antd";
 import { Dayjs } from "dayjs";
 import "./index.less";
 interface ActionBarProps {
@@ -10,6 +11,8 @@ interface ActionBarProps {
         defaultValue: Dayjs;
         [key: string]: any;
     }[];
+    okButtonProps?: ButtonProps;
+    cancelButtonProps?: ButtonProps;
 }
 declare const ActionBar: (props: ActionBarProps) => JSX.Element;
 export default ActionBar;

package/lib/ActionBar/index.js

@@ -40,7 +40,16 @@ var import_dayjs = __toESM(require("dayjs"));
 var import_locales = require("../locales");
 var import_index = require("./index.less");
 var ActionBar = (props) => {
-  const { ownerState, onCancel, onOk, onChange, showTime, value = [] } = props;
+  const {
+    ownerState,
+    onCancel,
+    onOk,
+    onChange,
+    showTime,
+    value = [],
+    okButtonProps,
+    cancelButtonProps
+  } = props;
   const { slotProps } = ownerState;
   const { items } = (slotProps == null ? void 0 : slotProps.shortcuts) || {};
   const hasShortcuts = !!items.length;
@@ -106,7 +115,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, { onClick: onCancel }, (0, import_locales.getText)("action-bar-cancel")), /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { type: "primary", 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")), /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { type: "primary", ...okButtonProps || {}, onClick: onOk }, (0, import_locales.getText)("action-bar-apply")))
   ));
 };
 var ActionBar_default = ActionBar;

package/lib/PisellDateRangePicker/index.d.ts

@@ -1,5 +1,6 @@
 import { Dayjs } from "dayjs";
 import React from "react";
+import { ButtonProps } from "antd";
 import { PresetType } from "../Shortcuts";
 import "./index.less";
 export interface PisellDateRangePickerProps {
@@ -7,6 +8,8 @@ export interface PisellDateRangePickerProps {
     clearEndOnSelection?: boolean;
     /** 日期选择确认回调 */
     onChange?: (day: Dayjs[]) => void;
+    /** 日期改变回调 此处只为了组件外拿到当前日期项进行状态操作 通常情况下只使用onChange来拿value */
+    onDateChange?: (day: Dayjs[]) => void;
     /** 日期选择值 */
     value?: Dayjs[];
     /** 日期选择默认值 */
@@ -48,6 +51,10 @@ export interface PisellDateRangePickerProps {
     popupClassName?: string;
     /** 默认显示月份	 */
     defaultCalendarMonth?: Dayjs;
+    /** ok 按钮 props		 */
+    okButtonProps?: ButtonProps;
+    /** cancel 按钮 props		 */
+    cancelButtonProps?: ButtonProps;
 }
 declare const PisellDateRangePicker: (props: PisellDateRangePickerProps) => JSX.Element;
 export default PisellDateRangePicker;

package/lib/PisellDateRangePicker/index.js

@@ -72,7 +72,10 @@ var PisellDateRangePicker = (props) => {
     onOpen,
     onMonthChange,
     popupClassName,
-    defaultCalendarMonth
+    defaultCalendarMonth,
+    okButtonProps,
+    cancelButtonProps,
+    onDateChange
   } = props;
   const [open, setOpen] = (0, import_react.useState)(propsOpen ?? false);
   (0, import_react.useEffect)(() => {
@@ -91,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 = () => {
@@ -126,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;
@@ -177,7 +182,9 @@ var PisellDateRangePicker = (props) => {
             onCancel: handleClose,
             showTime,
             onChange: handleChange,
-            value: _value
+            value: _value,
+            okButtonProps,
+            cancelButtonProps
           },
           field: {
             value: _value,

package/package.json

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