@fonixtree/magic-design 1.0.184 → 1.0.185

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 (7) hide show
  1. package/es/composite-comp/common/components/ProductItem/index.js +21 -9
  2. package/es/composite-comp/common/components/ProductItem/index.less +7 -1
  3. package/es/composite-comp/dito/components/Recommend/mobile/index.js +1 -0
  4. package/lib/composite-comp/common/components/ProductItem/index.js +21 -9
  5. package/lib/composite-comp/common/components/ProductItem/index.less +7 -1
  6. package/lib/composite-comp/dito/components/Recommend/mobile/index.js +1 -0
  7. package/package.json +1 -1
package/es/composite-comp/common/components/ProductItem/index.js CHANGED
@@ -164,15 +164,27 @@ function (_super) {
164
164
  }, data.url && !data.url.includes('.mp4') && /*#__PURE__*/_react["default"].createElement("img", {
165
165
  alt: "welcome advertise",
166
166
  src: data.url
167
- }), data.url && data.url.includes('.mp4') && /*#__PURE__*/_react["default"].createElement("video", {
168
- autoPlay: true,
169
- loop: true,
170
- muted: true,
171
- playsinline: true,
172
- "webkit-playsinline": true
173
- }, /*#__PURE__*/_react["default"].createElement("source", {
174
- src: data.url,
175
- type: "video/mp4"
167
+ }), data.url && data.url.includes('.mp4') &&
168
+ /*#__PURE__*/
169
+ // <video
170
+ // autoPlay
171
+ // loop
172
+ // muted
173
+ // playsinline
174
+ // webkit-playsinline
175
+ // >
176
+ // <source src={data.url} type="video/mp4" />
177
+ // </video>
178
+ _react["default"].createElement("div", {
179
+ className: "video-wrap"
180
+ }, /*#__PURE__*/_react["default"].createElement(_common.Video, {
181
+ opts: {
182
+ source: data.url,
183
+ controlBarHide: true,
184
+ autoplay: true,
185
+ loop: true
186
+ },
187
+ videoId: data.id
176
188
  })));
177
189
  }
178
190
 
package/es/composite-comp/common/components/ProductItem/index.less CHANGED
@@ -1,9 +1,15 @@
1
1
  .m-product-item-advertise {
2
2
 
3
3
  img,
4
- video {
4
+ video,
5
+ .video-wrap {
5
6
  width: 100%;
6
7
  border-radius: 8px;
8
+ overflow: hidden;
9
+ }
10
+
11
+ .prism-player {
12
+ background-color: transparent;
7
13
  }
8
14
  }
9
15
 
package/es/composite-comp/dito/components/Recommend/mobile/index.js CHANGED
@@ -416,6 +416,7 @@ function (_super) {
416
416
  return {
417
417
  type: 'ad',
418
418
  url: it === null || it === void 0 ? void 0 : it.url,
419
+ id: it === null || it === void 0 ? void 0 : it.contentId,
419
420
  adObj: it
420
421
  };
421
422
  })];
package/lib/composite-comp/common/components/ProductItem/index.js CHANGED
@@ -164,15 +164,27 @@ function (_super) {
164
164
  }, data.url && !data.url.includes('.mp4') && /*#__PURE__*/_react["default"].createElement("img", {
165
165
  alt: "welcome advertise",
166
166
  src: data.url
167
- }), data.url && data.url.includes('.mp4') && /*#__PURE__*/_react["default"].createElement("video", {
168
- autoPlay: true,
169
- loop: true,
170
- muted: true,
171
- playsinline: true,
172
- "webkit-playsinline": true
173
- }, /*#__PURE__*/_react["default"].createElement("source", {
174
- src: data.url,
175
- type: "video/mp4"
167
+ }), data.url && data.url.includes('.mp4') &&
168
+ /*#__PURE__*/
169
+ // <video
170
+ // autoPlay
171
+ // loop
172
+ // muted
173
+ // playsinline
174
+ // webkit-playsinline
175
+ // >
176
+ // <source src={data.url} type="video/mp4" />
177
+ // </video>
178
+ _react["default"].createElement("div", {
179
+ className: "video-wrap"
180
+ }, /*#__PURE__*/_react["default"].createElement(_common.Video, {
181
+ opts: {
182
+ source: data.url,
183
+ controlBarHide: true,
184
+ autoplay: true,
185
+ loop: true
186
+ },
187
+ videoId: data.id
176
188
  })));
177
189
  }
178
190
 
package/lib/composite-comp/common/components/ProductItem/index.less CHANGED
@@ -1,9 +1,15 @@
1
1
  .m-product-item-advertise {
2
2
 
3
3
  img,
4
- video {
4
+ video,
5
+ .video-wrap {
5
6
  width: 100%;
6
7
  border-radius: 8px;
8
+ overflow: hidden;
9
+ }
10
+
11
+ .prism-player {
12
+ background-color: transparent;
7
13
  }
8
14
  }
9
15
 
package/lib/composite-comp/dito/components/Recommend/mobile/index.js CHANGED
@@ -416,6 +416,7 @@ function (_super) {
416
416
  return {
417
417
  type: 'ad',
418
418
  url: it === null || it === void 0 ? void 0 : it.url,
419
+ id: it === null || it === void 0 ? void 0 : it.contentId,
419
420
  adObj: it
420
421
  };
421
422
  })];
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.184",
4
+ "version": "1.0.185",
5
5
  "description": "Magic Design",
6
6
  "license": "MIT",
7
7
  "module": "es/index.js",