pb-sxp-ui 1.0.40 → 1.0.42

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 (60) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +111 -111
  3. package/dist/index.cjs +560 -156
  4. package/dist/index.cjs.map +1 -1
  5. package/dist/index.css +56 -4
  6. package/dist/index.js +559 -156
  7. package/dist/index.js.map +1 -1
  8. package/dist/index.min.cjs +3 -3
  9. package/dist/index.min.cjs.map +1 -1
  10. package/dist/index.min.js +3 -3
  11. package/dist/index.min.js.map +1 -1
  12. package/dist/pb-ui.js +563 -160
  13. package/dist/pb-ui.js.map +1 -1
  14. package/dist/pb-ui.min.js +3 -3
  15. package/dist/pb-ui.min.js.map +1 -1
  16. package/es/core/components/DiyPortalPreview/PictureGroup.d.ts +13 -0
  17. package/es/core/components/DiyPortalPreview/PictureGroup.js +11 -0
  18. package/es/core/components/DiyPortalPreview/VideoWidget.d.ts +15 -0
  19. package/es/core/components/DiyPortalPreview/VideoWidget.js +236 -0
  20. package/es/core/components/DiyPortalPreview/index.d.ts +6 -0
  21. package/es/core/components/DiyPortalPreview/index.js +127 -0
  22. package/es/core/components/SxpPageCore/index.js +2 -2
  23. package/es/core/components/SxpPageRender/Nudge/index.js +6 -5
  24. package/es/core/components/SxpPageRender/PictureGroup/Picture.js +1 -0
  25. package/es/core/components/SxpPageRender/Tagbar.d.ts +7 -0
  26. package/es/core/components/SxpPageRender/Tagbar.js +37 -0
  27. package/es/core/components/SxpPageRender/VideoWidget/index.js +46 -79
  28. package/es/core/components/SxpPageRender/WaterFall/index.js +1 -1
  29. package/es/core/components/SxpPageRender/index.d.ts +2 -0
  30. package/es/core/components/SxpPageRender/index.js +22 -18
  31. package/es/core/context/SxpDataSourceProvider.d.ts +3 -0
  32. package/es/core/context/SxpDataSourceProvider.js +29 -5
  33. package/es/core/hooks/useEventReport.js +4 -4
  34. package/es/index.d.ts +1 -0
  35. package/es/index.js +1 -0
  36. package/es/materials/sxp/popup/CommodityDetail/index.js +10 -10
  37. package/es/materials/sxp/popup/CommodityDetailDiroNew/index.js +10 -10
  38. package/lib/core/components/DiyPortalPreview/PictureGroup.d.ts +13 -0
  39. package/lib/core/components/DiyPortalPreview/PictureGroup.js +14 -0
  40. package/lib/core/components/DiyPortalPreview/VideoWidget.d.ts +15 -0
  41. package/lib/core/components/DiyPortalPreview/VideoWidget.js +239 -0
  42. package/lib/core/components/DiyPortalPreview/index.d.ts +6 -0
  43. package/lib/core/components/DiyPortalPreview/index.js +130 -0
  44. package/lib/core/components/SxpPageCore/index.js +2 -2
  45. package/lib/core/components/SxpPageRender/Nudge/index.js +6 -5
  46. package/lib/core/components/SxpPageRender/PictureGroup/Picture.js +1 -0
  47. package/lib/core/components/SxpPageRender/Tagbar.d.ts +7 -0
  48. package/lib/core/components/SxpPageRender/Tagbar.js +40 -0
  49. package/lib/core/components/SxpPageRender/VideoWidget/index.js +46 -79
  50. package/lib/core/components/SxpPageRender/WaterFall/index.js +1 -1
  51. package/lib/core/components/SxpPageRender/index.d.ts +2 -0
  52. package/lib/core/components/SxpPageRender/index.js +22 -18
  53. package/lib/core/context/SxpDataSourceProvider.d.ts +3 -0
  54. package/lib/core/context/SxpDataSourceProvider.js +29 -5
  55. package/lib/core/hooks/useEventReport.js +4 -4
  56. package/lib/index.d.ts +1 -0
  57. package/lib/index.js +3 -1
  58. package/lib/materials/sxp/popup/CommodityDetail/index.js +10 -10
  59. package/lib/materials/sxp/popup/CommodityDetailDiroNew/index.js +10 -10
  60. package/package.json +115 -114
package/dist/index.css CHANGED
@@ -62,7 +62,6 @@
62
62
 
63
63
  .pb-commondity {
64
64
  position: relative;
65
- height: 100%;
66
65
  }
67
66
  .pb-commondity-content {
68
67
  padding: 21px 19px 80px;
@@ -1288,6 +1287,51 @@ button.swiper-pagination-bullet {
1288
1287
  height: 100%;
1289
1288
  overflow: hidden;
1290
1289
  }
1290
+ .clc-sxp-tagbar {
1291
+ z-index: 8;
1292
+ background-color: #fff;
1293
+ overflow-x: auto;
1294
+ padding: 0 12px;
1295
+ text-align: center;
1296
+ }
1297
+ .clc-sxp-tagbar-list {
1298
+ display: -webkit-inline-box;
1299
+ display: -webkit-inline-flex;
1300
+ display: -ms-inline-flexbox;
1301
+ display: inline-flex;
1302
+ -webkit-box-align: center;
1303
+ -webkit-align-items: center;
1304
+ -ms-flex-align: center;
1305
+ align-items: center;
1306
+ -webkit-flex-wrap: nowrap;
1307
+ -ms-flex-wrap: nowrap;
1308
+ flex-wrap: nowrap;
1309
+ height: 100%;
1310
+ }
1311
+ .clc-sxp-tagbar-list-item {
1312
+ cursor: pointer;
1313
+ font-size: 14px;
1314
+ text-wrap: nowrap;
1315
+ }
1316
+ .clc-sxp-tagbar-list-item-active {
1317
+ position: relative;
1318
+ }
1319
+ .clc-sxp-tagbar-list-item-active::after {
1320
+ content: '';
1321
+ position: absolute;
1322
+ bottom: -2px;
1323
+ left: 50%;
1324
+ -webkit-transform: translateX(-8px);
1325
+ transform: translateX(-8px);
1326
+ height: 1px;
1327
+ border-radius: 6px;
1328
+ width: 18px;
1329
+ background-color: #000;
1330
+ }
1331
+ .clc-sxp-tagbar::-webkit-scrollbar {
1332
+ width: 0;
1333
+ height: 0;
1334
+ }
1291
1335
  .clc-sxp-like-button {
1292
1336
  position: absolute;
1293
1337
  right: 0;
@@ -1300,6 +1344,8 @@ button.swiper-pagination-bullet {
1300
1344
  -webkit-box-sizing: content-box;
1301
1345
  box-sizing: content-box;
1302
1346
  padding: 0;
1347
+ -webkit-transform: translate3d(0px, 0px, 0px);
1348
+ transform: translate3d(0px, 0px, 0px);
1303
1349
  }
1304
1350
  .clc-sxp-logo-banner {
1305
1351
  height: 45px;
@@ -1308,10 +1354,10 @@ button.swiper-pagination-bullet {
1308
1354
  text-align: center;
1309
1355
  }
1310
1356
  .clc-sxp-logo-banner img {
1311
- height: 45px;
1357
+ height: 100%;
1312
1358
  width: 50%;
1313
- -o-object-fit: contain;
1314
- object-fit: contain;
1359
+ -o-object-fit: cover;
1360
+ object-fit: cover;
1315
1361
  }
1316
1362
  .clc-sxp-bottom {
1317
1363
  z-index: 10;
@@ -1413,6 +1459,12 @@ button.swiper-pagination-bullet {
1413
1459
  -webkit-transform: translate3d(0px, 0px, 0px);
1414
1460
  transform: translate3d(0px, 0px, 0px);
1415
1461
  }
1462
+ .video-container video {
1463
+ width: 100%;
1464
+ height: 100%;
1465
+ -o-object-fit: cover;
1466
+ object-fit: cover;
1467
+ }
1416
1468
  .modal-bg {
1417
1469
  position: fixed;
1418
1470
  left: 0;