Merge branch 'master' of github.com:ant-design/ant-design

components/time-picker/index.tsx

@@ -22,7 +22,7 @@ export interface TimePickerProps {
   className?: string;
   size?: 'large' | 'default' | 'small';
   value?: moment.Moment;
-  defaultValue?: moment.Moment;
+  defaultValue?: moment.Moment | moment.Moment[];
   open?: boolean;
   format?: string;
   onChange?: (time: moment.Moment, timeString: string) => void;

package.json

@@ -137,7 +137,7 @@
     "rc-drawer-menu": "^0.5.3",
     "rc-queue-anim": "^1.4.1",
     "rc-scroll-anim": "^2.2.1",
-    "rc-tween-one": "^1.7.1",
+    "rc-tween-one": "^1.7.2",
     "react": "^16.0.0",
     "react-color": "^2.11.7",
     "react-copy-to-clipboard": "^5.0.0",

site/theme/static/home.less

@@ -65,6 +65,9 @@
     max-width: 560px;
     min-height: 336px;
     color: #0d1a26;
+    > * {
+      will-change: transform;
+    }
     h1 {
       font-size: 68px;
       font-weight: 600;
@@ -86,13 +89,11 @@
     right: 0;
     bottom: 26px;
   }
-
   .banner-btns {
     display: flex;
     align-items: center;
     margin-top: 24px;
   }
-
   .banner-btn {
     padding: 0 24px;
     border-radius: 100px;
@@ -271,7 +272,6 @@ svg {
           justify-content: flex-end;
         }
       }
-
       &:hover {
         h4 {
           color: @home-bg-color;

site/theme/template/Home/BannerImage.jsx

@@ -6,6 +6,7 @@ TweenOne.plugins.push(PathPlugin);
 const duration = 7000;
 const ease = 'easeInOutSine';
 const p = 'M123.5,89.5 C148,82.5 239.5,48.5 230,17.5 C220.5,-13.5 127,6 99.5,13.5 C72,21 -9.5,56.5 1.5,84.5 C12.5,112.5 99,96.5 123.5,89.5 Z';
+const easePath = 'M0,100 C7.33333333,89 14.3333333,81.6666667 21,78 C25.3601456,75.6019199 29.8706084,72.9026327 33,70 C37.0478723,66.2454406 39.3980801,62.0758689 42.5,57 C48,46.5 61.5,32.5 70,28 C77.5,23.5 81.5,20 86.5,16 C89.8333333,13.3333333 94.3333333,8 100,0';
 const loop = {
   yoyo: true,
   repeat: -1,
@@ -17,7 +18,7 @@ const animate = {
     path: { x: p, y: p },
     duration: 5000,
     repeat: -1,
-    ease: 'linear',
+    ease: TweenOne.easing.path(easePath, { lengthPixel: 400 }),
   },
   rotate: {
     ...loop,