@conecli/cone-render 0.8.18-beta.0 → 0.8.18-beta.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 (19) hide show
  1. package/dist/api/index.ts +1 -1
  2. package/dist/common/const.ts +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.module.scss +0 -0
  6. package/dist/components/base/InOrOutViewObserver/index.tsx +1 -0
  7. package/dist/components/base/InViewRender/index.tsx +1 -1
  8. package/dist/components/decorate/EmptyFloorModule/index.tsx +1 -1
  9. package/dist/components/decorate/PlaceHolder/index.tsx +1 -1
  10. package/dist/interface/component.ts +1 -1
  11. package/dist/interface/jumpEventReport.ts +1 -1
  12. package/dist/interface/service.ts +1 -1
  13. package/dist/jumpEventReport/base.ts +1 -1
  14. package/dist/jumpEventReport/jdJumpJdApp.ts +1 -1
  15. package/dist/jumpEventReport/jumpUrlConfig/base.ts +1 -1
  16. package/dist/open/api/jump.ts +1 -1
  17. package/dist/open/components/index.ts +1 -1
  18. package/dist/utils/connectNativeJsBridge.ts +1 -1
  19. package/package.json +1 -1
package/dist/api/index.ts CHANGED
@@ -1 +1 @@
1
- import { protocol, isBetaServer, isH5 } from '../config/env'
2
1
  mobileLogin: `${protocol}//conecli.com`,
2
+ import { protocol, isBetaServer, isH5 } from '../config/env'
3
3
  mobileLogin: `${protocol}//conecli.com`,
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
  HOME: 1,
316
316
  PRODUCT: 2,
317
317
  CLASSIFY: 3,
318
318
  MEMBER: 6,
319
319
  DONGDONG: 5,
320
320
  PHONE_SERVICE: 51,
321
321
  ONLINE_SERVICE: 52,
322
322
  [SHOP_MENU_ID_TYPE.HOME]: 'home',
323
323
  [SHOP_MENU_ID_TYPE.PRODUCT]: 'product',
324
324
  [SHOP_MENU_ID_TYPE.CLASSIFY]: 'classify',
325
325
  [SHOP_MENU_ID_TYPE.MEMBER]: 'member',
326
326
  [SHOP_MENU_ID_TYPE.DONGDONG]: 'dongdong',
327
327
  [SHOP_MENU_ID_NAME[SHOP_MENU_ID_TYPE.HOME]]: SHOP_MENU_ID_TYPE.HOME,
328
328
  [SHOP_MENU_ID_NAME[SHOP_MENU_ID_TYPE.PRODUCT]]: SHOP_MENU_ID_TYPE.PRODUCT,
329
329
  [SHOP_MENU_ID_NAME[SHOP_MENU_ID_TYPE.CLASSIFY]]: SHOP_MENU_ID_TYPE.CLASSIFY,
330
330
  HOME_NONE: 0,
331
331
  HOME_WELL_CHOSEN: 1,
332
332
  HOME_PRODUCT: 2,
333
333
  HOME_ACTIVITY: 3,
334
334
  HOME_NEW_PRODUCT: 4,
335
335
  HOME_DYNAMIC: 5,
336
336
  HOME_PROMOTION: 6,
337
337
  HOME_MEMBER: 7,
338
338
  HOME_BUYER_SHOW: 8,
339
339
  HOME_SECKILL: 9,
340
340
  HOME_SERVICE: 10,
341
341
  INTRODUCE: 100,
342
342
  COUPON: 101,
343
343
  PROMOTION_WARES: 102,
344
344
  WXAPP_MINI_PROMOTION: 103,
345
345
  FAST_SHOPPING: 104,
346
346
  SPECI_SECKILL: 105,
347
347
  [SECTION_CUSTOMIZE_TYPE.WXAPP_MINI_PROMOTION]: 'wxapp-mini-promotion',
348
348
  [SECTION_HOME_TAB_TYPE.HOME_WELL_CHOSEN]: '精选',
349
349
  [SECTION_HOME_TAB_TYPE.HOME_PRODUCT]: '商品',
350
350
  [SECTION_HOME_TAB_TYPE.HOME_ACTIVITY]: '活动',
351
351
  [SECTION_HOME_TAB_TYPE.HOME_NEW_PRODUCT]: '上新',
352
352
  [SECTION_HOME_TAB_TYPE.HOME_DYNAMIC]: '动态',
353
353
  [SECTION_HOME_TAB_TYPE.HOME_PROMOTION]: '大促',
354
354
  [SECTION_HOME_TAB_TYPE.HOME_MEMBER]: '会员',
355
355
  [SECTION_HOME_TAB_TYPE.HOME_BUYER_SHOW]: '买家秀',
356
356
  [SECTION_HOME_TAB_TYPE.HOME_SECKILL]: '秒杀',
357
357
  [SECTION_HOME_TAB_TYPE.HOME_SERVICE]: '服务',
358
358
  [SECTION_HOME_TAB_TYPE.HOME_WELL_CHOSEN]: 'home-well-chosen',
359
359
  [SECTION_HOME_TAB_TYPE.HOME_PRODUCT]: 'home-product',
360
360
  [SECTION_HOME_TAB_TYPE.HOME_ACTIVITY]: 'home-activity',
361
361
  [SECTION_HOME_TAB_TYPE.HOME_NEW_PRODUCT]: 'home-new-product',
362
362
  [SECTION_HOME_TAB_TYPE.HOME_DYNAMIC]: 'home-dynamic',
363
363
  [SECTION_HOME_TAB_TYPE.HOME_PROMOTION]: 'home-promotion',
364
364
  [SECTION_HOME_TAB_TYPE.HOME_MEMBER]: 'home-member',
365
365
  [SECTION_HOME_TAB_TYPE.HOME_BUYER_SHOW]: 'home-buyer-show',
366
366
  [SECTION_HOME_TAB_TYPE.HOME_SECKILL]: 'home-seckill',
367
367
  [SECTION_HOME_TAB_TYPE.HOME_SERVICE]: 'home-service',
368
368
  [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_WELL_CHOSEN]]:
369
369
  SECTION_HOME_TAB_TYPE.HOME_WELL_CHOSEN,
370
370
  [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_PRODUCT]]:
371
371
  SECTION_HOME_TAB_TYPE.HOME_PRODUCT,
372
372
  [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_ACTIVITY]]:
373
373
  SECTION_HOME_TAB_TYPE.HOME_ACTIVITY,
374
374
  [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_NEW_PRODUCT]]:
375
375
  SECTION_HOME_TAB_TYPE.HOME_NEW_PRODUCT,
376
376
  [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_DYNAMIC]]:
377
377
  SECTION_HOME_TAB_TYPE.HOME_DYNAMIC,
378
378
  [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_PROMOTION]]:
379
379
  SECTION_HOME_TAB_TYPE.HOME_PROMOTION,
380
380
  [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_MEMBER]]:
381
381
  SECTION_HOME_TAB_TYPE.HOME_MEMBER,
382
382
  [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_BUYER_SHOW]]:
383
383
  SECTION_HOME_TAB_TYPE.HOME_BUYER_SHOW,
384
384
  [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_SECKILL]]:
385
385
  SECTION_HOME_TAB_TYPE.HOME_SECKILL,
386
386
  [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_SERVICE]]:
387
387
  SECTION_HOME_TAB_TYPE.HOME_SERVICE,
388
388
  ...SECTION_HOME_TAB_NAME_TYPE,
389
389
  HOME: SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_WELL_CHOSEN],
390
390
  PROMOTION: SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_PROMOTION],
391
391
  MEMBER: SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_MEMBER],
392
392
  JDShopViewBusinessPathType.HOME,
393
393
  JDShopViewBusinessPathType.PROMOTION,
394
394
  JDShopViewBusinessPathType.MEMBER,
395
395
  [JDShopViewBusinessPathType.HOME]: 'homePage',
396
396
  [JDShopViewBusinessPathType.PROMOTION]: 'bigPromo',
397
397
  NO: 'no',
398
398
  SHOP: 'shop',
399
399
  PROMOTION: 'promotion',
400
400
  [WX_BUSINESS_TYPE.SHOP]: 'JA2019_5112348',
401
401
  [WX_BUSINESS_TYPE.PROMOTION]: 'JA2021_5123692',
402
402
  'memberCardFlag',
403
403
  'memberWelfareDayFlag',
404
404
  'memberRegisterGiftFlag',
405
405
  'memberCouponFlag',
406
406
  'memberGoodsFlag',
407
407
  'memberPointExchangeFlag',
408
408
  app: 102,
409
409
  h5: 406,
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'
package/dist/components/base/InOrOutViewObserver/index.tsx ADDED
@@ -0,0 +1 @@
1
+ import Taro from '@tarojs/taro'
2
  TaroEventType,
1
3
  const {
2
4
  children,
3
5
  inViewCallback,
4
6
  outViewCallback,
5
7
  threshold
6
8
  } = props
7
9
  const [componentShowState, setComponentShowState] = useState(false)
8
10
  const componentObserverRef = useRef<HTMLElement | null>(null)
9
11
  const componentShowStateRef = useRef(false)
10
12
  if (isH5AndJdShopView) {
11
13
  useEffect(() => {
12
14
  const latestRes = latestFromNativeMsgStorage[TaroEventType.PAGE_SCROLL] || {}
13
15
  dealPageScrollInfo(latestRes)
14
16
  Taro.eventCenter.on(TaroEventType.PAGE_SCROLL, (res) => {
15
17
  dealPageScrollInfo(res)
16
18
  })
17
19
  Taro.eventCenter.on(TaroEventType.PAGE_DOCUMENT_VISIBILITY_CHANGE, (state) => {
18
20
  state === 0 && handleInOrOutView(false)
19
21
  })
20
22
  }, [])
21
23
  useEffect(() => {
22
24
  if (componentShowState) {
23
25
  typeof inViewCallback === 'function' && inViewCallback()
24
26
  console.log('app=>in可视区域')
25
27
  } else {
26
28
  typeof outViewCallback === 'function' && outViewCallback()
27
29
  console.log('app=>out可视区域')
28
30
  }
29
31
  }, [componentShowState])
30
32
 
31
33
  const handleInOrOutView = (type: boolean) => {
32
34
  componentShowStateRef.current = type
33
35
  setComponentShowState(type)
34
36
  }
35
37
 
36
38
  const dealPageScrollInfo = (res) => {
37
39
  const { displayHeight, offSetY } = res
38
40
  if (componentObserverRef.current) {
39
41
  const eleClientRect =
40
42
  componentObserverRef.current.getBoundingClientRect()
41
43
  const eleOffsetTop = Math.ceil(eleClientRect.top)
42
44
  const eleHeight = Math.ceil(eleClientRect.height)
43
45
  console.log('==========================eleOffsetTop, eleHeight', eleOffsetTop, eleHeight)
44
46
  if (eleOffsetTop >= 0 && eleOffsetTop < displayHeight) {
45
47
  const isOutView = offSetY > eleOffsetTop + Math.ceil(eleHeight * (1 - threshold))
46
48
  handleInOrOutView(isOutView ? false : true)
47
49
  } else {
48
50
  const isInView = (offSetY > eleOffsetTop - displayHeight + Math.ceil(eleHeight * threshold)) && (offSetY < eleOffsetTop + Math.ceil(eleHeight * (1 - threshold)))
49
51
  handleInOrOutView(isInView ? true : false)
50
52
  }
51
53
  }
52
54
  }
53
55
  return (
54
56
  <View ref={componentObserverRef}>
55
57
  {children}
56
58
  </View>
57
59
  )
58
60
  } else {
59
61
  const rootDom = document.querySelector('#J_shopHomeRoot')
60
62
  const { ref, inView } = useInView({
61
63
  threshold,
62
64
  triggerOnce: false,
63
65
  root: rootDom || null,
64
66
  rootMargin: `0px 0px 0px 0px`,
65
67
  })
66
68
  useEffect(() => {
67
69
  if (inView) {
68
70
  typeof inViewCallback === 'function' && inViewCallback()
69
71
  console.log('其他h5=>in可视区域')
70
72
  } else {
71
73
  typeof outViewCallback === 'function' && outViewCallback()
72
74
  console.log('其他h5=>out可视区域')
73
75
  }
74
76
  }, [inView])
75
77
  return (
76
78
  <View ref={ref}>
77
79
  {children}
78
80
  </View>
79
81
  )
80
82
  }
81
83
  children: null,
82
84
  className: '',
83
85
  inViewCallback: null,
84
86
  outViewCallback: null,
85
87
  threshold: 0