fix: DatePicker cannot be cleared by set undefined

packages/zarm/src/date-picker-view/DatePickerView.tsx

@@ -43,7 +43,6 @@ const DatePickerView = React.forwardRef<DatePickerViewInstance, DatePickerViewPr
     const defaultRenderLabel = useRenderLabel(renderLabel);
 
     React.useEffect(() => {
-      if (props.value === undefined) return;
       if (isEqual(props.value, innerValue)) return;
       setInnerValue(props.value);
     }, [props.value]);

packages/zarm/src/date-picker/demo.md

@@ -251,14 +251,26 @@ ReactDOM.render(<Demo />, mountNode);
 
 ```jsx
 import { useState } from 'react';
-import { Toast, List, DateSelect } from 'zarm';
+import { Toast, List, DateSelect, Button } from 'zarm';
 
 const Demo = () => {
+  const [value, setValue] = useState(new Date());
   return (
     <List>
-      <List.Item title="日期选择">
+      <List.Item
+        title="日期选择"
+        suffix={
+          <Button
+            size="xs"
+            onClick={() => {
+              setValue(undefined);
+            }}
+          >清除</Button>
+        }
+      >
         <DateSelect
-          onChange={(value, items) => console.log('DateSelect onChange', value, items)}
+          value={value}
+          onChange={(value, items) => {console.log('DateSelect onChange', value, items); setValue(value);}}
           onConfirm={(value, items) => {
             Toast.show(value.toLocaleString());
             console.log('DateSelect onConfirm', value, items);

packages/zarm/src/date-select/DateSelect.tsx

@@ -51,7 +51,6 @@ const DateSelect: React.FC<DateSelectProps> = (props) => {
   const bem = createBEM('date-select', { prefixCls });
 
   React.useEffect(() => {
-    if (props.value === undefined) return;
     if (isEqual(value, innerValue)) return;
     setInnerValue(value);
   }, [value]);
@@ -68,6 +67,7 @@ const DateSelect: React.FC<DateSelectProps> = (props) => {
     });
 
     onConfirm?.(changedValue, changedItems);
+    onChange?.(changedValue, changedItems);
   };
 
   const handleCancel = () => {

packages/zarm/src/date-select/interface.ts

@@ -5,4 +5,5 @@ export interface BaseDateSelectProps extends Omit<BaseDatePickerProps, 'visible'
   placeholder?: string;
   hasArrow?: boolean;
   displayRender?: (items: PickerColumnItem[]) => React.ReactNode;
+  onChange?: (value: Date, items: PickerColumnItem[]) => void;
 }