@conecli/cone-render 0.8.18 → 0.8.19-shop.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 (8) hide show
  1. package/dist/components/base/LazyLoadImage/const.ts +1 -1
  2. package/dist/components/base/LazyLoadImage/index.h5.tsx +1 -1
  3. package/dist/sass/app.h5.scss +7 -139
  4. package/dist/sass/app.scss +8 -0
  5. package/dist/sass/base.scss +0 -9
  6. package/dist/utils/index.h5.ts +1 -1
  7. package/dist/utils/utils.ts +1 -1
  8. package/package.json +1 -1
package/dist/components/base/LazyLoadImage/const.ts CHANGED
@@ -1 +1 @@
1
- export const NetWorkTypeQuality = {
1
+ export const NetWorkTypeQuality = {
package/dist/components/base/LazyLoadImage/index.h5.tsx CHANGED
@@ -1 +1 @@
1
- import React, { useCallback, useEffect, useRef, useState } from 'react'
2
1
  const [componentShowState, setComponentShowState] = useState(false)
3
2
  const componentLazyRef = useRef<HTMLElement | null>(null)
4
3
  const componentShowStateRef = useRef(false)
5
4
  useEffect(() => {
6
5
  const latestRes = latestFromNativeMsgStorage[TaroEventType.PAGE_SCROLL] || {}
7
6
  !componentShowStateRef.current && dealPageScrollInfo(latestRes)
8
7
  Taro.eventCenter.on(TaroEventType.PAGE_SCROLL, (res) => {
9
8
  !componentShowStateRef.current && dealPageScrollInfo(res)
10
9
  })
11
10
 
12
11
 
13
12
  <View
14
13
  ref={componentLazyRef}
15
14
  className={classNames(
16
15
  imageStyle['d-app-lazy-image'],
17
16
  {
18
17
  [imageStyle['d-lazy-sku-image']]: isSkuImage,
19
18
  },
20
19
  {
21
20
  [imageStyle['d-hide-image-error']]: imageErrState,
22
21
  },
23
22
  {
24
23
  [imageStyle['d-load-completed']]: loadSuccess,
25
24
  },
26
25
  {
27
26
  'd-imag-rendering-crisp-edges':
28
27
  !taroJdBaseInfo.info.pageInfo.isVipShop &&
29
28
  imagRenderingSet,
30
29
  },
31
30
  'J_html5ImageBg',
32
31
  className,
33
32
  )}
34
33
  style={{
35
34
  ...style,
36
35
  ...changeStyleIncludeWidthAndHeightAndBgColor(),
37
36
  >
38
37
  {(componentShowState || lazyLoad === false) && <img
39
38
  src={getQualityImage(
40
39
  imgSrc,
41
40
  taroJdBaseInfo.info.pageInfo.isVipShop
42
41
  ? NetWorkTypeQuality['perfect']
43
42
  : NetWorkTypeQuality[getNetWorkType],
44
43
  )}
45
44
  onLoad={imageLoad.bind(this, imgSrc)}
46
45
  onError={imageError}
47
46
  />}
48
47
  </View>
49
48
  ) : (
50
49
  <Image
51
50
  style={{
52
51
  ...style,
53
52
  ...changeStyleIncludeWidthAndHeightAndBgColor(),
54
53
  }}
55
54
  className={classNames(
56
55
  imageStyle['d-lazy-image'],
57
56
  {
58
57
  [imageStyle['d-lazy-sku-image']]: isSkuImage,
59
58
  },
60
59
  {
61
60
  [imageStyle['d-hide-image-error']]: imageErrState,
62
61
  },
63
62
  {
64
63
  [imageStyle['d-load-completed']]: loadSuccess,
65
64
  },
66
65
  {
67
66
  'd-imag-rendering-crisp-edges': imagRenderingSet,
68
67
  },
69
68
  className,
70
69
  )}
71
70
  src={getQualityImage(
72
71
  imgSrc,
73
72
  NetWorkTypeQuality[getNetWorkType],
74
73
  )}
75
74
  lazyLoad={lazyLoad}
76
75
  onError={imageError}
77
76
  onLoad={imageLoad.bind(this, imgSrc)}
78
77
  {...otherOption}
79
78
  />
80
79
  )
80
+ import React, { useCallback, useEffect, useRef, useState } from 'react'
81
81
  const [componentShowState, setComponentShowState] = useState(false)
82
82
  const componentLazyRef = useRef<HTMLElement | null>(null)
83
83
  const componentShowStateRef = useRef(false)
84
84
  useEffect(() => {
85
85
  const latestRes = latestFromNativeMsgStorage[TaroEventType.PAGE_SCROLL] || {}
86
86
  !componentShowStateRef.current && dealPageScrollInfo(latestRes)
87
87
  Taro.eventCenter.on(TaroEventType.PAGE_SCROLL, (res) => {
88
88
  !componentShowStateRef.current && dealPageScrollInfo(res)
89
89
  })
90
90
 
91
91
  <View
92
92
  ref={componentLazyRef}
93
93
  className={classNames(
94
94
  imageStyle['d-app-lazy-image'],
95
95
  {
96
96
  [imageStyle['d-lazy-sku-image']]: isSkuImage,
97
97
  },
98
98
  {
99
99
  [imageStyle['d-hide-image-error']]: imageErrState,
100
100
  },
101
101
  {
102
102
  [imageStyle['d-load-completed']]: loadSuccess,
103
103
  },
104
104
  {
105
105
  'd-imag-rendering-crisp-edges':
106
106
  !taroJdBaseInfo.info.pageInfo.isVipShop &&
107
107
  imagRenderingSet,
108
108
  },
109
109
  'J_html5ImageBg',
110
110
  className,
111
111
  )}
112
112
  style={{
113
113
  ...style,
114
114
  ...changeStyleIncludeWidthAndHeightAndBgColor(),
115
115
  >
116
116
  {(componentShowState || lazyLoad === false) && <img
117
117
  src={getQualityImage(
118
118
  imgSrc,
119
119
  taroJdBaseInfo.info.pageInfo.isVipShop
120
120
  ? NetWorkTypeQuality['perfect']
121
121
  : NetWorkTypeQuality[getNetWorkType],
122
122
  )}
123
123
  onLoad={imageLoad.bind(this, imgSrc)}
124
124
  onError={imageError}
125
125
  />}
126
126
  </View>
127
127
  ) : (
128
128
  <Image
129
129
  style={{
130
130
  ...style,
131
131
  ...changeStyleIncludeWidthAndHeightAndBgColor(),
132
132
  }}
133
133
  className={classNames(
134
134
  imageStyle['d-lazy-image'],
135
135
  {
136
136
  [imageStyle['d-lazy-sku-image']]: isSkuImage,
137
137
  },
138
138
  {
139
139
  [imageStyle['d-hide-image-error']]: imageErrState,
140
140
  },
141
141
  {
142
142
  [imageStyle['d-load-completed']]: loadSuccess,
143
143
  },
144
144
  {
145
145
  'd-imag-rendering-crisp-edges': imagRenderingSet,
146
146
  },
147
147
  className,
148
148
  )}
149
149
  src={getQualityImage(
150
150
  imgSrc,
151
151
  NetWorkTypeQuality[getNetWorkType],
152
152
  )}
153
153
  lazyLoad={lazyLoad}
154
154
  onError={imageError}
155
155
  onLoad={imageLoad.bind(this, imgSrc)}
156
156
  {...otherOption}
157
157
  />
158
158
  )
package/dist/sass/app.h5.scss CHANGED
@@ -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
+ }
package/dist/sass/app.scss CHANGED
@@ -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
+ }
package/dist/sass/base.scss CHANGED
@@ -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
- }
package/dist/utils/index.h5.ts CHANGED
@@ -1 +1 @@
1
- import Taro from '@tarojs/taro'
2
1
  nativePageShowToast, ToastAndroidType,
3
2
  ToastIosType
4
3
  getAppChannelType, isAndroidDevice, isH5AndJdShopView,
5
4
  isH5AndJdShopViewNativeScroll, isIosDevice, isJdAndAndroidDevice, isJdAndIosDevice, isJdApp,
6
5
  isWxApp, isWxMiniH5View, isH5AndJingGouMini, urlCookie
7
6
  addHttps, clearTaroStorageKey, countStringify, dateFormat, dealAddress, dealShopContentData as originDealShopContentData, debounce, filterUrlQueryData, formatTabActiveMenuType, getQualityImage, getTaroStorageKeyValue,
8
7
  getWxAppCookieStr, isH5, isJdMin, isWxMin,
9
8
  isWxMinAndWxapp, lodashThrottle, objectToUrlEncode, parseQueryUrlString, removeTaroStorageKey, setLowSmallPicUrl,
10
9
  setTaroStorage, showFailToast,
11
10
  showNormalToast, showSuccessToast, sliceArrToChunkList, throttle
12
11
  <span class="d-shop-loading-icon"></span>
13
12
  <p class="d-shop-text">${text}</p>
14
13
  </div>`
15
14
  return originDealShopContentData(pageData, DraJSAgentReport, isvdev)
16
15
  isJdApp,
17
16
  isWxApp,
18
17
  isIosDevice,
19
18
  isAndroidDevice,
20
19
  isJdAndIosDevice,
21
20
  isJdAndAndroidDevice,
22
21
  isWxMin,
23
22
  isWxMinAndWxapp,
24
23
  isJdMin,
25
24
  isH5,
26
25
  isH5AndJdShopView,
27
26
  isH5AndJdShopViewNativeScroll,
28
27
  isH5AndJingGouMini,
29
28
  isWxMiniH5View,
30
29
  urlCookie,
31
30
  sliceArrToChunkList,
32
31
  dealAddress,
33
32
  objectToUrlEncode,
34
33
  parseQueryUrlString,
35
34
  setLowSmallPicUrl,
36
35
  setTaroStorage,
37
36
  getTaroStorageKeyValue,
38
37
  removeTaroStorageKey,
39
38
  clearTaroStorageKey,
40
39
  getQualityImage,
41
40
  countStringify,
42
41
  getWxAppCookieStr,
43
42
  getSystemInfos,
44
43
  pxTransformFromData,
45
44
  dateFormat,
46
45
  throttle,
47
46
  lodashThrottle,
48
47
  debounce,
49
48
  addHttps,
50
49
  commonShowSuccessToast as showSuccessToast,
51
50
  commonShowFailToast as showFailToast,
52
51
  commonShowNormalToast as showNormalToast,
53
52
  showShopLoading,
54
53
  hideShopLoading,
55
54
  getAppChannelType,
56
55
  formatTabActiveMenuType,
57
56
  filterUrlQueryData,
57
+ import Taro from '@tarojs/taro'
58
58
  nativePageShowToast, ToastAndroidType,
59
59
  ToastIosType
60
60
  getAppChannelType, isAndroidDevice, isH5AndJdShopView,
61
61
  isH5AndJdShopViewNativeScroll, isIosDevice, isJdAndAndroidDevice, isJdAndIosDevice, isJdApp,
62
62
  isWxApp, isWxMiniH5View, isH5AndJingGouMini, urlCookie
63
63
  addHttps, clearTaroStorageKey, countStringify, dateFormat, dealAddress, dealShopContentData as originDealShopContentData, debounce, filterUrlQueryData, formatTabActiveMenuType, getQualityImage, getTaroStorageKeyValue,
64
64
  getWxAppCookieStr, isH5, isJdMin, isWxMin,
65
65
  isWxMinAndWxapp, lodashThrottle, objectToUrlEncode, parseQueryUrlString, removeTaroStorageKey, setLowSmallPicUrl,
66
66
  setTaroStorage, showFailToast,
67
67
  showNormalToast, showSuccessToast, sliceArrToChunkList, throttle
68
68
  <span class="d-shop-loading-icon"></span>
69
69
  <p class="d-shop-text">${text}</p>
70
70
  </div>`
71
71
  return originDealShopContentData(pageData, DraJSAgentReport)
72
72
  isJdApp,
73
73
  isWxApp,
74
74
  isIosDevice,
75
75
  isAndroidDevice,
76
76
  isJdAndIosDevice,
77
77
  isJdAndAndroidDevice,
78
78
  isWxMin,
79
79
  isWxMinAndWxapp,
80
80
  isJdMin,
81
81
  isH5,
82
82
  isH5AndJdShopView,
83
83
  isH5AndJdShopViewNativeScroll,
84
84
  isH5AndJingGouMini,
85
85
  isWxMiniH5View,
86
86
  urlCookie,
87
87
  sliceArrToChunkList,
88
88
  dealAddress,
89
89
  objectToUrlEncode,
90
90
  parseQueryUrlString,
91
91
  setLowSmallPicUrl,
92
92
  setTaroStorage,
93
93
  getTaroStorageKeyValue,
94
94
  removeTaroStorageKey,
95
95
  clearTaroStorageKey,
96
96
  getQualityImage,
97
97
  countStringify,
98
98
  getWxAppCookieStr,
99
99
  getSystemInfos,
100
100
  pxTransformFromData,
101
101
  dateFormat,
102
102
  throttle,
103
103
  lodashThrottle,
104
104
  debounce,
105
105
  addHttps,
106
106
  commonShowSuccessToast as showSuccessToast,
107
107
  commonShowFailToast as showFailToast,
108
108
  commonShowNormalToast as showNormalToast,
109
109
  showShopLoading,
110
110
  hideShopLoading,
111
111
  getAppChannelType,
112
112
  formatTabActiveMenuType,
113
113
  filterUrlQueryData,
package/dist/utils/utils.ts CHANGED
@@ -1 +1 @@
1
- import Taro from '@tarojs/taro'
2
1
  exceptionReportFn
3
2
  if(isProd && isWxMinAndWxapp){
4
3
  shopContentContainerListData = shopContentContainerListData.filter(
5
4
  (item) =>
6
5
  item.floors.length > 0 &&
7
6
  !isIsvContainer(item.containerId, shopContentFloorListData, shopContentContainerListData)
8
7
  )
9
8
  }
10
9
  exceptionReportFn(
11
10
  `店铺首页isv h5楼层隐藏不显示。原因：modularPackResult数据不完备。页面类型-buildType: ${buildType}。楼层顺序-floorIdx: ${floorData?.floorIdx}`,
12
11
  )
13
12
  const isIsvContainer = (containerId, floorListData, containerListData) => {
14
13
  const objContainer = containerListData.find(item => item.containerId === containerId)
15
14
  (itemUid) => {
16
15
  const objectFloor = floorListData.find(floorItem => itemUid === floorItem.uid)
17
16
  return RemoteLoadFloorList.includes(objectFloor?.floorExtInfo?.moduleFlag)
18
17
  }
19
18
  )?? false
19
+ import Taro from '@tarojs/taro'
20
20
  pinStatus,
21
21
  visitkey,
22
22
  unionid,
23
23
  skey,
24
24
  __jda,
25
25
  __jdv,
26
26
  __wga,
27
27
  wxapp_type
28
28
  } = cookie
29
29
  pin,
30
30
  pinStatus,
31
31
  visitkey,
32
32
  unionid,
33
33
  skey,
34
34
  __jda,
35
35
  __jdv,
36
36
  __wga,
37
37
  wid,
38
38
  wq_skey,
39
39
  wq_uin,
40
40
  wq_auth_token,
41
41
  wxapp_scene,
42
42
  wq_unionid,
43
43
  wxapp_openid,
44
44
  wxapp_version,
45
45
  wxapp_type
46
46
  exceptionReportFn
47
47
  if(isProd && isWxMinAndWxapp){
48
48
  shopContentContainerListData = shopContentContainerListData.filter(
49
49
  (item) =>
50
50
  item.floors.length > 0 &&
51
51
  !isIsvContainer(item.containerId, shopContentFloorListData, shopContentContainerListData)
52
52
  )
53
53
  }
54
54
  exceptionReportFn(
55
55
  `店铺首页isv h5楼层隐藏不显示。原因：modularPackResult数据不完备。页面类型-buildType: ${buildType}。楼层顺序-floorIdx: ${floorData?.floorIdx}`,
56
56
  )
57
57
  const isIsvContainer = (containerId, floorListData, containerListData) => {
58
58
  const objContainer = containerListData.find(item => item.containerId === containerId)
59
59
  (itemUid) => {
60
60
  const objectFloor = floorListData.find(floorItem => itemUid === floorItem.uid)
61
61
  return RemoteLoadFloorList.includes(objectFloor?.floorExtInfo?.moduleFlag)
62
62
  }
63
63
  )?? false
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@conecli/cone-render",
3
- "version": "0.8.18",
3
+ "version": "0.8.19-shop.1",
4
4
  "private": false,
5
5
  "files": [
6
6
  "dist/"