pb-sxp-ui 1.15.43 → 1.16.1

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 (54) hide show
  1. package/dist/index.cjs +281 -205
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.css +125 -0
  4. package/dist/index.js +281 -205
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.min.cjs +6 -6
  7. package/dist/index.min.cjs.map +1 -1
  8. package/dist/index.min.js +6 -6
  9. package/dist/index.min.js.map +1 -1
  10. package/dist/pb-ui.js +281 -205
  11. package/dist/pb-ui.js.map +1 -1
  12. package/dist/pb-ui.min.js +6 -6
  13. package/dist/pb-ui.min.js.map +1 -1
  14. package/es/core/components/DiyPortalPreview/VideoWidget.js +8 -10
  15. package/es/core/components/SxpPageRender/LikeButton/index.js +15 -17
  16. package/es/core/components/SxpPageRender/PictureGroup/index.d.ts +0 -5
  17. package/es/core/components/SxpPageRender/PictureGroup/index.js +13 -37
  18. package/es/core/components/SxpPageRender/RenderCard.d.ts +1 -0
  19. package/es/core/components/SxpPageRender/RenderCard.js +6 -6
  20. package/es/core/components/SxpPageRender/VideoWidget/index.js +44 -34
  21. package/es/core/components/SxpPageRender/WaterFall/index.js +3 -4
  22. package/es/core/components/SxpPageRender/index.d.ts +1 -0
  23. package/es/core/components/SxpPageRender/index.js +38 -47
  24. package/es/core/context/SxpDataSourceProvider.js +2 -2
  25. package/es/core/hooks/useEventReport.js +5 -6
  26. package/es/materials/sxp/template/NineCommodity/index.d.ts +18 -0
  27. package/es/materials/sxp/template/NineCommodity/index.js +39 -0
  28. package/es/materials/sxp/template/NineCommodity/interactionRender.d.ts +9 -0
  29. package/es/materials/sxp/template/NineCommodity/interactionRender.js +12 -0
  30. package/es/materials/sxp/template/NineCommodity/material.d.ts +2 -0
  31. package/es/materials/sxp/template/NineCommodity/material.js +52 -0
  32. package/es/materials/sxp/template/index.d.ts +1 -0
  33. package/es/materials/sxp/template/index.js +1 -0
  34. package/lib/core/components/DiyPortalPreview/VideoWidget.js +8 -10
  35. package/lib/core/components/SxpPageRender/LikeButton/index.js +15 -17
  36. package/lib/core/components/SxpPageRender/PictureGroup/index.d.ts +0 -5
  37. package/lib/core/components/SxpPageRender/PictureGroup/index.js +12 -36
  38. package/lib/core/components/SxpPageRender/RenderCard.d.ts +1 -0
  39. package/lib/core/components/SxpPageRender/RenderCard.js +6 -6
  40. package/lib/core/components/SxpPageRender/VideoWidget/index.js +44 -34
  41. package/lib/core/components/SxpPageRender/WaterFall/index.js +3 -4
  42. package/lib/core/components/SxpPageRender/index.d.ts +1 -0
  43. package/lib/core/components/SxpPageRender/index.js +38 -47
  44. package/lib/core/context/SxpDataSourceProvider.js +2 -2
  45. package/lib/core/hooks/useEventReport.js +5 -6
  46. package/lib/materials/sxp/template/NineCommodity/index.d.ts +18 -0
  47. package/lib/materials/sxp/template/NineCommodity/index.js +41 -0
  48. package/lib/materials/sxp/template/NineCommodity/interactionRender.d.ts +9 -0
  49. package/lib/materials/sxp/template/NineCommodity/interactionRender.js +14 -0
  50. package/lib/materials/sxp/template/NineCommodity/material.d.ts +2 -0
  51. package/lib/materials/sxp/template/NineCommodity/material.js +56 -0
  52. package/lib/materials/sxp/template/index.d.ts +1 -0
  53. package/lib/materials/sxp/template/index.js +1 -0
  54. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -921,6 +921,131 @@ a:active {
921
921
  line-height: 20px;
922
922
  }
923
923
 
924
+ .index-module_two-line-ellipsis__Mehkq {
925
+ display: -webkit-box;
926
+ -webkit-box-orient: vertical;
927
+ -webkit-line-clamp: 2;
928
+ text-overflow: ellipsis;
929
+ overflow: hidden;
930
+ word-wrap: break-word;
931
+ }
932
+ .index-module_nineProduct__jXbfu {
933
+ position: absolute;
934
+ width: 100%;
935
+ height: 100%;
936
+ z-index: 15;
937
+ top: 0;
938
+ left: 0;
939
+ background-color: rgba(0, 0, 0, 0.6);
940
+ display: -webkit-box;
941
+ display: -webkit-flex;
942
+ display: -ms-flexbox;
943
+ display: flex;
944
+ -webkit-box-align: center;
945
+ -webkit-align-items: center;
946
+ -ms-flex-align: center;
947
+ align-items: center;
948
+ -webkit-box-pack: center;
949
+ -webkit-justify-content: center;
950
+ -ms-flex-pack: center;
951
+ justify-content: center;
952
+ padding: 20px;
953
+ }
954
+ .index-module_gridContainer__eEG-d {
955
+ display: grid;
956
+ grid-template-columns: repeat(3, 1fr);
957
+ gap: 8px;
958
+ width: 100%;
959
+ }
960
+ .index-module_gridItem__KrJP6 {
961
+ border-radius: 10px;
962
+ overflow: hidden;
963
+ position: relative;
964
+ display: -webkit-box;
965
+ display: -webkit-flex;
966
+ display: -ms-flexbox;
967
+ display: flex;
968
+ -webkit-box-pack: center;
969
+ -webkit-justify-content: center;
970
+ -ms-flex-pack: center;
971
+ justify-content: center;
972
+ -webkit-box-align: center;
973
+ -webkit-align-items: center;
974
+ -ms-flex-align: center;
975
+ align-items: center;
976
+ width: 100%;
977
+ height: 100%;
978
+ }
979
+ .index-module_gridBox__fS-fT {
980
+ display: -webkit-box;
981
+ display: -webkit-flex;
982
+ display: -ms-flexbox;
983
+ display: flex;
984
+ -webkit-box-orient: vertical;
985
+ -webkit-box-direction: normal;
986
+ -webkit-flex-direction: column;
987
+ -ms-flex-direction: column;
988
+ flex-direction: column;
989
+ position: relative;
990
+ z-index: 1;
991
+ color: white;
992
+ border-radius: 10px;
993
+ overflow: hidden;
994
+ margin: 1px;
995
+ -webkit-box-sizing: border-box;
996
+ box-sizing: border-box;
997
+ width: 100%;
998
+ }
999
+ .index-module_buttonWrapper__jGJE7 {
1000
+ background-color: white;
1001
+ text-align: center;
1002
+ padding: 3px 0;
1003
+ color: #000;
1004
+ font-size: 12px;
1005
+ text-decoration: underline;
1006
+ text-overflow: ellipsis;
1007
+ overflow: hidden;
1008
+ white-space: nowrap;
1009
+ }
1010
+ .index-module_gridItem__KrJP6::before {
1011
+ content: '';
1012
+ position: absolute;
1013
+ top: -50%;
1014
+ left: -50%;
1015
+ width: 200%;
1016
+ height: 200%;
1017
+ background: conic-gradient(from 0deg at 50% 50%, transparent 0%, #fff 12.5%, transparent 25%);
1018
+ -webkit-animation: index-module_rotate__5zJec 4s linear infinite;
1019
+ animation: index-module_rotate__5zJec 4s linear infinite;
1020
+ }
1021
+ .index-module_gridItem__KrJP6::after {
1022
+ content: '';
1023
+ position: absolute;
1024
+ inset: 1px;
1025
+ border-radius: 8px;
1026
+ background-color: transparent;
1027
+ }
1028
+ @-webkit-keyframes index-module_rotate__5zJec {
1029
+ from {
1030
+ -webkit-transform: rotate(0deg);
1031
+ transform: rotate(0deg);
1032
+ }
1033
+ to {
1034
+ -webkit-transform: rotate(360deg);
1035
+ transform: rotate(360deg);
1036
+ }
1037
+ }
1038
+ @keyframes index-module_rotate__5zJec {
1039
+ from {
1040
+ -webkit-transform: rotate(0deg);
1041
+ transform: rotate(0deg);
1042
+ }
1043
+ to {
1044
+ -webkit-transform: rotate(360deg);
1045
+ transform: rotate(360deg);
1046
+ }
1047
+ }
1048
+
924
1049
  .waterfall {
925
1050
  position: absolute;
926
1051
  left: 0;