fix: date range data clear problem

Esieve · ggbond268 · commit 96f1dfeebd99 · 2023-03-09T08:24:58.000Z
(cherry picked from commit 2ceeb25770c41810ceca62e90eb9d70314194c21)
diff --git a/client/packages/openblocks/src/comps/comps/dateComp/dateComp.tsx b/client/packages/openblocks/src/comps/comps/dateComp/dateComp.tsx
@@ -158,7 +158,6 @@ export type DateCompViewProps = Pick<
   | "secondStep"
   | "viewRef"
 > & {
-  onPanelChange: () => void;
   onFocus: () => void;
   onBlur: () => void;
   $style: DateTimeStyleType;
@@ -282,10 +281,9 @@ export const dateRangeControl = (function () {
           );
           props.onEvent("change");
         }}
-        onPanelChange={() => {
-          // mode[0] !== "date" && handleDateChange("", props.start.onChange, noop);
-          handleDateChange("", props.start.onChange, noop);
-          handleDateChange("", props.end.onChange, noop);
+        onPanelChange={(_, mode) => {
+          mode[0] !== "date" && handleDateChange("", props.start.onChange, noop);
+          mode[1] !== "date" && handleDateChange("", props.end.onChange, noop);
         }}
         onFocus={() => props.onEvent("focus")}
         onBlur={() => props.onEvent("blur")}
diff --git a/client/packages/openblocks/src/comps/comps/dateComp/dateRangeUIView.tsx b/client/packages/openblocks/src/comps/comps/dateComp/dateRangeUIView.tsx
@@ -24,6 +24,7 @@ export interface DateRangeUIViewProps extends DateCompViewProps {
   start: moment.Moment | null;
   end: moment.Moment | null;
   onChange: (start?: moment.Moment | null, end?: moment.Moment | null) => void;
+  onPanelChange: (value: any, mode: [string, string]) => void;
 }
 
 export const DateRangeUIView = (props: DateRangeUIViewProps) => {
diff --git a/client/packages/openblocks/src/comps/comps/dateComp/dateUIView.tsx b/client/packages/openblocks/src/comps/comps/dateComp/dateUIView.tsx
@@ -17,6 +17,7 @@ const DatePickerStyled = styled(DatePicker)<{ $style: DateTimeStyleType }>`
 export interface DataUIViewProps extends DateCompViewProps {
   value: moment.Moment | null;
   onChange: (value: moment.Moment | null) => void;
+  onPanelChange: () => void;
 }
 
 const DateMobileUIView = React.lazy(() =>

Original file line number	Diff line number	Diff line change
`@@ -24,6 +24,7 @@ export interface DateRangeUIViewProps extends DateCompViewProps {`
`24`	`24`	`start: moment.Moment \| null;`
`25`	`25`	`end: moment.Moment \| null;`
`26`	`26`	`onChange: (start?: moment.Moment \| null, end?: moment.Moment \| null) => void;`
	`27`	`+ onPanelChange: (value: any, mode: [string, string]) => void;`
`27`	`28`	`}`
`28`	`29`
`29`	`30`	`export const DateRangeUIView = (props: DateRangeUIViewProps) => {`
Original file line number	Diff line number	Diff line change
@@ -17,6 +17,7 @@ const DatePickerStyled = styled(DatePicker)<{ $style: DateTimeStyleType }>`
`17`	`17`	`export interface DataUIViewProps extends DateCompViewProps {`
`18`	`18`	`value: moment.Moment \| null;`
`19`	`19`	`onChange: (value: moment.Moment \| null) => void;`
	`20`	`+ onPanelChange: () => void;`
`20`	`21`	`}`
`21`	`22`
`22`	`23`	`const DateMobileUIView = React.lazy(() =>`