pb-sxp-ui 1.2.0 → 1.2.2

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 (52) hide show
  1. package/dist/index.cjs +127 -83
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.css +63 -31
  4. package/dist/index.js +127 -83
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.min.cjs +3 -3
  7. package/dist/index.min.cjs.map +1 -1
  8. package/dist/index.min.js +3 -3
  9. package/dist/index.min.js.map +1 -1
  10. package/dist/pb-ui.js +127 -83
  11. package/dist/pb-ui.js.map +1 -1
  12. package/dist/pb-ui.min.js +3 -3
  13. package/dist/pb-ui.min.js.map +1 -1
  14. package/es/core/components/SxpPageRender/FingerSwipeTip/index.d.ts +1 -0
  15. package/es/core/components/SxpPageRender/FingerSwipeTip/index.js +3 -3
  16. package/es/core/components/SxpPageRender/Hashtag/index.js +3 -1
  17. package/es/core/components/SxpPageRender/Navbar.js +1 -1
  18. package/es/core/components/SxpPageRender/VideoWidget/index.js +13 -10
  19. package/es/core/components/SxpPageRender/WaterFall/List.js +1 -1
  20. package/es/core/components/SxpPageRender/WaterFall/WaterfallList.js +1 -1
  21. package/es/core/components/SxpPageRender/index.d.ts +3 -0
  22. package/es/core/components/SxpPageRender/index.js +8 -8
  23. package/es/core/context/SxpDataSourceProvider.js +2 -3
  24. package/es/materials/sxp/HashTag/material.js +2 -1
  25. package/es/materials/sxp/cta/AniLink/index.js +29 -12
  26. package/es/materials/sxp/cta/AniLinkPopup/index.js +41 -23
  27. package/es/materials/sxp/popup/CommodityDetail/index.js +1 -1
  28. package/es/materials/sxp/popup/CommodityDetailDiroNew/index.js +1 -1
  29. package/es/materials/sxp/popup/CommodityList/index.js +10 -10
  30. package/es/materials/sxp/template/Link/index.js +2 -2
  31. package/es/materials/sxp/template/components/Img.js +1 -1
  32. package/es/materials/sxp/template/components/settingRender.js +5 -0
  33. package/lib/core/components/SxpPageRender/FingerSwipeTip/index.d.ts +1 -0
  34. package/lib/core/components/SxpPageRender/FingerSwipeTip/index.js +3 -3
  35. package/lib/core/components/SxpPageRender/Hashtag/index.js +3 -1
  36. package/lib/core/components/SxpPageRender/Navbar.js +1 -1
  37. package/lib/core/components/SxpPageRender/VideoWidget/index.js +13 -10
  38. package/lib/core/components/SxpPageRender/WaterFall/List.js +1 -1
  39. package/lib/core/components/SxpPageRender/WaterFall/WaterfallList.js +1 -1
  40. package/lib/core/components/SxpPageRender/index.d.ts +3 -0
  41. package/lib/core/components/SxpPageRender/index.js +8 -8
  42. package/lib/core/context/SxpDataSourceProvider.js +2 -3
  43. package/lib/materials/sxp/HashTag/material.js +2 -1
  44. package/lib/materials/sxp/cta/AniLink/index.js +28 -11
  45. package/lib/materials/sxp/cta/AniLinkPopup/index.js +40 -22
  46. package/lib/materials/sxp/popup/CommodityDetail/index.js +1 -1
  47. package/lib/materials/sxp/popup/CommodityDetailDiroNew/index.js +1 -1
  48. package/lib/materials/sxp/popup/CommodityList/index.js +9 -9
  49. package/lib/materials/sxp/template/Link/index.js +2 -2
  50. package/lib/materials/sxp/template/components/Img.js +1 -1
  51. package/lib/materials/sxp/template/components/settingRender.js +5 -0
  52. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -679,12 +679,10 @@
679
679
  word-wrap: break-word;
680
680
  }
681
681
  .index-module_one-line-ellipsis__buFw1 {
682
- display: -webkit-box;
683
- -webkit-box-orient: vertical;
684
- -webkit-line-clamp: 1;
685
682
  text-overflow: ellipsis;
686
683
  overflow: hidden;
687
684
  word-break: break-all;
685
+ white-space: nowrap;
688
686
  }
689
687
 
690
688
  .index-module_tow-line-ellipsis__yyHVb {
@@ -1085,44 +1083,80 @@
1085
1083
  display: inline-block;
1086
1084
  -webkit-animation-name: index-module_gradientCover__5iUag;
1087
1085
  animation-name: index-module_gradientCover__5iUag;
1086
+ -webkit-transform: scaleX(0);
1087
+ transform: scaleX(0);
1088
+ -webkit-animation-fill-mode: forwards;
1089
+ animation-fill-mode: forwards;
1088
1090
  }
1089
1091
 
1090
- @-webkit-keyframes index-module_gradientCover__nD6d9 {
1092
+ @-webkit-keyframes index-module_fadeIn__2E-dk {
1091
1093
  0% {
1092
- -webkit-transform: scaleX(0);
1093
- transform: scaleX(0);
1094
+ -webkit-transform: var(--transY);
1095
+ transform: var(--transY);
1096
+ z-index: 1000;
1094
1097
  }
1095
1098
  100% {
1096
- -webkit-transform: scaleX(1);
1097
- transform: scaleX(1);
1099
+ -webkit-transform: translateY(0);
1100
+ transform: translateY(0);
1101
+ z-index: 1000;
1098
1102
  }
1099
1103
  }
1100
- @keyframes index-module_gradientCover__nD6d9 {
1104
+ @keyframes index-module_fadeIn__2E-dk {
1101
1105
  0% {
1102
- -webkit-transform: scaleX(0);
1103
- transform: scaleX(0);
1106
+ -webkit-transform: var(--transY);
1107
+ transform: var(--transY);
1108
+ z-index: 1000;
1104
1109
  }
1105
1110
  100% {
1106
- -webkit-transform: scaleX(1);
1107
- transform: scaleX(1);
1111
+ -webkit-transform: translateY(0);
1112
+ transform: translateY(0);
1113
+ z-index: 1000;
1108
1114
  }
1109
1115
  }
1110
- .index-module_animated-button__qI1lz {
1111
- position: relative;
1116
+ @-webkit-keyframes index-module_fadeOut__MgevT {
1117
+ 0% {
1118
+ -webkit-transform: translateY(0);
1119
+ transform: translateY(0);
1120
+ }
1121
+ 100% {
1122
+ -webkit-transform: var(--transY);
1123
+ transform: var(--transY);
1124
+ z-index: -1;
1125
+ }
1112
1126
  }
1113
- .index-module_animated-button__qI1lz:after {
1114
- width: 100%;
1115
- height: 100%;
1127
+ @keyframes index-module_fadeOut__MgevT {
1128
+ 0% {
1129
+ -webkit-transform: translateY(0);
1130
+ transform: translateY(0);
1131
+ }
1132
+ 100% {
1133
+ -webkit-transform: var(--transY);
1134
+ transform: var(--transY);
1135
+ z-index: -1;
1136
+ }
1137
+ }
1138
+ .index-module_aniLinkPopup__YT7kj {
1116
1139
  position: absolute;
1117
- content: '';
1140
+ right: 0;
1141
+ bottom: 0;
1142
+ -webkit-animation-fill-mode: forwards;
1143
+ animation-fill-mode: forwards;
1144
+ -webkit-transform: var(--transY);
1145
+ transform: var(--transY);
1146
+ }
1147
+ .index-module_animated-fadeIn__8ZCbq {
1148
+ -webkit-animation-name: index-module_fadeIn__2E-dk;
1149
+ animation-name: index-module_fadeIn__2E-dk;
1150
+ -webkit-transform: var(--transY);
1151
+ transform: var(--transY);
1118
1152
  z-index: -1;
1119
- top: 0;
1120
- left: 0;
1121
- -webkit-transform-origin: 0 50%;
1122
- transform-origin: 0 50%;
1123
- display: inline-block;
1124
- -webkit-animation-name: index-module_gradientCover__nD6d9;
1125
- animation-name: index-module_gradientCover__nD6d9;
1153
+ }
1154
+ .index-module_animated-fadeOut__iK4oc {
1155
+ -webkit-animation-name: index-module_fadeOut__MgevT;
1156
+ animation-name: index-module_fadeOut__MgevT;
1157
+ -webkit-transform: translateY(0);
1158
+ transform: translateY(0);
1159
+ z-index: 1000;
1126
1160
  }
1127
1161
  .index-module_tow-line-ellipsis__GKFXr {
1128
1162
  display: -webkit-box;
@@ -1773,7 +1807,7 @@ button.swiper-pagination-bullet {
1773
1807
  bottom: 0;
1774
1808
  left: 0;
1775
1809
  right: 0;
1776
- padding: 20px 0 20px 0;
1810
+ padding-top: 20px;
1777
1811
  }
1778
1812
  .clc-sxp-bottom-nudge {
1779
1813
  display: -webkit-box;
@@ -1796,9 +1830,6 @@ button.swiper-pagination-bullet {
1796
1830
  padding: 0 20px;
1797
1831
  font-size: 14px;
1798
1832
  }
1799
- .clc-sxp-bottom-hashtag {
1800
- margin-top: 16px;
1801
- }
1802
1833
  .clc-sxp-bottom-hashtag-item {
1803
1834
  width: auto;
1804
1835
  height: 26px;
@@ -1809,7 +1840,6 @@ button.swiper-pagination-bullet {
1809
1840
  padding: 0 10px;
1810
1841
  font-size: 10px;
1811
1842
  margin-right: 8px;
1812
- margin-bottom: 20px;
1813
1843
  cursor: pointer;
1814
1844
  }
1815
1845
  .clc-sxp-bottom-shadow {
@@ -1850,6 +1880,8 @@ button.swiper-pagination-bullet {
1850
1880
  }
1851
1881
  .clc-sxp-nav-title {
1852
1882
  font-size: 16px;
1883
+ width: 100%;
1884
+ text-align: center;
1853
1885
  }
1854
1886
  .clc-pb-video-pause {
1855
1887
  position: absolute;