@conecli/cone-render 0.8.18 → 0.8.19-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 (38) 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.h5.ts +1 -1
  15. package/dist/jumpEventReport/index.ts +1 -1
  16. package/dist/jumpEventReport/index.weapp.ts +1 -1
  17. package/dist/jumpEventReport/jdJumpJdApp.ts +1 -1
  18. package/dist/jumpEventReport/web.base.ts +1 -1
  19. package/dist/jumpEventReport/web.jd.ts +1 -1
  20. package/dist/jumpEventReport/web.jdb.ts +1 -0
  21. package/dist/jumpEventReport/web.wxapp.ts +1 -1
  22. package/dist/modules/ContainerFloorList/index.h5.tsx +1 -1
  23. package/dist/open/api/index.ts +1 -1
  24. package/dist/open/components/index.ts +1 -1
  25. package/dist/sass/app.h5.scss +7 -139
  26. package/dist/sass/app.scss +8 -0
  27. package/dist/sass/base.scss +0 -9
  28. package/dist/service/IsvRequestServer.ts +1 -0
  29. package/dist/service/http/const.ts +1 -0
  30. package/dist/service/http/http.jd.ts +1 -0
  31. package/dist/service/http/http.ts +1 -0
  32. package/dist/service/http/httpInterceptors.jd.ts +1 -0
  33. package/dist/service/http/httpInterceptors.ts +1 -0
  34. package/dist/service/http/index.ts +1 -0
  35. package/dist/utils/connectNativeJsBridge.ts +1 -1
  36. package/dist/utils/jm-common.js +1 -1
  37. package/dist/utils/utils.ts +1 -1
  38. package/package.json +1 -1
@@ -1 +1 @@
1
- import React from 'react'
2
1
  NETWORK_DATA_TYPE,
3
2
  M_SHOP_DOWNLOAD_HEADER_NAV_BAR_BOTTOM_MENU_HEIGHT,
4
3
  APP_SHOP_HEADER_NAV_BAR_BOTTOM_MENU_HEIGHT,
5
4
  containerFloorListData: ComponentInterFace.ContainerItemData[]
6
5
  className?: string
7
6
  containerItemClass?: object
8
7
  style?: object
9
8
  hasGoodsFeeds?: boolean
10
9
  builtInComponents?: Object
11
10
  loadingEndComponentFn?: Function
12
11
  sectionType?: string
13
12
  updateShopFloorDataFn?: Function
14
13
  updateContainerFloorListDataFn?: Function
15
14
  const {
16
15
  className,
17
16
  style,
18
17
  containerItemClass = null,
19
18
  containerFloorListData,
20
19
  builtInComponents,
21
20
  loadingEndComponentFn,
22
21
  sectionType,
23
22
  updateShopFloorDataFn,
24
23
  updateContainerFloorListDataFn,
25
24
  } = props
26
25
 
27
26
  const renderFloorItem = (
28
27
  item,
29
28
  floorItem,
30
29
  floorIndex,
31
30
  containerLayoutLeftRightMargin,
32
31
  lazyLoadState = false,
33
32
  ) => {
34
33
  return (
35
34
  <View
36
35
  className={classNames(shopContainerListStyle['d-floor-item'])}
37
36
  data-floor-uid={floorItem?.uid}
38
37
  data-floor-type={floorItem?.floorExtInfo?.moduleFlag || ''}
39
38
  data-lazy-load={lazyLoadState}
40
39
  key={floorItem.uid}
41
40
  id={`J_floor_${floorItem.uid}`}
42
41
  style={{
43
42
  borderRadius: `${item?.borderRadius || 0}px`,
44
43
  }}
45
44
  >
46
45
  <FloorListItem
47
46
  floorIndex={floorIndex}
48
47
  floorData={floorItem}
49
48
  layoutLeftRightMargin={containerLayoutLeftRightMargin}
50
49
  containerBorderRadius={item?.borderRadius || 0}
51
50
  updateShopFloorDataFn={updateShopFloorDataFn}
52
51
  loadingEndComponentFn={loadingEndComponentFn}
53
52
  key={floorItem.uid}
54
53
  builtInComponents={builtInComponents}
55
54
  updateContainerFloorListDataFn={
56
55
  updateContainerFloorListDataFn
57
56
  }
58
57
  />
59
58
  </View>
60
59
  )
61
60
  }
62
61
 
63
62
  const getFloorSetHeight = (item) => {
64
63
  const getHeight = item?.floorExtInfo?.floorHeight
65
64
  ? Number(item?.floorExtInfo?.floorHeight)
66
65
  : 200
67
66
  return getHeight > 0 ? getHeight : 200
68
67
  }
69
68
  return (
70
69
  <View
71
70
  className={classNames(
72
71
  className,
73
72
  shopContainerListStyle['d-shop-container-list'],
74
73
  )}
75
74
  style={style}
76
75
  >
77
76
  <View id='J_shopContainerFloorList'>
78
77
  {containerFloorListData.length > 0 ? (
79
78
  containerFloorListData.map((item, index) => {
80
79
  const containerLayoutLeftRightMargin =
81
80
  (item.marginLeft || 0) + (item.marginRight || 0)
82
81
  const getContainerId = `J_container_${item.containerId}`
83
82
  return (
84
83
  <View
85
84
  className={classNames(
86
85
  shopContainerListStyle['d-container-item'],
87
86
  containerItemClass,
88
87
  )}
89
88
  id={getContainerId}
90
89
  key={item.containerId}
91
90
  data-container-id={item?.containerId}
92
91
  data-container-type={item?.typeCode}
93
92
  style={{
94
93
  marginBottom: item.marginBottom
95
94
  ? `${item.marginBottom}px`
96
95
  : 0,
97
96
  marginTop: item.marginTop
98
97
  ? `${item.marginTop}px`
99
98
  : 0,
100
99
  marginLeft: item.marginLeft
101
100
  ? `${item.marginLeft}px`
102
101
  : 0,
103
102
  marginRight: item.marginRight
104
103
  ? `${item.marginRight}px`
105
104
  : 0,
106
105
  borderRadius: item.borderRadius
107
106
  ? `${item.borderRadius}px`
108
107
  : 0,
109
108
  }}
110
109
  >
111
110
  {item.floors &&
112
111
  item.floors.length > 0 &&
113
112
  item.floors?.map(
114
113
  (floorItem, floorIndex) => {
115
114
  return index > 4 ? (
116
115
  <LazyLayoutLoad
117
116
  key={item.containerId}
118
117
  sectionType={sectionType}
119
118
  containerId={getContainerId}
120
119
  height={getFloorSetHeight(
121
120
  floorItem,
122
121
  )}
123
122
  floorData={floorItem}
124
123
  >
125
124
  {renderFloorItem(
126
125
  item,
127
126
  floorItem,
128
127
  floorIndex,
129
128
  containerLayoutLeftRightMargin,
130
129
  true,
131
130
  )}
132
131
  </LazyLayoutLoad>
133
132
  ) : (
134
133
  renderFloorItem(
135
134
  item,
136
135
  floorItem,
137
136
  floorIndex,
138
137
  containerLayoutLeftRightMargin,
139
138
  )
140
139
  )
141
140
  },
142
141
  )}
143
142
  </View>
144
143
  )
145
144
  })
146
145
  ) : (
147
146
  <View
148
147
  className={
149
148
  shopContainerListStyle['d-container-list-no-data']
150
149
  }
151
150
  style={{
152
151
  height: `${
153
152
  windowHeight -
154
153
  (isJdApp
155
154
  ? APP_SHOP_HEADER_NAV_BAR_BOTTOM_MENU_HEIGHT
156
155
  : M_SHOP_DOWNLOAD_HEADER_NAV_BAR_BOTTOM_MENU_HEIGHT)
157
156
  }px`,
158
157
  }}
159
158
  >
160
159
  <NetworkDataError
161
160
  netWorkShowType={NetWorkShowType.PART}
162
161
  netWorkDataType={NETWORK_DATA_TYPE.DATA_ERROR}
163
162
  />
164
163
  </View>
165
164
  )}
166
165
  </View>
167
166
  </View>
168
167
  )
169
168
  updateShopDataFn: null,
169
+ import React from 'react'
170
170
  NETWORK_DATA_TYPE,
171
171
  M_SHOP_DOWNLOAD_HEADER_NAV_BAR_BOTTOM_MENU_HEIGHT,
172
172
  APP_SHOP_HEADER_NAV_BAR_BOTTOM_MENU_HEIGHT,
173
173
  containerFloorListData: ComponentInterFace.ContainerItemData[]
174
174
  className?: string
175
175
  containerItemClass?: object
176
176
  style?: object
177
177
  hasGoodsFeeds?: boolean
178
178
  builtInComponents?: Object
179
179
  loadingEndComponentFn?: Function
180
180
  sectionType?: string
181
181
  updateShopFloorDataFn?: Function
182
182
  updateContainerFloorListDataFn?: Function
183
183
  customErrorIsvFloorModule?: React.ReactElement
184
184
  const {
185
185
  className,
186
186
  style,
187
187
  containerItemClass = null,
188
188
  containerFloorListData,
189
189
  builtInComponents,
190
190
  loadingEndComponentFn,
191
191
  sectionType,
192
192
  updateShopFloorDataFn,
193
193
  updateContainerFloorListDataFn,
194
194
  customErrorIsvFloorModule
195
195
  } = props
196
196
 
197
197
  const renderFloorItem = (
198
198
  item,
199
199
  floorItem,
200
200
  floorIndex,
201
201
  containerLayoutLeftRightMargin,
202
202
  lazyLoadState = false,
203
203
  ) => {
204
204
  return (
205
205
  <View
206
206
  className={classNames(shopContainerListStyle['d-floor-item'])}
207
207
  data-floor-uid={floorItem?.uid}
208
208
  data-floor-type={floorItem?.floorExtInfo?.moduleFlag || ''}
209
209
  data-lazy-load={lazyLoadState}
210
210
  key={floorItem.uid}
211
211
  id={`J_floor_${floorItem.uid}`}
212
212
  style={{
213
213
  borderRadius: `${item?.borderRadius || 0}px`,
214
214
  }}
215
215
  >
216
216
  <FloorListItem
217
217
  floorIndex={floorIndex}
218
218
  floorData={floorItem}
219
219
  layoutLeftRightMargin={containerLayoutLeftRightMargin}
220
220
  containerBorderRadius={item?.borderRadius || 0}
221
221
  updateShopFloorDataFn={updateShopFloorDataFn}
222
222
  loadingEndComponentFn={loadingEndComponentFn}
223
223
  key={floorItem.uid}
224
224
  builtInComponents={builtInComponents}
225
225
  updateContainerFloorListDataFn={
226
226
  updateContainerFloorListDataFn
227
227
  }
228
228
  customErrorIsvFloorModule={customErrorIsvFloorModule}
229
229
  />
230
230
  </View>
231
231
  )
232
232
  }
233
233
 
234
234
  const getFloorSetHeight = (item) => {
235
235
  const getHeight = item?.floorExtInfo?.floorHeight
236
236
  ? Number(item?.floorExtInfo?.floorHeight)
237
237
  : 200
238
238
  return getHeight > 0 ? getHeight : 200
239
239
  }
240
240
  return (
241
241
  <View
242
242
  className={classNames(
243
243
  className,
244
244
  shopContainerListStyle['d-shop-container-list'],
245
245
  )}
246
246
  style={style}
247
247
  >
248
248
  <View id='J_shopContainerFloorList'>
249
249
  {containerFloorListData.length > 0 ? (
250
250
  containerFloorListData.map((item, index) => {
251
251
  const containerLayoutLeftRightMargin =
252
252
  (item.marginLeft || 0) + (item.marginRight || 0)
253
253
  const getContainerId = `J_container_${item.containerId}`
254
254
  return (
255
255
  <View
256
256
  className={classNames(
257
257
  shopContainerListStyle['d-container-item'],
258
258
  containerItemClass,
259
259
  )}
260
260
  id={getContainerId}
261
261
  key={item.containerId}
262
262
  data-container-id={item?.containerId}
263
263
  data-container-type={item?.typeCode}
264
264
  style={{
265
265
  marginBottom: item.marginBottom
266
266
  ? `${item.marginBottom}px`
267
267
  : 0,
268
268
  marginTop: item.marginTop
269
269
  ? `${item.marginTop}px`
270
270
  : 0,
271
271
  marginLeft: item.marginLeft
272
272
  ? `${item.marginLeft}px`
273
273
  : 0,
274
274
  marginRight: item.marginRight
275
275
  ? `${item.marginRight}px`
276
276
  : 0,
277
277
  borderRadius: item.borderRadius
278
278
  ? `${item.borderRadius}px`
279
279
  : 0,
280
280
  }}
281
281
  >
282
282
  {item.floors &&
283
283
  item.floors.length > 0 &&
284
284
  item.floors?.map(
285
285
  (floorItem, floorIndex) => {
286
286
  return index > 4 ? (
287
287
  <LazyLayoutLoad
288
288
  key={item.containerId}
289
289
  sectionType={sectionType}
290
290
  containerId={getContainerId}
291
291
  height={getFloorSetHeight(
292
292
  floorItem,
293
293
  )}
294
294
  floorData={floorItem}
295
295
  >
296
296
  {renderFloorItem(
297
297
  item,
298
298
  floorItem,
299
299
  floorIndex,
300
300
  containerLayoutLeftRightMargin,
301
301
  true,
302
302
  )}
303
303
  </LazyLayoutLoad>
304
304
  ) : (
305
305
  renderFloorItem(
306
306
  item,
307
307
  floorItem,
308
308
  floorIndex,
309
309
  containerLayoutLeftRightMargin,
310
310
  )
311
311
  )
312
312
  },
313
313
  )}
314
314
  </View>
315
315
  )
316
316
  })
317
317
  ) : (
318
318
  <View
319
319
  className={
320
320
  shopContainerListStyle['d-container-list-no-data']
321
321
  }
322
322
  style={{
323
323
  height: `${
324
324
  windowHeight -
325
325
  (isJdApp
326
326
  ? APP_SHOP_HEADER_NAV_BAR_BOTTOM_MENU_HEIGHT
327
327
  : M_SHOP_DOWNLOAD_HEADER_NAV_BAR_BOTTOM_MENU_HEIGHT)
328
328
  }px`,
329
329
  }}
330
330
  >
331
331
  <NetworkDataError
332
332
  netWorkShowType={NetWorkShowType.PART}
333
333
  netWorkDataType={NETWORK_DATA_TYPE.DATA_ERROR}
334
334
  />
335
335
  </View>
336
336
  )}
337
337
  </View>
338
338
  </View>
339
339
  )
340
340
  updateShopDataFn: null,
@@ -1 +1 @@
1
- import * as device from './device'
1
+ import * as device from './device'
@@ -1 +1 @@
1
- import CountDown from '../../components/base/CountDown'
2
1
  LazyLayoutLoad,
3
2
  ExposureSmart
3
+ import CountDown from "../../components/base/CountDown";
@@ -353,145 +353,6 @@ taro-radio-core {
353
353
  }
354
354
  }
355
355
 
356
- //
357
- //.Yep-mask {
358
- // position: fixed;
359
- // z-index: 222;
360
- // top: 0;
361
- // right: 0;
362
- // left: 0;
363
- // bottom: 0;
364
- // background: rgba(0, 0, 0, 0.65);
365
- // height: 100%;
366
- //}
367
- //
368
- //.Yep-mask_transparent {
369
- // position: fixed;
370
- // z-index: 222;
371
- // top: 0;
372
- // right: 0;
373
- // left: 0;
374
- // bottom: 0;
375
- // height: 100%;
376
- //}
377
- //
378
- //.Yep-popup {
379
- // position: fixed;
380
- // left: 0;
381
- // right: 0;
382
- // top: 0;
383
- // bottom: 0;
384
- // width: 100%;
385
- // z-index: 222;
386
- // overflow: auto;
387
- // outline: 0;
388
- //}
389
- //
390
- //.Yep-dialog {
391
- // position: relative;
392
- //
393
- // &-transparent {
394
- // width: 540px;
395
- // }
396
- //
397
- // &-content {
398
- // position: relative;
399
- // background-color: #ffffff;
400
- // border: 0;
401
- // text-align: center;
402
- // height: 100%;
403
- // overflow: hidden;
404
- // }
405
- //
406
- // &-transparent &-content {
407
- // border-radius: 18px;
408
- // padding-top: 30px;
409
- // }
410
- //
411
- // &-header {
412
- // padding: 12px 30px 30px;
413
- // }
414
- //
415
- // &-title {
416
- // margin: 0;
417
- // font-size: 36px;
418
- // line-height: 1;
419
- // color: #000;
420
- // text-align: center;
421
- // }
422
- //
423
- // &-body {
424
- // font-size: 32px;
425
- // color: #888;
426
- // height: 100%;
427
- // line-height: 1.5;
428
- // overflow: auto;
429
- // }
430
- //
431
- //
432
- // &-transparent &-content &-header + &-body {
433
- // padding: 0 30px 30px;
434
- // }
435
- //
436
- // &-transparent &-content &-body {
437
- // padding: 28px 30px 58px;
438
- // }
439
- //
440
- // &-wrap {
441
- // display: flex;
442
- // align-items: center;
443
- // justify-content: center;
444
- // position: fixed;
445
- // top: 0;
446
- // left: 0;
447
- // bottom: 0;
448
- // right: 0;
449
- // z-index: 222;
450
- // }
451
- //
452
- // &-button-group-h {
453
- // display: flex;
454
- // }
455
- //
456
- // &-button-group-h &-button {
457
- // position: relative;
458
- // flex: 1;
459
- // box-sizing: border-box;
460
- // text-align: center;
461
- // text-decoration: none;
462
- // outline: none;
463
- // background-color: #2a83e1;
464
- // color: #ffffff;
465
- // font-size: 36px;
466
- // height: 88px;
467
- // line-height: 88px;
468
- // display: block;
469
- // width: auto;
470
- // overflow: hidden;
471
- // text-overflow: ellipsis;
472
- // white-space: nowrap;
473
- //
474
- // &:after {
475
- // content: '';
476
- // display: block;
477
- // position: absolute;
478
- // width: 100%;
479
- // left: 0;
480
- // top: 0;
481
- // height: 1px;
482
- // background-color: #dadada;
483
- // -webkit-transform: scaleY(0.5);
484
- // transform: scaleY(0.5);
485
- // pointer-events: none;
486
- // }
487
- // }
488
- //
489
- // &-button:first-child {
490
- // background-color: #ffffff;
491
- // color: #000000;
492
- // }
493
- //}
494
-
495
356
  .fade-enter {
496
357
  opacity: 0.01;
497
358
  }
@@ -605,3 +466,10 @@ taro-radio-core {
605
466
  }
606
467
 
607
468
 
469
+ .d-imag-rendering-crisp-edges {
470
+ //image-rendering: -moz-crisp-edges;
471
+ //image-rendering: -o-crisp-edges;
472
+ //image-rendering: -webkit-optimize-contrast;
473
+ //image-rendering: crisp-edges;
474
+ //-ms-interpolation-mode: nearest-neighbor;
475
+ }
@@ -19,3 +19,11 @@ image {
19
19
  width: 100%;
20
20
  height: 100%;
21
21
  }
22
+
23
+ .d-imag-rendering-crisp-edges {
24
+ image-rendering: -moz-crisp-edges;
25
+ image-rendering: -o-crisp-edges;
26
+ image-rendering: -webkit-optimize-contrast;
27
+ image-rendering: crisp-edges;
28
+ -ms-interpolation-mode: nearest-neighbor;
29
+ }
@@ -340,12 +340,3 @@
340
340
  border: none;
341
341
  }
342
342
  }
343
-
344
-
345
- .d-imag-rendering-crisp-edges {
346
- image-rendering: -moz-crisp-edges;
347
- image-rendering: -o-crisp-edges;
348
- image-rendering: -webkit-optimize-contrast;
349
- image-rendering: crisp-edges;
350
- -ms-interpolation-mode: nearest-neighbor;
351
- }