@fonixtree/magic-design 1.0.156 → 1.0.158

package/es/common/ProductCardModal/index.js

@@ -62,7 +62,7 @@ function ProductCardModal(_a) {
     return index === active;
   };
 
-  var randomRotateY = function randomRotateY() {
+  var randomRotateY = function randomRotateY(index) {
     // return Math.floor(Math.random() * 21) - 10;
     return Math.floor((index % 2 === 0 ? -index : index) * 0.1 * 21) - 10;
   };
@@ -128,7 +128,7 @@ function ProductCardModal(_a) {
         opacity: isActive(index) ? 1 : 0.7,
         scale: isActive(index) ? 1 : 0.95,
         z: isActive(index) ? 0 : -100,
-        rotate: isActive(index) ? 0 : randomRotateY(),
+        rotate: isActive(index) ? 0 : randomRotateY(index),
         zIndex: isActive(index) ? 999 : data.length + 2 - index,
         y: isActive(index) ? [0, -80, 0] : 0
       },
@@ -137,13 +137,13 @@ function ProductCardModal(_a) {
         opacity: 0,
         scale: 0.9,
         z: 100,
-        rotate: randomRotateY()
+        rotate: randomRotateY(index)
       },
       initial: {
         opacity: 0,
         scale: 0.9,
         z: -100,
-        rotate: randomRotateY()
+        rotate: randomRotateY(index)
       },
       transition: {
         duration: 0.4,

package/es/composite-comp/dito/components/SearchDITO/pc/index.js

@@ -524,15 +524,18 @@ function (_super) {
       _this.bannerGoto(_this.props.data.groupSource);
     });
     var navCardDom = document.querySelector('.navigation');
-    document.addEventListener('click', function (event) {
-      if (!navCardDom.contains(event.target)) {
-        _this.setState({
-          activeCatgId: null,
-          visible: false,
-          relativeLeft: 0
-        });
-      }
-    });
+
+    if (navCardDom) {
+      document.addEventListener('click', function (event) {
+        if (!navCardDom.contains(event.target)) {
+          _this.setState({
+            activeCatgId: null,
+            visible: false,
+            relativeLeft: 0
+          });
+        }
+      });
+    }
   };
 
   SearchDitoPc.prototype.componentWillReceiveProps = function (nextProps) {

package/es/composite-comp/dito/components/SlideImage/pc/components/VideoItem/index.less

@@ -17,7 +17,8 @@
     content: '';
     display: block;
     width: 180%;
-    height: 764px;
+    max-width: 672px;
+    height: 840px;
     position: absolute;
     transform: translate(-50%, -50%) rotate(-45deg) scale(0);
     top: 50%;
@@ -29,7 +30,7 @@
     background-size: 100%;
     background-repeat: no-repeat;
     background-position: center;
-    transition: transform 1s linear;
+    transition: transform 0.7s linear;
     pointer-events: none;
   }
 

package/lib/common/ProductCardModal/index.js

@@ -62,7 +62,7 @@ function ProductCardModal(_a) {
     return index === active;
   };
 
-  var randomRotateY = function randomRotateY() {
+  var randomRotateY = function randomRotateY(index) {
     // return Math.floor(Math.random() * 21) - 10;
     return Math.floor((index % 2 === 0 ? -index : index) * 0.1 * 21) - 10;
   };
@@ -128,7 +128,7 @@ function ProductCardModal(_a) {
         opacity: isActive(index) ? 1 : 0.7,
         scale: isActive(index) ? 1 : 0.95,
         z: isActive(index) ? 0 : -100,
-        rotate: isActive(index) ? 0 : randomRotateY(),
+        rotate: isActive(index) ? 0 : randomRotateY(index),
         zIndex: isActive(index) ? 999 : data.length + 2 - index,
         y: isActive(index) ? [0, -80, 0] : 0
       },
@@ -137,13 +137,13 @@ function ProductCardModal(_a) {
         opacity: 0,
         scale: 0.9,
         z: 100,
-        rotate: randomRotateY()
+        rotate: randomRotateY(index)
       },
       initial: {
         opacity: 0,
         scale: 0.9,
         z: -100,
-        rotate: randomRotateY()
+        rotate: randomRotateY(index)
       },
       transition: {
         duration: 0.4,

package/lib/composite-comp/dito/components/SearchDITO/pc/index.js

@@ -524,15 +524,18 @@ function (_super) {
       _this.bannerGoto(_this.props.data.groupSource);
     });
     var navCardDom = document.querySelector('.navigation');
-    document.addEventListener('click', function (event) {
-      if (!navCardDom.contains(event.target)) {
-        _this.setState({
-          activeCatgId: null,
-          visible: false,
-          relativeLeft: 0
-        });
-      }
-    });
+
+    if (navCardDom) {
+      document.addEventListener('click', function (event) {
+        if (!navCardDom.contains(event.target)) {
+          _this.setState({
+            activeCatgId: null,
+            visible: false,
+            relativeLeft: 0
+          });
+        }
+      });
+    }
   };
 
   SearchDitoPc.prototype.componentWillReceiveProps = function (nextProps) {

package/lib/composite-comp/dito/components/SlideImage/pc/components/VideoItem/index.less

@@ -17,7 +17,8 @@
     content: '';
     display: block;
     width: 180%;
-    height: 764px;
+    max-width: 672px;
+    height: 840px;
     position: absolute;
     transform: translate(-50%, -50%) rotate(-45deg) scale(0);
     top: 50%;
@@ -29,7 +30,7 @@
     background-size: 100%;
     background-repeat: no-repeat;
     background-position: center;
-    transition: transform 1s linear;
+    transition: transform 0.7s linear;
     pointer-events: none;
   }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fonixtree/magic-design",
   "author": "Cylon Team",
-  "version": "1.0.156",
+  "version": "1.0.158",
   "description": "Magic Design",
   "license": "MIT",
   "module": "es/index.js",