fix(static-past-time-picker): fix style (#1886)

Co-authored-by: maxin <maxin@growingio.com>

src/static-past-time-picker/SinceRangePicker.tsx

@@ -42,7 +42,14 @@ function SinceRangePicker({ disabledDate, timeRange, onSelect, onCancel, experim
               setEndKey(e.target.value);
             }}
           >
-            {endDateKeys.map((o: string) => o && <SwitchGroup.Item value={o}>{END_DATE_MAPPING[o]}</SwitchGroup.Item>)}
+            {endDateKeys.map(
+              (o: string) =>
+                o && (
+                  <SwitchGroup.Item key={o} value={o}>
+                    {END_DATE_MAPPING[o]}
+                  </SwitchGroup.Item>
+                )
+            )}
           </SwitchGroup>
         </span>
       </>

src/static-past-time-picker/style/QuickPicker.less

@@ -1,27 +1,23 @@
-@import '../../stylesheet/index.less';
-@import '../../stylesheet/mixin/index.less';
-@import '../../stylesheet/variables/index.less';
+@import (reference) '../../stylesheet/variables/index.less';
+@import (reference) '../../list/style/index.less';
 
 @quick-picker-prefix-cls: ~'@{component-prefix}-quick-picker';
 
 .@{quick-picker-prefix-cls} {
   &__list {
     display: flex;
-    min-width: 280px;
-    .gio-list {
-      flex-direction: row;
-      flex-wrap: wrap;
+    .@{list-prefix-cls} {
+      display: grid;
+      grid-auto-rows: 36px;
+      grid-template-columns: 144px 136px;
       column-gap: 8px;
-      .gio-list--item {
+      .@{list-prefix-cls}--item {
         box-sizing: content-box;
-        width: 104px;
       }
     }
   }
 
   &__bottom {
-    align-items: center;
-    justify-content: space-between;
     box-sizing: content-box;
     height: 30px;
     padding: 8px 16px 16px 16px;
@@ -31,7 +27,4 @@
       float: right;
     }
   }
-
-  width: fit-content;
-  max-width: fit-content;
 }

src/static-past-time-picker/style/index.less

@@ -1,25 +1,20 @@
-@import '../../stylesheet/index.less';
-@import '../../stylesheet/mixin/index.less';
-@import '../../stylesheet/variables/index.less';
+@import (reference) '../../stylesheet/variables/index.less';
 
 @past-time-static-picker-prefix-cls: ~'@{component-prefix}-static-past-time-picker';
 
 .@{past-time-static-picker-prefix-cls} {
   display: flex;
-  width: fit-content;
-  max-width: fit-content;
   background: #fff;
   border-radius: 4px;
 
   &__time-mode {
     box-sizing: border-box;
-    width: 160px;
+    min-width: 160px;
     padding: 8px;
     border-right: 1px solid @gray-2;
   }
 
   &__panel {
     box-sizing: border-box;
-    min-width: 280px;
   }
 }