pb-sxp-ui 1.0.78 → 1.0.79

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 (34) hide show
  1. package/dist/index.cjs +407 -38
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.css +187 -1
  4. package/dist/index.js +407 -38
  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 +407 -38
  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/PictureGroup/Picture.d.ts +1 -0
  15. package/es/core/components/SxpPageRender/PictureGroup/Picture.js +2 -2
  16. package/es/core/components/SxpPageRender/PictureGroup/index.js +9 -5
  17. package/es/core/components/SxpPageRender/WaterFall/WaterfallList.js +52 -37
  18. package/es/core/components/SxpPageRender/WaterFall/index.js +3 -2
  19. package/es/core/components/SxpPageRender/index.js +4 -1
  20. package/es/core/context/SxpDataSourceProvider.js +6 -0
  21. package/es/materials/sxp/HashTag/index.d.ts +2 -0
  22. package/es/materials/sxp/HashTag/settingRender.d.ts +7 -2
  23. package/es/materials/sxp/HashTag/settingRender.js +15 -0
  24. package/lib/core/components/SxpPageRender/PictureGroup/Picture.d.ts +1 -0
  25. package/lib/core/components/SxpPageRender/PictureGroup/Picture.js +2 -2
  26. package/lib/core/components/SxpPageRender/PictureGroup/index.js +8 -4
  27. package/lib/core/components/SxpPageRender/WaterFall/WaterfallList.js +52 -37
  28. package/lib/core/components/SxpPageRender/WaterFall/index.js +3 -2
  29. package/lib/core/components/SxpPageRender/index.js +4 -1
  30. package/lib/core/context/SxpDataSourceProvider.js +6 -0
  31. package/lib/materials/sxp/HashTag/index.d.ts +2 -0
  32. package/lib/materials/sxp/HashTag/settingRender.d.ts +7 -2
  33. package/lib/materials/sxp/HashTag/settingRender.js +15 -0
  34. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -649,6 +649,193 @@
649
649
  z-index: 10;
650
650
  }
651
651
 
652
+ .waterfallFlow {
653
+ -webkit-box-flex: 1;
654
+ -webkit-flex: 1;
655
+ -ms-flex: 1;
656
+ flex: 1;
657
+ height: 100vh;
658
+ overflow-y: auto;
659
+ padding: 18px;
660
+ }
661
+ .waterfallFlow__title {
662
+ text-align: center;
663
+ }
664
+ .waterfallFlow__content {
665
+ position: relative;
666
+ -webkit-box-sizing: border-box;
667
+ box-sizing: border-box;
668
+ background-color: red;
669
+ }
670
+ .WaterfallItem {
671
+ display: -webkit-box;
672
+ display: -webkit-flex;
673
+ display: -ms-flexbox;
674
+ display: flex;
675
+ -webkit-box-orient: vertical;
676
+ -webkit-box-direction: normal;
677
+ -webkit-flex-direction: column;
678
+ -ms-flex-direction: column;
679
+ flex-direction: column;
680
+ position: absolute;
681
+ top: 0px;
682
+ left: 0px;
683
+ background-color: #FFF;
684
+ -webkit-box-sizing: border-box;
685
+ box-sizing: border-box;
686
+ }
687
+ .WaterfallItem__img {
688
+ -webkit-box-flex: 1;
689
+ -webkit-flex: 1;
690
+ -ms-flex: 1;
691
+ flex: 1;
692
+ overflow: hidden;
693
+ background: #f7f7f7;
694
+ }
695
+ .WaterfallItem img {
696
+ display: inline-block;
697
+ height: 100%;
698
+ width: 100%;
699
+ -o-object-fit: cover;
700
+ object-fit: cover;
701
+ }
702
+ .WaterfallItem__info {
703
+ padding: 12px 0 20px 0;
704
+ }
705
+ .WaterfallItem__name {
706
+ line-height: 18px;
707
+ display: -webkit-box;
708
+ -webkit-box-orient: vertical;
709
+ -webkit-line-clamp: 2;
710
+ text-overflow: ellipsis;
711
+ overflow: hidden;
712
+ font-size: 12px;
713
+ word-break: break-all;
714
+ }
715
+ .WaterfallItem__price {
716
+ font-size: 14px;
717
+ font-weight: bold;
718
+ line-height: 20px;
719
+ margin-top: 4px;
720
+ }
721
+ .waterFallList {
722
+ position: absolute;
723
+ bottom: 0;
724
+ left: 0;
725
+ right: 0;
726
+ top: 70px;
727
+ }
728
+ .waterFallList-scroll {
729
+ position: absolute;
730
+ top: 0;
731
+ width: 100%;
732
+ bottom: 0;
733
+ overflow: auto;
734
+ }
735
+ .waterFallList-info {
736
+ font-size: 13px;
737
+ line-height: 20px;
738
+ padding: 0 54px;
739
+ text-align: center;
740
+ }
741
+ .waterFallList-collection {
742
+ margin: 4px auto 40px;
743
+ text-align: center;
744
+ color: #757575;
745
+ display: block;
746
+ font-size: 12px;
747
+ text-decoration: underline;
748
+ cursor: pointer;
749
+ }
750
+ .waterFallList-content {
751
+ display: -webkit-box;
752
+ display: -webkit-flex;
753
+ display: -ms-flexbox;
754
+ display: flex;
755
+ -webkit-flex-wrap: wrap;
756
+ -ms-flex-wrap: wrap;
757
+ flex-wrap: wrap;
758
+ -webkit-box-pack: justify;
759
+ -webkit-justify-content: space-between;
760
+ -ms-flex-pack: justify;
761
+ justify-content: space-between;
762
+ position: relative;
763
+ }
764
+ .waterFallList-content-listItem {
765
+ cursor: pointer;
766
+ position: absolute;
767
+ top: 0px;
768
+ left: 0px;
769
+ background-color: #FFF;
770
+ -webkit-box-sizing: border-box;
771
+ box-sizing: border-box;
772
+ }
773
+ .waterFallList-content-listItem-picture {
774
+ width: 100%;
775
+ overflow: hidden;
776
+ }
777
+ .waterFallList-content-listItem-picture-img {
778
+ width: 100%;
779
+ height: 100%;
780
+ -o-object-fit: cover;
781
+ object-fit: cover;
782
+ }
783
+ .waterFallList-content-listItem-info {
784
+ padding: 8px;
785
+ }
786
+ .waterFallList-content-listItem-info-title {
787
+ font-size: 13px;
788
+ line-height: 20px;
789
+ overflow: hidden;
790
+ text-overflow: ellipsis;
791
+ display: -webkit-box;
792
+ -webkit-box-orient: vertical;
793
+ line-clamp: 2;
794
+ -webkit-line-clamp: 2;
795
+ }
796
+ .waterFallList-content-listItem-info-nowrap {
797
+ line-clamp: 1 !important;
798
+ -webkit-line-clamp: 1 !important;
799
+ }
800
+ .waterFallList-content-listItem-info-price {
801
+ font-size: 13px;
802
+ line-height: 20px;
803
+ font-weight: bold;
804
+ }
805
+ .waterFallList-bottom {
806
+ position: absolute;
807
+ left: 0;
808
+ right: 0;
809
+ bottom: 0;
810
+ background-color: #fff;
811
+ -webkit-box-sizing: content-box;
812
+ box-sizing: content-box;
813
+ height: 92px;
814
+ }
815
+ .waterFallList-btn-wrap {
816
+ position: absolute;
817
+ left: 0;
818
+ right: 0;
819
+ bottom: 0;
820
+ padding: 20px;
821
+ -webkit-box-sizing: border-box;
822
+ box-sizing: border-box;
823
+ }
824
+ .waterFallList-btn {
825
+ height: 52px;
826
+ width: 100%;
827
+ background: #000000;
828
+ border-radius: 25px;
829
+ font-size: 13px;
830
+ line-height: 100%;
831
+ font-weight: bold;
832
+ color: #fff;
833
+ border: none;
834
+ cursor: pointer;
835
+ -webkit-box-sizing: border-box;
836
+ box-sizing: border-box;
837
+ }
838
+
652
839
  .list {
653
840
  position: absolute;
654
841
  bottom: 0;
@@ -741,7 +928,6 @@
741
928
  background-color: #fff;
742
929
  -webkit-box-sizing: content-box;
743
930
  box-sizing: content-box;
744
- width: 100%;
745
931
  height: 92px;
746
932
  }
747
933
  .list-btn-wrap {