@conecli/cone-render 0.8.18 → 0.8.19-beta.0

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 (27) hide show
  1. package/dist/common/const.ts +1 -1
  2. package/dist/components/ErrorBoundary.tsx +1 -1
  3. package/dist/components/base/CustomVideo/index.module.scss +66 -0
  4. package/dist/components/base/CustomVideo/index.tsx +1 -0
  5. package/dist/components/base/InOrOutViewObserver/index.tsx +1 -0
  6. package/dist/components/base/InViewRender/index.tsx +1 -1
  7. package/dist/components/base/LazyLoadImage/const.ts +1 -1
  8. package/dist/components/base/LazyLoadImage/index.h5.tsx +1 -1
  9. package/dist/components/base/Price/index.module.scss +9 -0
  10. package/dist/components/base/Price/index.tsx +1 -1
  11. package/dist/interface/component.ts +1 -1
  12. package/dist/jumpEventReport/base.ts +1 -1
  13. package/dist/jumpEventReport/const.ts +1 -1
  14. package/dist/jumpEventReport/index.ts +1 -1
  15. package/dist/jumpEventReport/index.weapp.ts +1 -1
  16. package/dist/jumpEventReport/jdJumpJdApp.ts +1 -1
  17. package/dist/jumpEventReport/web.base.ts +1 -1
  18. package/dist/jumpEventReport/web.jd.ts +1 -1
  19. package/dist/jumpEventReport/web.wxapp.ts +1 -1
  20. package/dist/modules/ContainerFloorList/index.h5.tsx +1 -1
  21. package/dist/open/components/index.ts +1 -1
  22. package/dist/sass/app.h5.scss +7 -139
  23. package/dist/sass/app.scss +8 -0
  24. package/dist/sass/base.scss +0 -9
  25. package/dist/utils/connectNativeJsBridge.ts +1 -1
  26. package/dist/utils/utils.ts +1 -1
  27. package/package.json +1 -1
package/dist/common/const.ts CHANGED
@@ -1 +1 @@
1
- import { isPublishToWxapp } from '../config/env'
2
1
  ONLINE: 'online',
3
2
  PREVIEW: 'preview',
4
3
  RENDER: 'render',
5
4
  DECORATE: 'decorate',
6
5
  MARKETING: 'marketing',
7
6
  'https://img30.360buyimg.com/cms/jfs/t18595/220/1675716535/1334/7ab25346/5ad3fffaN4384dc33.png'
8
7
  'https://img13.360buyimg.com/imagetools/jfs/t1/151010/32/14284/30214/5ff66791Ea1bc6cc6/698c0772b377aef5.png'
9
8
  'https://img30.360buyimg.com/pop/jfs/t1/99583/39/8509/10091/5e058421E929cf51a/79f49f8c0778f83f.png!q50.jpg'
10
9
  'https://img10.360buyimg.com/imagetools/jfs/t1/117628/20/21162/29396/6226cdfcE33b32c6f/0980e81e03c7348d.png'
11
10
  'https://m.360buyimg.com/cc/jfs/t1/182614/22/26670/9779/62e7b1e4Ef6a845b5/ca9abec2bc887473.png'
12
11
  'https://m.360buyimg.com/cc/jfs/t5827/105/952226698/11515/8a9cea51/5922c3bdN099c989f.png'
13
12
  'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAAAeCAMAAABT0xOcAAAAe1BMVEUAAADx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fELy0NOAAAAKHRSTlMApwmfFtYm9rWveHDm70yJHYJaD2k8IeIr6pY2X0HHfsGRZDHdu1XNmO+CqgAAAu9JREFUSMfNlNmymzAQRAchkCUhdrMZbLze/v8vjIRMKN8kRR7ykFNeVIPV9Ewj039P1TR8+eILjL7RdLFFJUO8QMS7ZmyDJvZ0nDYGY+aKKDSJpY3OwWX6uFUEY/peCNEbY4Rp6AABixFYkLQRAK3VOmAjUrawMt1GrfWtXD7rlFF3uiA6HV/p0TF1tBECEVskYe+7qqW08mqT1jruneu21/72JfHoSZ7faj2bJu6mOlgEa3qjEXKeL/ACV1s5YSbqYP6stXUeX2FZnV3wuBSZqnVWqDNCIvaFRzZIiGAIw+CS/1brQCslgOQdUBoW10C2EFJei7AkygOlAnmGeMprJq/NjhZpAIrepOpOte2Oq9EXjupIMVoiXduQ9rTo7KsODhxJYaAGuJPjgRvdkRD1KP9CawRwettyF5SbVLZ49ZbuMJxGW93XisXPKA/oXNMDEReJT6N0OfZ2V4RqX4tFQPbOQbntwrl8oXCOQmu2hVosSr6j5QcW+uvukZJP37CWzL7tQs2lH8B53Nd6eq192N/72mdfa52XhdXPx6zcXKYgikLXbaNP66M27edoAO2X+RkQ9tVRhoWC6IZkCZAbHHa1SgDHNdHDsbrLr0ojKTkfDWp6+WPh1APakMAXbVrb6B/Mn+311zlETJZOCJYChttWxedUIyvyi9bLt+J4IPcLvVYypBNaDG5TguCzmct3rUkAPSdHJRLyDEjXQ6Un3GZQBamxaU09gJg+/r+4gqV0uzixXjBfLnDzixrjhDJGNoDXXqvK76OEJaO3L1bx/FQOCSxqcfJVUWiXCydEPowHeIqaZnf3wmvNRsBiC28ttEnS+1oy+lNtOMVAzayZCwsQ5ESNREgvKKuNjjI/ewNHr9Y4N5Is98llx2U8iOQXcKczhDwAM6ObayaanfWDDwhJcMvpU8ucr6+cPji5a8+UEVMCMNo97tLm0MU2uoMmi850yrc8s8Khyzuj7+Q6U7GPMCt8mOtGljP6l/wAUcBZ6lceL/8AAAAASUVORK5CYII='
14
13
  INIT = 'init',
15
14
  NORMAL = 'normal',
16
15
  NO_NET_WORK = 'no-network',
17
16
  DATA_ERROR = 'data-error',
18
17
  NO_DATA = 'no-data',
19
18
  SHOP_HEADER = 'shopHeader',
20
19
  PICTURE_HOST_SPOT = 'mPictureHotspot',
21
20
  ICOMMONGOOD = 'mICommonGood',
22
21
  TOPRANK = 'shopRankList',
23
22
  SECKILLSKU = 'mPromotion',
24
23
  PRESELLSKU = 'mPreSell',
25
24
  VIDEO = 'mVideo',
26
25
  COUPON = 'mCoupon',
27
26
  PROMOTIONGOODSBYACTIVE = 'promotionGoodsByActive',
28
27
  FLASHSALESKU = 'mHomeFlashBuyModule',
29
28
  BANNER = 'mBanner',
30
29
  JINGCOUPON = 'jingCoupon',
31
30
  RECOMMENDGOODS = 'mGoodsFeeds',
32
31
  RETURNTOMAINBYACTIVE = 'returnToMainByActive',
33
32
  MAIN_PUSH_NEW_PRODUCTS = 'mMainPushNewProducts',
34
33
  SGCOUPON = 'SgCoupon',
35
34
  TOTAL_PRICE_PROMOTION = 'mTotalPricePromotion',
36
35
  GROUP_BUY = 'mPingou',
37
36
  SMART_POSTER = 'mSmartPoster',
38
37
  SMART_CHOOSE_GOODS = 'mWisdomSku',
39
38
  SMARTCARD = 'smartCardFlag',
40
39
  IFrame = 'customize',
41
40
  SHOPMEMBERS = 'mShopMembers',
42
41
  MEMBER_SPRINT = 'mMemberSprint',
43
42
  IMGCOUNTDOWN = 'mCountdown',
44
43
  NEWANDOLD = 'newAndOld',
45
44
  ML_PICTURE_HOST_SPOT = 'mLPictureHotspot',
46
45
  NEW_PRODUCT_HOME = 'featureNewProductHome',
47
46
  SERIA_NEW_WARE = 'serialNewWareFlag',
48
47
  FREE_LAYOUT = 'freeLayout',
49
48
  ACTIVE_TEXT = 'activeText',
50
49
  SUPER_GOODS = 'superGoods',
51
50
  DYNAMIC_IMAGE = 'mDynamicImage',
52
51
  TABSERIOUSNEW = 'mTabSeriousNew',
53
52
  ISVDESIGNERH5MODULE = 'designerModular',
54
53
  NAV_CATEGRAY = 'navCategory',
55
54
  FloorModuleType.PICTURE_HOST_SPOT,
56
55
  FloorModuleType.ICOMMONGOOD,
57
56
  FloorModuleType.TOPRANK,
58
57
  FloorModuleType.SECKILLSKU,
59
58
  FloorModuleType.PRESELLSKU,
60
59
  FloorModuleType.VIDEO,
61
60
  FloorModuleType.COUPON,
62
61
  FloorModuleType.PROMOTIONGOODSBYACTIVE,
63
62
  FloorModuleType.FLASHSALESKU,
64
63
  FloorModuleType.BANNER,
65
64
  FloorModuleType.JINGCOUPON,
66
65
  FloorModuleType.RECOMMENDGOODS,
67
66
  FloorModuleType.RETURNTOMAINBYACTIVE,
68
67
  FloorModuleType.MAIN_PUSH_NEW_PRODUCTS,
69
68
  FloorModuleType.SGCOUPON,
70
69
  FloorModuleType.TOTAL_PRICE_PROMOTION,
71
70
  FloorModuleType.IFrame,
72
71
  FloorModuleType.SMARTCARD,
73
72
  FloorModuleType.GROUP_BUY,
74
73
  FloorModuleType.SMART_POSTER,
75
74
  FloorModuleType.SMART_CHOOSE_GOODS,
76
75
  FloorModuleType.IMGCOUNTDOWN,
77
76
  FloorModuleType.NEWANDOLD,
78
77
  FloorModuleType.ML_PICTURE_HOST_SPOT,
79
78
  FloorModuleType.SHOPMEMBERS,
80
79
  FloorModuleType.MEMBER_SPRINT,
81
80
  FloorModuleType.NEW_PRODUCT_HOME,
82
81
  FloorModuleType.SERIA_NEW_WARE,
83
82
  FloorModuleType.FREE_LAYOUT,
84
83
  FloorModuleType.ACTIVE_TEXT,
85
84
  FloorModuleType.SUPER_GOODS,
86
85
  FloorModuleType.DYNAMIC_IMAGE,
87
86
  FloorModuleType.TABSERIOUSNEW,
88
87
  FloorModuleType.ISVDESIGNERH5MODULE,
89
88
  FloorModuleType.JOINT_MODULE,
90
89
  M_DOWNLOAD_APP_HEIGHT + SHOP_HEADER_HEIGHT + SHOP_NAV_BAR_HEIGHT
91
90
  M_DOWNLOAD_APP_HEIGHT +
92
91
  SHOP_HEADER_HEIGHT +
93
92
  SHOP_NAV_BAR_HEIGHT +
94
93
  SHOP_BOTTOM_MENU_HEIGHT
95
94
  SHOP_HEADER_HEIGHT +
96
95
  SHOP_NAV_BAR_HEIGHT +
97
96
  SHOP_TAB_CONTENT_BOTTOM +
98
97
  SHOP_BOTTOM_MENU_HEIGHT
99
98
  SHOP_MINI_HEADER_HEIGHT + SHOP_NAV_BAR_HEIGHT + SHOP_BOTTOM_MENU_HEIGHT
100
99
  PAGE_SCROLL: 'pageScroll',
101
100
  PAGE_SCROLL_END: 'pageScrollEnd',
102
101
  PAGE_STICKY_AND_TO_TOP_CHANGE: 'pageStickyAndToTopChange',
103
102
  PAGE_ROOT_ELE_CLASS_CHANGE: 'pageRootEleClassChange',
104
103
  PAGE_INIT_EXPOSURE: 'pageInitExposure',
105
104
  PAGE_DOCUMENT_VISIBILITY_CHANGE: 'documentVisibilityChange',
106
105
  PAGE_SCROLL_TO_BOTTOM: 'pageScrollToBottom',
107
106
  DIALOG: 'dialog',
108
107
  HOME_SCROLL_TOP: 'homeScrollTop',
109
108
  HOME_GIFTS_SHOW: 'shopGiftsShow',
110
109
  USER_AREA_UPDATE: 'userAreaUpdate',
111
110
  DOWN_LOAD_APP_CLOSE_CHANGE: 'downloadAppCloseChange',
112
111
  HOME: 1,
113
112
  PRODUCT: 2,
114
113
  CLASSIFY: 3,
115
114
  MEMBER: 6,
116
115
  DONGDONG: 5,
117
116
  PHONE_SERVICE: 51,
118
117
  ONLINE_SERVICE: 52,
119
118
  [SHOP_MENU_ID_TYPE.HOME]: 'home',
120
119
  [SHOP_MENU_ID_TYPE.PRODUCT]: 'product',
121
120
  [SHOP_MENU_ID_TYPE.CLASSIFY]: 'classify',
122
121
  [SHOP_MENU_ID_TYPE.MEMBER]: 'member',
123
122
  [SHOP_MENU_ID_TYPE.DONGDONG]: 'dongdong',
124
123
  [SHOP_MENU_ID_NAME[SHOP_MENU_ID_TYPE.HOME]]: SHOP_MENU_ID_TYPE.HOME,
125
124
  [SHOP_MENU_ID_NAME[SHOP_MENU_ID_TYPE.PRODUCT]]: SHOP_MENU_ID_TYPE.PRODUCT,
126
125
  [SHOP_MENU_ID_NAME[SHOP_MENU_ID_TYPE.CLASSIFY]]: SHOP_MENU_ID_TYPE.CLASSIFY,
127
126
  HOME_NONE: 0,
128
127
  HOME_WELL_CHOSEN: 1,
129
128
  HOME_PRODUCT: 2,
130
129
  HOME_ACTIVITY: 3,
131
130
  HOME_NEW_PRODUCT: 4,
132
131
  HOME_DYNAMIC: 5,
133
132
  HOME_PROMOTION: 6,
134
133
  HOME_MEMBER: 7,
135
134
  HOME_BUYER_SHOW: 8,
136
135
  HOME_SECKILL: 9,
137
136
  HOME_SERVICE: 10,
138
137
  INTRODUCE: 100,
139
138
  COUPON: 101,
140
139
  PROMOTION_WARES: 102,
141
140
  WXAPP_MINI_PROMOTION: 103,
142
141
  FAST_SHOPPING: 104,
143
142
  SPECI_SECKILL: 105,
144
143
  [SECTION_CUSTOMIZE_TYPE.WXAPP_MINI_PROMOTION]: 'wxapp-mini-promotion',
145
144
  [SECTION_HOME_TAB_TYPE.HOME_WELL_CHOSEN]: '精选',
146
145
  [SECTION_HOME_TAB_TYPE.HOME_PRODUCT]: '商品',
147
146
  [SECTION_HOME_TAB_TYPE.HOME_ACTIVITY]: '活动',
148
147
  [SECTION_HOME_TAB_TYPE.HOME_NEW_PRODUCT]: '上新',
149
148
  [SECTION_HOME_TAB_TYPE.HOME_DYNAMIC]: '动态',
150
149
  [SECTION_HOME_TAB_TYPE.HOME_PROMOTION]: '大促',
151
150
  [SECTION_HOME_TAB_TYPE.HOME_MEMBER]: '会员',
152
151
  [SECTION_HOME_TAB_TYPE.HOME_BUYER_SHOW]: '买家秀',
153
152
  [SECTION_HOME_TAB_TYPE.HOME_SECKILL]: '秒杀',
154
153
  [SECTION_HOME_TAB_TYPE.HOME_SERVICE]: '服务',
155
154
  [SECTION_HOME_TAB_TYPE.HOME_WELL_CHOSEN]: 'home-well-chosen',
156
155
  [SECTION_HOME_TAB_TYPE.HOME_PRODUCT]: 'home-product',
157
156
  [SECTION_HOME_TAB_TYPE.HOME_ACTIVITY]: 'home-activity',
158
157
  [SECTION_HOME_TAB_TYPE.HOME_NEW_PRODUCT]: 'home-new-product',
159
158
  [SECTION_HOME_TAB_TYPE.HOME_DYNAMIC]: 'home-dynamic',
160
159
  [SECTION_HOME_TAB_TYPE.HOME_PROMOTION]: 'home-promotion',
161
160
  [SECTION_HOME_TAB_TYPE.HOME_MEMBER]: 'home-member',
162
161
  [SECTION_HOME_TAB_TYPE.HOME_BUYER_SHOW]: 'home-buyer-show',
163
162
  [SECTION_HOME_TAB_TYPE.HOME_SECKILL]: 'home-seckill',
164
163
  [SECTION_HOME_TAB_TYPE.HOME_SERVICE]: 'home-service',
165
164
  [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_WELL_CHOSEN]]:
166
165
  SECTION_HOME_TAB_TYPE.HOME_WELL_CHOSEN,
167
166
  [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_PRODUCT]]:
168
167
  SECTION_HOME_TAB_TYPE.HOME_PRODUCT,
169
168
  [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_ACTIVITY]]:
170
169
  SECTION_HOME_TAB_TYPE.HOME_ACTIVITY,
171
170
  [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_NEW_PRODUCT]]:
172
171
  SECTION_HOME_TAB_TYPE.HOME_NEW_PRODUCT,
173
172
  [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_DYNAMIC]]:
174
173
  SECTION_HOME_TAB_TYPE.HOME_DYNAMIC,
175
174
  [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_PROMOTION]]:
176
175
  SECTION_HOME_TAB_TYPE.HOME_PROMOTION,
177
176
  [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_MEMBER]]:
178
177
  SECTION_HOME_TAB_TYPE.HOME_MEMBER,
179
178
  [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_BUYER_SHOW]]:
180
179
  SECTION_HOME_TAB_TYPE.HOME_BUYER_SHOW,
181
180
  [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_SECKILL]]:
182
181
  SECTION_HOME_TAB_TYPE.HOME_SECKILL,
183
182
  [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_SERVICE]]:
184
183
  SECTION_HOME_TAB_TYPE.HOME_SERVICE,
185
184
  ...SECTION_HOME_TAB_NAME_TYPE,
186
185
  HOME: SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_WELL_CHOSEN],
187
186
  PROMOTION: SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_PROMOTION],
188
187
  MEMBER: SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_MEMBER],
189
188
  JDShopViewBusinessPathType.HOME,
190
189
  JDShopViewBusinessPathType.PROMOTION,
191
190
  JDShopViewBusinessPathType.MEMBER,
192
191
  [JDShopViewBusinessPathType.HOME]: 'homePage',
193
192
  [JDShopViewBusinessPathType.PROMOTION]: 'bigPromo',
194
193
  NO: 'no',
195
194
  SHOP: 'shop',
196
195
  PROMOTION: 'promotion',
197
196
  [WX_BUSINESS_TYPE.SHOP]: 'JA2019_5112348',
198
197
  [WX_BUSINESS_TYPE.PROMOTION]: 'JA2021_5123692',
199
198
  'memberCardFlag',
200
199
  'memberWelfareDayFlag',
201
200
  'memberRegisterGiftFlag',
202
201
  'memberCouponFlag',
203
202
  'memberGoodsFlag',
204
203
  'memberPointExchangeFlag',
204
+ import { isPublishToWxapp } from '../config/env'
205
205
  ONLINE: 'online',
206
206
  PREVIEW: 'preview',
207
207
  RENDER: 'render',
208
208
  DECORATE: 'decorate',
209
209
  MARKETING: 'marketing',
210
210
  'https://img30.360buyimg.com/cms/jfs/t18595/220/1675716535/1334/7ab25346/5ad3fffaN4384dc33.png'
211
211
  'https://img13.360buyimg.com/imagetools/jfs/t1/151010/32/14284/30214/5ff66791Ea1bc6cc6/698c0772b377aef5.png'
212
212
  'https://img30.360buyimg.com/pop/jfs/t1/99583/39/8509/10091/5e058421E929cf51a/79f49f8c0778f83f.png!q50.jpg'
213
213
  'https://img10.360buyimg.com/imagetools/jfs/t1/117628/20/21162/29396/6226cdfcE33b32c6f/0980e81e03c7348d.png'
214
214
  'https://m.360buyimg.com/cc/jfs/t1/182614/22/26670/9779/62e7b1e4Ef6a845b5/ca9abec2bc887473.png'
215
215
  'https://m.360buyimg.com/cc/jfs/t5827/105/952226698/11515/8a9cea51/5922c3bdN099c989f.png'
216
216
  'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAAAeCAMAAABT0xOcAAAAe1BMVEUAAADx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fELy0NOAAAAKHRSTlMApwmfFtYm9rWveHDm70yJHYJaD2k8IeIr6pY2X0HHfsGRZDHdu1XNmO+CqgAAAu9JREFUSMfNlNmymzAQRAchkCUhdrMZbLze/v8vjIRMKN8kRR7ykFNeVIPV9Ewj039P1TR8+eILjL7RdLFFJUO8QMS7ZmyDJvZ0nDYGY+aKKDSJpY3OwWX6uFUEY/peCNEbY4Rp6AABixFYkLQRAK3VOmAjUrawMt1GrfWtXD7rlFF3uiA6HV/p0TF1tBECEVskYe+7qqW08mqT1jruneu21/72JfHoSZ7faj2bJu6mOlgEa3qjEXKeL/ACV1s5YSbqYP6stXUeX2FZnV3wuBSZqnVWqDNCIvaFRzZIiGAIw+CS/1brQCslgOQdUBoW10C2EFJei7AkygOlAnmGeMprJq/NjhZpAIrepOpOte2Oq9EXjupIMVoiXduQ9rTo7KsODhxJYaAGuJPjgRvdkRD1KP9CawRwettyF5SbVLZ49ZbuMJxGW93XisXPKA/oXNMDEReJT6N0OfZ2V4RqX4tFQPbOQbntwrl8oXCOQmu2hVosSr6j5QcW+uvukZJP37CWzL7tQs2lH8B53Nd6eq192N/72mdfa52XhdXPx6zcXKYgikLXbaNP66M27edoAO2X+RkQ9tVRhoWC6IZkCZAbHHa1SgDHNdHDsbrLr0ojKTkfDWp6+WPh1APakMAXbVrb6B/Mn+311zlETJZOCJYChttWxedUIyvyi9bLt+J4IPcLvVYypBNaDG5TguCzmct3rUkAPSdHJRLyDEjXQ6Un3GZQBamxaU09gJg+/r+4gqV0uzixXjBfLnDzixrjhDJGNoDXXqvK76OEJaO3L1bx/FQOCSxqcfJVUWiXCydEPowHeIqaZnf3wmvNRsBiC28ttEnS+1oy+lNtOMVAzayZCwsQ5ESNREgvKKuNjjI/ewNHr9Y4N5Is98llx2U8iOQXcKczhDwAM6ObayaanfWDDwhJcMvpU8ucr6+cPji5a8+UEVMCMNo97tLm0MU2uoMmi850yrc8s8Khyzuj7+Q6U7GPMCt8mOtGljP6l/wAUcBZ6lceL/8AAAAASUVORK5CYII='
217
217
  INIT = 'init',
218
218
  NORMAL = 'normal',
219
219
  NO_NET_WORK = 'no-network',
220
220
  DATA_ERROR = 'data-error',
221
221
  NO_DATA = 'no-data',
222
222
  SHOP_HEADER = 'shopHeader',
223
223
  PICTURE_HOST_SPOT = 'mPictureHotspot',
224
224
  ICOMMONGOOD = 'mICommonGood',
225
225
  TOPRANK = 'shopRankList',
226
226
  SECKILLSKU = 'mPromotion',
227
227
  PRESELLSKU = 'mPreSell',
228
228
  VIDEO = 'mVideo',
229
229
  COUPON = 'mCoupon',
230
230
  PROMOTIONGOODSBYACTIVE = 'promotionGoodsByActive',
231
231
  FLASHSALESKU = 'mHomeFlashBuyModule',
232
232
  BANNER = 'mBanner',
233
233
  JINGCOUPON = 'jingCoupon',
234
234
  RECOMMENDGOODS = 'mGoodsFeeds',
235
235
  RETURNTOMAINBYACTIVE = 'returnToMainByActive',
236
236
  MAIN_PUSH_NEW_PRODUCTS = 'mMainPushNewProducts',
237
237
  SGCOUPON = 'SgCoupon',
238
238
  TOTAL_PRICE_PROMOTION = 'mTotalPricePromotion',
239
239
  GROUP_BUY = 'mPingou',
240
240
  SMART_POSTER = 'mSmartPoster',
241
241
  SMART_CHOOSE_GOODS = 'mWisdomSku',
242
242
  SMARTCARD = 'smartCardFlag',
243
243
  IFrame = 'customize',
244
244
  SHOPMEMBERS = 'mShopMembers',
245
245
  MEMBER_SPRINT = 'mMemberSprint',
246
246
  IMGCOUNTDOWN = 'mCountdown',
247
247
  NEWANDOLD = 'newAndOld',
248
248
  ML_PICTURE_HOST_SPOT = 'mLPictureHotspot',
249
249
  NEW_PRODUCT_HOME = 'featureNewProductHome',
250
250
  SERIA_NEW_WARE = 'serialNewWareFlag',
251
251
  FREE_LAYOUT = 'freeLayout',
252
252
  ACTIVE_TEXT = 'activeText',
253
253
  SUPER_GOODS = 'superGoods',
254
254
  DYNAMIC_IMAGE = 'mDynamicImage',
255
255
  TABSERIOUSNEW = 'mTabSeriousNew',
256
256
  ISVDESIGNERH5MODULE = 'designerModular',
257
257
  NAV_CATEGRAY = 'navCategory',
258
258
  FloorModuleType.PICTURE_HOST_SPOT,
259
259
  FloorModuleType.ICOMMONGOOD,
260
260
  FloorModuleType.TOPRANK,
261
261
  FloorModuleType.SECKILLSKU,
262
262
  FloorModuleType.PRESELLSKU,
263
263
  FloorModuleType.VIDEO,
264
264
  FloorModuleType.COUPON,
265
265
  FloorModuleType.PROMOTIONGOODSBYACTIVE,
266
266
  FloorModuleType.FLASHSALESKU,
267
267
  FloorModuleType.BANNER,
268
268
  FloorModuleType.JINGCOUPON,
269
269
  FloorModuleType.RECOMMENDGOODS,
270
270
  FloorModuleType.RETURNTOMAINBYACTIVE,
271
271
  FloorModuleType.MAIN_PUSH_NEW_PRODUCTS,
272
272
  FloorModuleType.SGCOUPON,
273
273
  FloorModuleType.TOTAL_PRICE_PROMOTION,
274
274
  FloorModuleType.IFrame,
275
275
  FloorModuleType.SMARTCARD,
276
276
  FloorModuleType.GROUP_BUY,
277
277
  FloorModuleType.SMART_POSTER,
278
278
  FloorModuleType.SMART_CHOOSE_GOODS,
279
279
  FloorModuleType.IMGCOUNTDOWN,
280
280
  FloorModuleType.NEWANDOLD,
281
281
  FloorModuleType.ML_PICTURE_HOST_SPOT,
282
282
  FloorModuleType.SHOPMEMBERS,
283
283
  FloorModuleType.MEMBER_SPRINT,
284
284
  FloorModuleType.NEW_PRODUCT_HOME,
285
285
  FloorModuleType.SERIA_NEW_WARE,
286
286
  FloorModuleType.FREE_LAYOUT,
287
287
  FloorModuleType.ACTIVE_TEXT,
288
288
  FloorModuleType.SUPER_GOODS,
289
289
  FloorModuleType.DYNAMIC_IMAGE,
290
290
  FloorModuleType.TABSERIOUSNEW,
291
291
  FloorModuleType.ISVDESIGNERH5MODULE,
292
292
  FloorModuleType.JOINT_MODULE,
293
293
  M_DOWNLOAD_APP_HEIGHT + SHOP_HEADER_HEIGHT + SHOP_NAV_BAR_HEIGHT
294
294
  M_DOWNLOAD_APP_HEIGHT +
295
295
  SHOP_HEADER_HEIGHT +
296
296
  SHOP_NAV_BAR_HEIGHT +
297
297
  SHOP_BOTTOM_MENU_HEIGHT
298
298
  SHOP_HEADER_HEIGHT +
299
299
  SHOP_NAV_BAR_HEIGHT +
300
300
  SHOP_TAB_CONTENT_BOTTOM +
301
301
  SHOP_BOTTOM_MENU_HEIGHT
302
302
  SHOP_MINI_HEADER_HEIGHT + SHOP_NAV_BAR_HEIGHT + SHOP_BOTTOM_MENU_HEIGHT
303
303
  PAGE_SCROLL: 'pageScroll',
304
304
  PAGE_SCROLL_END: 'pageScrollEnd',
305
305
  PAGE_STICKY_AND_TO_TOP_CHANGE: 'pageStickyAndToTopChange',
306
306
  PAGE_ROOT_ELE_CLASS_CHANGE: 'pageRootEleClassChange',
307
307
  PAGE_INIT_EXPOSURE: 'pageInitExposure',
308
308
  PAGE_DOCUMENT_VISIBILITY_CHANGE: 'documentVisibilityChange',
309
309
  PAGE_SCROLL_TO_BOTTOM: 'pageScrollToBottom',
310
310
  DIALOG: 'dialog',
311
311
  HOME_SCROLL_TOP: 'homeScrollTop',
312
312
  HOME_GIFTS_SHOW: 'shopGiftsShow',
313
313
  USER_AREA_UPDATE: 'userAreaUpdate',
314
314
  DOWN_LOAD_APP_CLOSE_CHANGE: 'downloadAppCloseChange',
315
315
  VISIBLE: 1,
316
316
  NOT_VISIBLE: 0
317
317
  HOME: 1,
318
318
  PRODUCT: 2,
319
319
  CLASSIFY: 3,
320
320
  MEMBER: 6,
321
321
  DONGDONG: 5,
322
322
  PHONE_SERVICE: 51,
323
323
  ONLINE_SERVICE: 52,
324
324
  [SHOP_MENU_ID_TYPE.HOME]: 'home',
325
325
  [SHOP_MENU_ID_TYPE.PRODUCT]: 'product',
326
326
  [SHOP_MENU_ID_TYPE.CLASSIFY]: 'classify',
327
327
  [SHOP_MENU_ID_TYPE.MEMBER]: 'member',
328
328
  [SHOP_MENU_ID_TYPE.DONGDONG]: 'dongdong',
329
329
  [SHOP_MENU_ID_NAME[SHOP_MENU_ID_TYPE.HOME]]: SHOP_MENU_ID_TYPE.HOME,
330
330
  [SHOP_MENU_ID_NAME[SHOP_MENU_ID_TYPE.PRODUCT]]: SHOP_MENU_ID_TYPE.PRODUCT,
331
331
  [SHOP_MENU_ID_NAME[SHOP_MENU_ID_TYPE.CLASSIFY]]: SHOP_MENU_ID_TYPE.CLASSIFY,
332
332
  HOME_NONE: 0,
333
333
  HOME_WELL_CHOSEN: 1,
334
334
  HOME_PRODUCT: 2,
335
335
  HOME_ACTIVITY: 3,
336
336
  HOME_NEW_PRODUCT: 4,
337
337
  HOME_DYNAMIC: 5,
338
338
  HOME_PROMOTION: 6,
339
339
  HOME_MEMBER: 7,
340
340
  HOME_BUYER_SHOW: 8,
341
341
  HOME_SECKILL: 9,
342
342
  HOME_SERVICE: 10,
343
343
  INTRODUCE: 100,
344
344
  COUPON: 101,
345
345
  PROMOTION_WARES: 102,
346
346
  WXAPP_MINI_PROMOTION: 103,
347
347
  FAST_SHOPPING: 104,
348
348
  SPECI_SECKILL: 105,
349
349
  [SECTION_CUSTOMIZE_TYPE.WXAPP_MINI_PROMOTION]: 'wxapp-mini-promotion',
350
350
  [SECTION_HOME_TAB_TYPE.HOME_WELL_CHOSEN]: '精选',
351
351
  [SECTION_HOME_TAB_TYPE.HOME_PRODUCT]: '商品',
352
352
  [SECTION_HOME_TAB_TYPE.HOME_ACTIVITY]: '活动',
353
353
  [SECTION_HOME_TAB_TYPE.HOME_NEW_PRODUCT]: '上新',
354
354
  [SECTION_HOME_TAB_TYPE.HOME_DYNAMIC]: '动态',
355
355
  [SECTION_HOME_TAB_TYPE.HOME_PROMOTION]: '大促',
356
356
  [SECTION_HOME_TAB_TYPE.HOME_MEMBER]: '会员',
357
357
  [SECTION_HOME_TAB_TYPE.HOME_BUYER_SHOW]: '买家秀',
358
358
  [SECTION_HOME_TAB_TYPE.HOME_SECKILL]: '秒杀',
359
359
  [SECTION_HOME_TAB_TYPE.HOME_SERVICE]: '服务',
360
360
  [SECTION_HOME_TAB_TYPE.HOME_WELL_CHOSEN]: 'home-well-chosen',
361
361
  [SECTION_HOME_TAB_TYPE.HOME_PRODUCT]: 'home-product',
362
362
  [SECTION_HOME_TAB_TYPE.HOME_ACTIVITY]: 'home-activity',
363
363
  [SECTION_HOME_TAB_TYPE.HOME_NEW_PRODUCT]: 'home-new-product',
364
364
  [SECTION_HOME_TAB_TYPE.HOME_DYNAMIC]: 'home-dynamic',
365
365
  [SECTION_HOME_TAB_TYPE.HOME_PROMOTION]: 'home-promotion',
366
366
  [SECTION_HOME_TAB_TYPE.HOME_MEMBER]: 'home-member',
367
367
  [SECTION_HOME_TAB_TYPE.HOME_BUYER_SHOW]: 'home-buyer-show',
368
368
  [SECTION_HOME_TAB_TYPE.HOME_SECKILL]: 'home-seckill',
369
369
  [SECTION_HOME_TAB_TYPE.HOME_SERVICE]: 'home-service',
370
370
  [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_WELL_CHOSEN]]:
371
371
  SECTION_HOME_TAB_TYPE.HOME_WELL_CHOSEN,
372
372
  [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_PRODUCT]]:
373
373
  SECTION_HOME_TAB_TYPE.HOME_PRODUCT,
374
374
  [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_ACTIVITY]]:
375
375
  SECTION_HOME_TAB_TYPE.HOME_ACTIVITY,
376
376
  [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_NEW_PRODUCT]]:
377
377
  SECTION_HOME_TAB_TYPE.HOME_NEW_PRODUCT,
378
378
  [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_DYNAMIC]]:
379
379
  SECTION_HOME_TAB_TYPE.HOME_DYNAMIC,
380
380
  [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_PROMOTION]]:
381
381
  SECTION_HOME_TAB_TYPE.HOME_PROMOTION,
382
382
  [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_MEMBER]]:
383
383
  SECTION_HOME_TAB_TYPE.HOME_MEMBER,
384
384
  [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_BUYER_SHOW]]:
385
385
  SECTION_HOME_TAB_TYPE.HOME_BUYER_SHOW,
386
386
  [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_SECKILL]]:
387
387
  SECTION_HOME_TAB_TYPE.HOME_SECKILL,
388
388
  [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_SERVICE]]:
389
389
  SECTION_HOME_TAB_TYPE.HOME_SERVICE,
390
390
  ...SECTION_HOME_TAB_NAME_TYPE,
391
391
  HOME: SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_WELL_CHOSEN],
392
392
  PROMOTION: SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_PROMOTION],
393
393
  MEMBER: SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_MEMBER],
394
394
  JDShopViewBusinessPathType.HOME,
395
395
  JDShopViewBusinessPathType.PROMOTION,
396
396
  JDShopViewBusinessPathType.MEMBER,
397
397
  [JDShopViewBusinessPathType.HOME]: 'homePage',
398
398
  [JDShopViewBusinessPathType.PROMOTION]: 'bigPromo',
399
399
  NO: 'no',
400
400
  SHOP: 'shop',
401
401
  PROMOTION: 'promotion',
402
402
  [WX_BUSINESS_TYPE.SHOP]: 'JA2019_5112348',
403
403
  [WX_BUSINESS_TYPE.PROMOTION]: 'JA2021_5123692',
404
404
  'memberCardFlag',
405
405
  'memberWelfareDayFlag',
406
406
  'memberRegisterGiftFlag',
407
407
  'memberCouponFlag',
408
408
  'memberGoodsFlag',
409
409
  'memberPointExchangeFlag',
package/dist/components/ErrorBoundary.tsx CHANGED
@@ -1 +1 @@
1
- import React from 'react'
1
+ import React from 'react'
2
2
  if(this.props.customErrorIsvFloorModule){
3
3
  return this.props.customErrorIsvFloorModule
4
4
  }
package/dist/components/base/CustomVideo/index.module.scss ADDED
@@ -0,0 +1,66 @@
1
+ .d-video-wrap{
2
+ position: relative;
3
+ overflow: hidden;
4
+
5
+ .d-video-play {
6
+ display: block;
7
+ overflow: hidden;
8
+ width: 100%;
9
+ height: 100%;
10
+ background-color: transparent;
11
+ -webkit-backface-visibility: hidden;
12
+ -webkit-transform: translate3d(0, 0, 0);
13
+ object-fit: fill;
14
+ }
15
+
16
+ .d-video-mute-btn{
17
+ position: absolute;
18
+ width: 51px;
19
+ height: 51px;
20
+ background-repeat: no-repeat;
21
+ background-position: 50% 50%;
22
+ background-size: 50%;
23
+ }
24
+ .d-mute-btn-topLeft{
25
+ left: 10px;
26
+ top: 10px;
27
+ }
28
+ .d-mute-btn-topRight{
29
+ right: 10px;
30
+ top: 10px;
31
+ }
32
+ .d-mute-btn-bottomLeft{
33
+ left: 10px;
34
+ bottom: 10px;
35
+ }
36
+ .d-mute-btn-bottomRight{
37
+ right: 10px;
38
+ bottom: 10px;
39
+ }
40
+ .d-is-muted{
41
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAgCAYAAAB3j6rJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGAGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTktMDQtMTFUMTA6MTk6MDMrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTA0LTExVDEwOjIyOjMzKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE5LTA0LTExVDEwOjIyOjMzKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjAzYjJmNjE2LTZmZTUtNDJjNC1iNTgwLTczNzZjZjI2NzdmNSIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjYzZjQ2NTYzLWE0ZjktOGQ0Mi1hM2FhLTY3ODJhNDBhYWNjMSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjIyYWNjMWFlLTg4ZmMtNDBlZi1iMWM1LTNmODgwY2QzYWI2MiI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MjJhY2MxYWUtODhmYy00MGVmLWIxYzUtM2Y4ODBjZDNhYjYyIiBzdEV2dDp3aGVuPSIyMDE5LTA0LTExVDEwOjE5OjAzKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoTWFjaW50b3NoKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MDNiMmY2MTYtNmZlNS00MmM0LWI1ODAtNzM3NmNmMjY3N2Y1IiBzdEV2dDp3aGVuPSIyMDE5LTA0LTExVDEwOjIyOjMzKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5PmxYVAAACLklEQVRYhc2XP2sVQRRHz40hKoqaQgVBCy1EozFlGiVFxMLGh4piYWEh+hkEP4YKAVFEEFTyughaCH6DqIVpAhYWEgIxoJE8cywyi5tNHu/tJmvyg2WZO3dmzt47/zZUtoJ6Nhsg09YDiYhKDzACTAFNYH9lEpUq80TdrT5wpV5n/ZV9KoGoo+pXV2uyKkipOaLuUceAt8DhUvQd1FsCYhR4ChzaSIBMHSOi7lOfsByFWiCgEBH1GHAF2JlMPcBt4GC3HUYEaj9wF3gVEVPtfNVTwAXgWX7CDKq/1piAZTSZBmim8qJ6sQ3EgDqb/L7kU3MH2NHtl3dQX3r3Ak21UYAYAj4A/cl0JB+RF+uMRj4iQ+p8zt7KYFLdXKHuRi0gacBhV6a6pd5bA6KRNagFJPU9qv5u47toLmW1HnoR8Q5oAK1CVQu4FBHj/wUkaXsb+4pzpVaQFPqXrN7Be4Fx9VztIOr1BLEtmX4A94E/qdwHTKjDWYM6lu81dSlnn3V570BtuLxaMs2rZ/IgYxsBovaoPwsQA4VoFWEm8ql5DiysNyURsQTMpOIMcDYiPhd8xoGr/FtNC2G6FKXD6ihwGdiVHMoeeh8jYlA9ANwE3kTEp3bO6vE03qOONzR1r/q4RGrquaFFxFxE3ALOA9+6jExpdb180y55AhirhaRTatq0GXEzL8+ZIuI9cBJ4WKiartJf9nWV/mty7UfUafW7erpqRGI9EBuprffvu9n6C1KOmsqwI5A1AAAAAElFTkSuQmCC");
42
+ }
43
+ .d-not-muted{
44
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAGAGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTktMDQtMTFUMTA6MTg6MjArMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTA0LTExVDEwOjIyOjIyKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE5LTA0LTExVDEwOjIyOjIyKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk3YmE4Yjg0LTFhNTYtNGM1MS04NDVkLTNiZmYyMGI0ZDc0ZiIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjg1NGQ3MjlkLWUwNjctZjU0OC1hMTlhLTBlZjQ4OGRkYjJiOSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjA1ODY3ZDFlLWQ3NGEtNDgyNC04MDU3LTYzYmRmMTdjODk5ZSI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MDU4NjdkMWUtZDc0YS00ODI0LTgwNTctNjNiZGYxN2M4OTllIiBzdEV2dDp3aGVuPSIyMDE5LTA0LTExVDEwOjE4OjIwKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoTWFjaW50b3NoKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6OTdiYThiODQtMWE1Ni00YzUxLTg0NWQtM2JmZjIwYjRkNzRmIiBzdEV2dDp3aGVuPSIyMDE5LTA0LTExVDEwOjIyOjIyKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz459+FoAAABqElEQVRYhc2XPWsVQRSGnxPjF4oGRfxoRQKGWCU2Ft7CykrQWosEyf/If0hhIPgHDEmbNJZqCFxiQEgTUGxsBUVEHgvnyrjZZJO92V1fGIaZnTPvszPszNlQ6VIjnbr/DwCoDLMNak/dUVfUK0f2rQugnlcX/FevWgFQH6gf3autRgHUC+piiXHzAOmtPx9gXgug8itQx9SXwDpw47AGKXZWvXvQmNFCwE3gCXA2dY0Az4GrRzHONA9cU/vAbERsllEOyh31e8USV2mrMPdG9uyn+rDom2/BHHCm5puWKiKmgdtAnz+rvaxO5mNygEvHaZ5BfADuARvAaWBpP4DGFBHfgBngFzClTrUKkCDeA+9S837rAEnbqb7VFcCpVJ/oCmCw959aB1AfAROpudYqgDoOLKRmPyLelAF8bcD4pPoMeAtcB34AT4uDBqXXwFG8XXUU/72MIuK1OgE8Bs6l7mEvo8up7lN1Ge0n9aK6VHMFZvJTr9S3CiALaCQhqZOSvegMIAvu2UVSWpigLC1fbQ0gm6in7qpfLCQbhwGIYcyPQ53/G3YO8BtUtd35bvKcVwAAAABJRU5ErkJggg==");
45
+ }
46
+
47
+ .d-video-play-btn{
48
+ position: absolute;
49
+ width: 120px;
50
+ height: 120px;
51
+ background-repeat: no-repeat;
52
+ background-position: 50% 50%;
53
+ background-size: 50%;
54
+ top: 50%;
55
+ left: 50%;
56
+ transform: translateX(-50%) translateY(-50%);
57
+ }
58
+
59
+ .d-is-pause{
60
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAeCAYAAAAy2w7YAAAAAXNSR0IArs4c6QAAAWhJREFUSA1j+P///0cgBoHjQGzCQCsAtgJB/AMy5wCxGNXtQ9iBwvoA5BUCMQvVLEQxHpNzDSjkRhXLMM3GKrIeKKpEkYVYjcUu+AMo3ALE3GRZiN1MvKKPgbIRJFuG10j8koeA0gZEW4jfLIKyf4EqpgOxMEELCRpFnIJ3QGU5QMyM00LizCFa1SWgSkeslhFtBGkKVwGVy6FYSJp+klR/A6quB2JOkIWMIK0oNlOf8xBoZDE9LAI7nYn6HsBq4l96WHQEaLUpAyiOaASeAM2NgvuPBpaACt82IEYtfKls0UagecpwXyAzqGTRdaA57sjmYrAptAjUsCkGYlYMg9EFyLQI1IiZB8Ti6Obh5JNh0QmgHlOcBuKSIMGi50C18UDMiMssvOJEWPQLqKYbiHnxGkRIkoBF24DyaoTMIEoeh0W3geI+RBlArCI0iz4D+RVAzEasfqLVAQ19AcSg5LoYiKWI1kiiQgCMBLnEEcfDSgAAAABJRU5ErkJggg==");
61
+ }
62
+
63
+ .d-not-pause{
64
+ background-image: none;
65
+ }
66
+ }
package/dist/components/base/CustomVideo/index.tsx ADDED
@@ -0,0 +1 @@
1
+ import React, { useCallback, useEffect, useRef, useState } from 'react'
2
  if (!isH5 || !ref.current) return
1
3
  playVideo()
2
4
  manualPauseStateRef.current = false
3
5
  }
4
6
  if (!isH5 || !ref.current) return
5
7
  pauseVideo()
6
8
  manualPauseStateRef.current = true
7
9
  }
8
10
  if (!isH5 || !ref.current) return
9
11
  }, [])
package/dist/components/base/InOrOutViewObserver/index.tsx ADDED
@@ -0,0 +1 @@
1
+ import Taro from '@tarojs/taro'
2
  const {
1
3
  children,
2
4
  inViewCallback,
3
5
  outViewCallback,
4
6
  threshold = 0
5
7
  } = props
6
8
  const [componentShowState, setComponentShowState] = useState(false)
7
9
  const componentObserverRef = useRef<HTMLElement | null>(null)
8
10
  const componentShowStateRef = useRef(false)
9
11
  if (isH5AndJdShopView) {
10
12
  useEffect(() => {
11
13
  const latestRes = latestFromNativeMsgStorage[TaroEventType.PAGE_SCROLL] || {}
12
14
  dealPageScrollInfo(latestRes)
13
15
  Taro.eventCenter.on(TaroEventType.PAGE_SCROLL, (res) => {
14
16
  dealPageScrollInfo(res)
15
17
  })
16
18
  Taro.eventCenter.on(TaroEventType.PAGE_DOCUMENT_VISIBILITY_CHANGE, (state) => {
17
19
  state === WEBVIEW_STATE.NOT_VISIBLE && handleInOrOutView(false)
18
20
  })
19
21
  return function cleanup() {
20
22
  Taro.eventCenter.off(TaroEventType.PAGE_SCROLL, (res) => {
21
23
  dealPageScrollInfo(res)
22
24
  })
23
25
 
24
26
  Taro.eventCenter.off(TaroEventType.PAGE_DOCUMENT_VISIBILITY_CHANGE, (state) => {
25
27
  state === WEBVIEW_STATE.NOT_VISIBLE &&
26
28
  handleInOrOutView(false)
27
29
  })
28
30
  }
29
31
  }, [])
30
32
  useEffect(() => {
31
33
  if (componentShowState) {
32
34
  typeof inViewCallback === 'function' && inViewCallback()
33
35
  console.log('app=>in可视区域')
34
36
  } else {
35
37
  typeof outViewCallback === 'function' && outViewCallback()
36
38
  console.log('app=>out可视区域')
37
39
  }
38
40
  }, [componentShowState])
39
41
 
40
42
  const handleInOrOutView = (type: boolean) => {
41
43
  componentShowStateRef.current = type
42
44
  setComponentShowState(type)
43
45
  }
44
46
 
45
47
  const dealPageScrollInfo = (res) => {
46
48
  const { displayHeight, offSetY } = res
47
49
  if (typeof displayHeight === 'undefined' || typeof offSetY === 'undefined') return
48
50
  if (componentObserverRef.current) {
49
51
  const eleClientRect =
50
52
  componentObserverRef.current.getBoundingClientRect()
51
53
  const eleOffsetTop = Math.ceil(eleClientRect.top)
52
54
  const eleHeight = Math.ceil(eleClientRect.height)
53
55
  console.log('==========================eleOffsetTop, eleHeight', eleOffsetTop, eleHeight)
54
56
  if (eleOffsetTop >= 0 && eleOffsetTop < displayHeight) {
55
57
  const isOutView = offSetY > eleOffsetTop + Math.ceil(eleHeight * (1 - threshold))
56
58
  handleInOrOutView(!isOutView)
57
59
  } else {
58
60
  const isInView = (offSetY > eleOffsetTop - displayHeight + Math.ceil(eleHeight * threshold)) && (offSetY < eleOffsetTop + Math.ceil(eleHeight * (1 - threshold)))
59
61
  handleInOrOutView(isInView)
60
62
  }
61
63
  }
62
64
  }
63
65
  return (
64
66
  <View ref={componentObserverRef}>
65
67
  {children}
66
68
  </View>
67
69
  )
68
70
  } else {
69
71
  const rootDom = document.querySelector('#J_shopHomeRoot')
70
72
  const { ref, inView } = useInView({
71
73
  threshold,
72
74
  triggerOnce: false,
73
75
  root: rootDom || null,
74
76
  rootMargin: `0px 0px 0px 0px`,
75
77
  })
76
78
  useEffect(() => {
77
79
  if (inView) {
78
80
  typeof inViewCallback === 'function' && inViewCallback()
79
81
  console.log('其他h5=>in可视区域')
80
82
  } else {
81
83
  typeof outViewCallback === 'function' && outViewCallback()
82
84
  console.log('其他h5=>out可视区域')
83
85
  }
84
86
  }, [inView])
85
87
  return (
86
88
  <View ref={ref}>
87
89
  {children}
88
90
  </View>
89
91
  )
90
92
  }
91
93
  children: null,
92
94
  className: '',
93
95
  inViewCallback: null,
94
96
  outViewCallback: null,
95
97
  threshold: 0