@fonixtree/magic-design 1.0.161 → 1.0.162

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/es/common/ProductCardModal/index.js +6 -4
  2. package/es/composite-comp/dito/components/SlideImage/pc/components/ParallaxScroll/index.js +9 -12
  3. package/lib/common/ProductCardModal/index.js +6 -4
  4. package/lib/composite-comp/dito/components/SlideImage/pc/components/ParallaxScroll/index.js +9 -12
  5. package/package.json +1 -1
package/es/common/ProductCardModal/index.js CHANGED
@@ -44,17 +44,19 @@ function ProductCardModal(_a) {
44
44
 
45
45
  var flag = true;
46
46
 
47
+ var _data = data.slice(0, 2);
48
+
47
49
  var handleNext = function handleNext(e) {
48
50
  e.stopPropagation();
49
51
  setActive(function (prev) {
50
- return (prev + 1) % data.length;
52
+ return (prev + 1) % _data.length;
51
53
  });
52
54
  };
53
55
 
54
56
  var handlePrev = function handlePrev(e) {
55
57
  e.stopPropagation();
56
58
  setActive(function (prev) {
57
- return (prev - 1 + data.length) % data.length;
59
+ return (prev - 1 + _data.length) % _data.length;
58
60
  });
59
61
  };
60
62
 
@@ -121,7 +123,7 @@ function ProductCardModal(_a) {
121
123
  onClick: function onClick(e) {
122
124
  return e.stopPropagation();
123
125
  }
124
- }, /*#__PURE__*/_react["default"].createElement(_framerMotion.AnimatePresence, null, data.slice(0, 2).map(function (item, index) {
126
+ }, /*#__PURE__*/_react["default"].createElement(_framerMotion.AnimatePresence, null, _data.map(function (item, index) {
125
127
  return /*#__PURE__*/_react["default"].createElement(_framerMotion.motion.div, {
126
128
  key: item.offerId,
127
129
  animate: {
@@ -129,7 +131,7 @@ function ProductCardModal(_a) {
129
131
  scale: isActive(index) ? 1 : 0.95,
130
132
  z: isActive(index) ? 0 : -100,
131
133
  rotate: isActive(index) ? 0 : randomRotateY(index),
132
- zIndex: isActive(index) ? 999 : data.length + 2 - index,
134
+ zIndex: isActive(index) ? 999 : _data.length + 2 - index,
133
135
  y: isActive(index) ? [0, -80, 0] : 0
134
136
  },
135
137
  className: "card",
package/es/composite-comp/dito/components/SlideImage/pc/components/ParallaxScroll/index.js CHANGED
@@ -25,6 +25,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
25
25
 
26
26
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
27
27
 
28
+ var num = 0;
29
+
28
30
  function ParallaxScroll(_a) {
29
31
  var source = _a.source,
30
32
  xGap = _a.xGap,
@@ -42,7 +44,6 @@ function ParallaxScroll(_a) {
42
44
  colThreeScrollY = _d[0],
43
45
  setColThreeScrollY = _d[1];
44
46
 
45
- var num = 0;
46
47
  var third = Math.ceil(source.length / 3);
47
48
  var firstPart = source.slice(0, third);
48
49
  var secondPart = source.slice(third, 2 * third);
@@ -87,22 +88,18 @@ function ParallaxScroll(_a) {
87
88
  };
88
89
 
89
90
  var onLoad = function onLoad() {
90
- // if (num < source.length - 1) {
91
- // num += 1;
92
- // } else {
93
- // initLayout();
94
- // }
95
- initLayout();
96
- setTimeout(function () {
91
+ if (num < source.length - 1) {
92
+ num += 1;
93
+ } else {
97
94
  initLayout();
98
- }, 1000);
95
+ setTimeout(function () {
96
+ initLayout();
97
+ }, 1000);
98
+ }
99
99
  };
100
100
 
101
101
  (0, _react.useEffect)(function () {
102
102
  if (!(0, _coreUtil.isDesignMode)()) {
103
- // setTimeout(() => {
104
- // initLayout();
105
- // }, 1000);
106
103
  window.addEventListener('resize', (0, _debounce["default"])(initLayout, 200));
107
104
  return function () {
108
105
  window.removeEventListener('resize', initLayout);
package/lib/common/ProductCardModal/index.js CHANGED
@@ -44,17 +44,19 @@ function ProductCardModal(_a) {
44
44
 
45
45
  var flag = true;
46
46
 
47
+ var _data = data.slice(0, 2);
48
+
47
49
  var handleNext = function handleNext(e) {
48
50
  e.stopPropagation();
49
51
  setActive(function (prev) {
50
- return (prev + 1) % data.length;
52
+ return (prev + 1) % _data.length;
51
53
  });
52
54
  };
53
55
 
54
56
  var handlePrev = function handlePrev(e) {
55
57
  e.stopPropagation();
56
58
  setActive(function (prev) {
57
- return (prev - 1 + data.length) % data.length;
59
+ return (prev - 1 + _data.length) % _data.length;
58
60
  });
59
61
  };
60
62
 
@@ -121,7 +123,7 @@ function ProductCardModal(_a) {
121
123
  onClick: function onClick(e) {
122
124
  return e.stopPropagation();
123
125
  }
124
- }, /*#__PURE__*/_react["default"].createElement(_framerMotion.AnimatePresence, null, data.slice(0, 2).map(function (item, index) {
126
+ }, /*#__PURE__*/_react["default"].createElement(_framerMotion.AnimatePresence, null, _data.map(function (item, index) {
125
127
  return /*#__PURE__*/_react["default"].createElement(_framerMotion.motion.div, {
126
128
  key: item.offerId,
127
129
  animate: {
@@ -129,7 +131,7 @@ function ProductCardModal(_a) {
129
131
  scale: isActive(index) ? 1 : 0.95,
130
132
  z: isActive(index) ? 0 : -100,
131
133
  rotate: isActive(index) ? 0 : randomRotateY(index),
132
- zIndex: isActive(index) ? 999 : data.length + 2 - index,
134
+ zIndex: isActive(index) ? 999 : _data.length + 2 - index,
133
135
  y: isActive(index) ? [0, -80, 0] : 0
134
136
  },
135
137
  className: "card",
package/lib/composite-comp/dito/components/SlideImage/pc/components/ParallaxScroll/index.js CHANGED
@@ -25,6 +25,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
25
25
 
26
26
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
27
27
 
28
+ var num = 0;
29
+
28
30
  function ParallaxScroll(_a) {
29
31
  var source = _a.source,
30
32
  xGap = _a.xGap,
@@ -42,7 +44,6 @@ function ParallaxScroll(_a) {
42
44
  colThreeScrollY = _d[0],
43
45
  setColThreeScrollY = _d[1];
44
46
 
45
- var num = 0;
46
47
  var third = Math.ceil(source.length / 3);
47
48
  var firstPart = source.slice(0, third);
48
49
  var secondPart = source.slice(third, 2 * third);
@@ -87,22 +88,18 @@ function ParallaxScroll(_a) {
87
88
  };
88
89
 
89
90
  var onLoad = function onLoad() {
90
- // if (num < source.length - 1) {
91
- // num += 1;
92
- // } else {
93
- // initLayout();
94
- // }
95
- initLayout();
96
- setTimeout(function () {
91
+ if (num < source.length - 1) {
92
+ num += 1;
93
+ } else {
97
94
  initLayout();
98
- }, 1000);
95
+ setTimeout(function () {
96
+ initLayout();
97
+ }, 1000);
98
+ }
99
99
  };
100
100
 
101
101
  (0, _react.useEffect)(function () {
102
102
  if (!(0, _coreUtil.isDesignMode)()) {
103
- // setTimeout(() => {
104
- // initLayout();
105
- // }, 1000);
106
103
  window.addEventListener('resize', (0, _debounce["default"])(initLayout, 200));
107
104
  return function () {
108
105
  window.removeEventListener('resize', initLayout);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@fonixtree/magic-design",
3
3
  "author": "Cylon Team",
4
- "version": "1.0.161",
4
+ "version": "1.0.162",
5
5
  "description": "Magic Design",
6
6
  "license": "MIT",
7
7
  "module": "es/index.js",