@conecli/cone-render 0.10.1-shop-beta.11 → 0.10.1-shop-beta.13

package/dist/components/base/LazyLoadImage/index.tsx

@@ -1 +1 @@
-import React, { useCallback, useState } from 'react'
  const {
    src = null,
    lazyLoad = true, 
    imagRenderingSet = true, 
    width = null,
    height = null,
    className = null, 
    isSkuImage = false,
    hideErrorImage = false, 
    style = null, 
    backgroundColor = null, 
    errorSrc = null, 
    onLoad = null, 
    onError = null, 
    ...otherOption
  } = props
  getNetWorkType === NetWorkTypeQuality.default &&
    (getNetWorkType = taroJdBaseInfo.info.sysInfo.netWorkType)
  const [loadSuccess, setLoadSuccess] = useState(false)
  const [imgSrc, setImgSrc] = useState(src)
  const [imageErrState, setImageErrState] = useState(false)
  const imageError = useCallback(
    (e) => {
      console.log('图片加载错误', e)
      errorSrc && setImgSrc(errorSrc)
      hideErrorImage && setImageErrState(true)
      typeof onError === 'function' && onError(e, src, props)
    },
    [src],
  )
  
  const imageLoad = useCallback(
    (event) => {
      setLoadSuccess(true)
      typeof onLoad === 'function' && onLoad(event, src, props)
    },
    [src],
  )
  
  const changeStyleIncludeWidthAndHeightAndBgColor = () => {
    const changeStyle = {}
    width && (changeStyle['width'] = width)
    height && (changeStyle['height'] = height)
    backgroundColor && (changeStyle['backgroundColor'] = backgroundColor)
    return changeStyle
  }
  return (
    <Image
      style={{
        ...style,
        ...changeStyleIncludeWidthAndHeightAndBgColor(),
      }}
      className={classNames(
        imageStyle['d-lazy-image'],
        {
          [imageStyle['d-lazy-sku-image']]: isSkuImage,
        },
        {
          [imageStyle['d-hide-image-error']]: imageErrState,
        },
        {
          [imageStyle['d-load-completed']]: loadSuccess,
        },
        {
          'd-imag-rendering-crisp-edges': imagRenderingSet,
        },
        className,
      )}
      src={getQualityImage(imgSrc, NetWorkTypeQuality[getNetWorkType])}
      lazyLoad={lazyLoad}
      onError={imageError}
      onLoad={imageLoad}
      {...otherOption}
    />
  )
+import React, { useCallback, useState } from 'react'
  const {
    src = null,
    lazyLoad = true, 
    imagRenderingSet = true, 
    width = null,
    height = null,
    className = null, 
    isSkuImage = false,
    hideErrorImage = false, 
    style = null, 
    backgroundColor = null, 
    errorSrc = null, 
    onLoad = null, 
    onError = null, 
    ...otherOption
  } = props
  getNetWorkType === NetWorkTypeQuality.default &&
    (getNetWorkType = taroJdBaseInfo.info.sysInfo.netWorkType)
  const [loadSuccess, setLoadSuccess] = useState(false)
  const [imgSrc, setImgSrc] = useState(src)
  const [imageErrState, setImageErrState] = useState(false)
  const imageError = useCallback(
    (e) => {
      console.log('图片加载错误', e)
      errorSrc && setImgSrc(errorSrc)
      hideErrorImage && setImageErrState(true)
      typeof onError === 'function' && onError(e, src, props)
    },
    [src],
  )
  
  const imageLoad = useCallback(
    (event) => {
      setLoadSuccess(true)
      typeof onLoad === 'function' && onLoad(event, src, props)
    },
    [src],
  )
  
  const changeStyleIncludeWidthAndHeightAndBgColor = () => {
    const changeStyle = {}
    width && (changeStyle['width'] = width)
    height && (changeStyle['height'] = height)
    backgroundColor && (changeStyle['backgroundColor'] = backgroundColor)
    return changeStyle
  }
  return (
    <Image
      style={{
        ...style,
        ...changeStyleIncludeWidthAndHeightAndBgColor(),
      }}
      className={classNames(
        imageStyle['d-lazy-image'],
        {
          [imageStyle['d-lazy-sku-image']]: isSkuImage,
        },
        {
          [imageStyle['d-hide-image-error']]: imageErrState,
        },
        {
          [imageStyle['d-load-completed']]: loadSuccess,
        },
        {
          'd-imag-rendering-crisp-edges': imagRenderingSet,
        },
        className,
      )}
      src={getQualityImage(imgSrc, NetWorkTypeQuality[getNetWorkType])}
      lazyLoad={lazyLoad}
      onError={imageError}
      onLoad={imageLoad}
      {...otherOption}
    />
  )

package/dist/components/base/NetworkDataError/const.ts

@@ -1 +1 @@
-import { NETWORK_DATA_TYPE } from '../../../common/const'
  [NETWORK_DATA_TYPE.NO_NET_WORK]: '网络连接已断开',
  [NETWORK_DATA_TYPE.DATA_ERROR]: '数据加载失败',
  [NETWORK_DATA_TYPE.NO_DATA]: '你访问的内容飞到太空了', 
  [NETWORK_DATA_TYPE.RISK]: '活动太火爆',
  [NETWORK_DATA_TYPE.NO_NET_WORK]: '请检查您的网络设置',
  [NETWORK_DATA_TYPE.DATA_ERROR]: '请稍后重试',
  [NETWORK_DATA_TYPE.NO_DATA]: '', 
  [NETWORK_DATA_TYPE.RISK]: '页面加载失败，请稍后再试',
  NETWORK_DATA_TYPE.NO_NET_WORK,
  NETWORK_DATA_TYPE.DATA_ERROR,
  NETWORK_DATA_TYPE.NO_DATA,
  NETWORK_DATA_TYPE.RISK,
  No_Data_Bmall:'no-data-bmall',
+import { NETWORK_DATA_TYPE } from '../../../common/const';
  [NETWORK_DATA_TYPE.NO_NET_WORK]: '网络连接已断开',
  [NETWORK_DATA_TYPE.DATA_ERROR]: '数据加载失败',
  [NETWORK_DATA_TYPE.NO_DATA]: '你访问的内容飞到太空了', 
  [NETWORK_DATA_TYPE.RISK]: '活动太火爆',
  [NETWORK_DATA_TYPE.NO_NET_WORK]: '请检查您的网络设置',
  [NETWORK_DATA_TYPE.DATA_ERROR]: '请稍后重试',
  [NETWORK_DATA_TYPE.NO_DATA]: '', 
  [NETWORK_DATA_TYPE.RISK]: '页面加载失败，请稍后再试',
  NETWORK_DATA_TYPE.NO_NET_WORK,
  NETWORK_DATA_TYPE.DATA_ERROR,
  NETWORK_DATA_TYPE.NO_DATA,
  NETWORK_DATA_TYPE.RISK,
  PART: 'part', 
  FULL: 'full', 
  No_Data_Default_Tip: 'no-data-default-tip',
  No_Data_Tip_1: 'no-data-tip-1',
  No_Data_Tip_2: 'no-data-tip-2',
  No_Network_Err_Tip: 'no-network',
  No_Data_Bmall: 'no-data-bmall',
  OLD: 'old',
  NEW: 'new',

package/dist/components/base/NetworkDataError/index.module.scss

@@ -1,94 +1,140 @@
 
 .d-shop-network {
-	position: fixed;
-	top: 0;
-	left: 0;
-	right: 0;
-	bottom: 0;
-	background: #e5e5e5;
-	&.d-shop-network-white {
-		background-color: #fff;
-	}
-	.d-error-content {
-		text-align: center;
-	}
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: #e5e5e5;
+  &.d-shop-network-white {
+    background-color: #fff;
+  }
+  .d-error-content {
+    text-align: center;
+    &.d-new-style-content{
+      .d-data-error,
+      .d-no-data,
+      .d-no-data-tip-1,
+      .d-no-data-tip-2 {
+        width: 240px;
+        height: 240px;
+        background: url('https://img11.360buyimg.com/imagetools/jfs/t1/256437/5/21857/22576/67b438adFed8a2665/7df7277fec7e3e8e.png')
+        0 0 /240px 240px no-repeat;
+      }
+      .d-data-error-tip {
+        padding-bottom: 24px;
+        line-height: 38px;
+        font-size: 32px;
+        font-weight: 600;
+        color: #1a1a1a;
+      }
+      .d-data-error-sub-tip {
+        margin: 0;
+        font-size: 24px;
+        color: #505259;
+      }
+      .d-no-data-tip {
+        line-height: 44px;
+        font-size: 24px;
+        font-weight: normal;
+        color: #505259;
+      }
+      .d-no-data-sub-tip {
+        margin: 0;
+        font-weight: normal;
+        color: #505259;
+      }
+      .d-opt-btn {
+        width: 160px;
+        height: 64px;
+        line-height: 64px;
+        font-size: 28px;
+        color: #1a1a1a;
+        border-radius: 12px;
+        border: none;
+        
+        &:after{
+          border: 1PX solid #C2C4CC;
+        }
+      }
+    }
+  }
 
-	.d-error-tip {
-		font-size: 28px;
-        font-weight: bold;
-		line-height: 28px;
-		color: #8C8C8C;
-	}
-    .d-error-sub-tip {
-        margin-top: 16px;
-		font-size: 24px;
-		line-height: 24px;
-		color: #8C8C8C;
-	}
-	.d-error-type {
-		width: 320px;
-		height: 320px;
-		background-size: contain;
-		background-repeat: no-repeat;
+  .d-error-tip {
+    font-size: 28px;
+    font-weight: bold;
+    line-height: 28px;
+    color: #8c8c8c;
+  }
+  .d-error-sub-tip {
+    margin-top: 16px;
+    font-size: 24px;
+    line-height: 24px;
+    color: #8c8c8c;
+  }
+  .d-error-type {
+    width: 320px;
+    height: 320px;
+    background-size: contain;
+    background-repeat: no-repeat;
     margin: 0 auto;
-	}
+  }
 
-	.d-no-network {
-		// background-image: url('https://m.360buyimg.com/imagetools/jfs/t1/219405/34/29129/32963/64892a0eF2c068392/86c3fcf9d980ff10.png');
-        background-image: url('../../../assets/networkError.png');
-	}
+  .d-no-network {
+    // background-image: url('https://m.360buyimg.com/imagetools/jfs/t1/219405/34/29129/32963/64892a0eF2c068392/86c3fcf9d980ff10.png');
+    background-image: url('../../../assets/networkError.png');
+  }
 
-	.d-data-error {
-		background-image: url('https://m.360buyimg.com/imagetools/jfs/t1/106708/34/36128/37234/64896f52Fed1530e0/7b403e068aae316c.png');
-	}
+  .d-data-error {
+    background-image: url('https://m.360buyimg.com/imagetools/jfs/t1/106708/34/36128/37234/64896f52Fed1530e0/7b403e068aae316c.png');
+  }
   .d-risk {
     background-image: url('https://m.360buyimg.com/imagetools/jfs/t1/106708/34/36128/37234/64896f52Fed1530e0/7b403e068aae316c.png');
   }
-	.d-no-data {
-		background-image: url('https://img11.360buyimg.com/imagetools/jfs/t1/190994/19/325/42717/6088fed0Ec4b502d5/0e8de7593fb0d06c.png');
-	}
-	.d-no-data-tip-1 {
-		background-image: url('https://img14.360buyimg.com/imagetools/jfs/t1/152550/40/8432/21643/5fc9cae0E5391a506/523da679188ff687.png');
-	}
-
+  .d-no-data {
+    background-image: url('https://img11.360buyimg.com/imagetools/jfs/t1/190994/19/325/42717/6088fed0Ec4b502d5/0e8de7593fb0d06c.png');
+  }
+  .d-no-data-tip-1 {
+    background-image: url('https://img14.360buyimg.com/imagetools/jfs/t1/152550/40/8432/21643/5fc9cae0E5391a506/523da679188ff687.png');
+  }
   .d-no-data-tip-2 {
     background-image: url('https://img11.360buyimg.com/imagetools/jfs/t1/142705/35/17776/5911/5fd1e62dE4fbc2300/3ee1d4160db1dac6.png');
   }
-	.d-no-network-err-tip {
-		background-image: url('https://img14.360buyimg.com/imagetools/jfs/t1/146556/1/17745/7493/5fd1e62dE86e86669/96f5c91befa8e991.png');
-	}
+  .d-no-network-err-tip {
+    background-image: url('https://img14.360buyimg.com/imagetools/jfs/t1/146556/1/17745/7493/5fd1e62dE86e86669/96f5c91befa8e991.png');
+  }
   .d-no-data-bmall {
     background-image: url('https://img12.360buyimg.com/imagetools/jfs/t1/217798/34/32933/150484/64ccadf3Fde1a93bf/9b1b8929a9631469.png');
   }
-	
-	.d-opt-btn {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        width: 144px;
-		height: 56px;
-        margin-top: 32px;
-		padding: 0;
-		font-size: 24px;
-		color: #fa2c19;
-		border: 1PX solid #fa2c19;
-		box-sizing: border-box;
-		border-radius: 48px;
-		&:active {
-			opacity: 0.8;
-		}
-	}
+  
+  .d-opt-btn {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 144px;
+    height: 56px;
+    margin-top: 32px;
+    padding: 0;
+    font-size: 24px;
+    color: #fa2c19;
+    border: 1px solid #fa2c19;
+    box-sizing: border-box;
+    border-radius: 48px;
+    &:active {
+      opacity: 0.8;
+    }
+  }
 }
 
 .d-network-jd-shop-view {
-	min-height: 500px;
+  min-height: 500px;
 }
 
 .d-shop-network-part {
-	position: absolute;
-	min-height: 500px;
-	background: #f2f2f2;
+  position: absolute;
+  min-height: 500px;
+  background: #f2f2f2;
 }
 .d-shop-network-no-position {
-    position: static;
+  position: static;
 }

package/dist/components/base/NetworkDataError/index.tsx

@@ -1 +1 @@
-import { Button, View } from '@tarojs/components'
  NetWorkErrorList,
  NetWorkErrorTip,
  NetWorkErrorSubTip,
  NetWorkShowType,
  NetWork_Image_Type,
  const {
    className = '',
    message = '',
    subMessage = '',
    btnLabel = '重新加载',
    backgroundColorWhite = false, 
    netWorkDataType = NETWORK_DATA_TYPE.NORMAL,
    netWorkImageType = NetWork_Image_Type.No_Data_Default_Tip,
    netWorkShowType = NetWorkShowType.FULL,
    refreshCallBackFn = null,
    viewMaxHeight = '',
    noPosition = false, 
  } = props
  const refershInitData = useCallback(() => {
    refreshCallBackFn && refreshCallBackFn(true)
  }, [])
  const useErrorTip = message != '' ? message : NetWorkErrorTip[netWorkDataType]
  const useErrorSubTip = subMessage
    ? subMessage
    : NetWorkErrorSubTip[netWorkDataType]
  const latestRes = latestFromNativeMsgStorage[TaroEventType.PAGE_SCROLL] || {}
  const maxHeight = latestRes.displayHeight || 546 
  return NetWorkErrorList.includes(netWorkDataType as NETWORK_DATA_TYPE) ? (
    <View
      style={{
        maxHeight:
          viewMaxHeight !== ''
            ? viewMaxHeight
            : isMemberPage || isAppStowShop
            ? '100vh'
            : maxHeight,
      }}
      className={classNames(
        netWorkErrorStyle['d-shop-network'],
        {
          [netWorkErrorStyle['d-shop-network-white']]: backgroundColorWhite,
        },
        {
          [netWorkErrorStyle['d-shop-network-part']]:
            netWorkShowType === NetWorkShowType.PART,
        },
        {
          [netWorkErrorStyle['d-network-jd-shop-view']]: isH5AndJdShopView,
        },
        {
          [netWorkErrorStyle['d-shop-network-no-position']]: noPosition,
        },
        'flexible-center-box',
        className,
      )}
    >
      <View
        className={classNames(
          netWorkErrorStyle['d-error-content'],
          'd-error-content',
        )}
      >
        <View
          className={classNames(
            netWorkErrorStyle['d-error-type'],
            netWorkErrorStyle[`d-${netWorkDataType}`],
            netWorkErrorStyle[`d-${netWorkImageType}`],
            'd-error-type',
          )}
        />
        <View
          className={classNames(
            netWorkErrorStyle['d-error-tip'],
            'd-error-tip',
          )}
        >
          {useErrorTip}
        </View>
        {useErrorSubTip ? (
          <View
            className={classNames(
              netWorkErrorStyle['d-error-sub-tip'],
              'd-error-sub-tip',
            )}
          >
            {useErrorSubTip}
          </View>
        ) : null}
        <View className={'flexible-horizontal-center-box'}>
          {refreshCallBackFn && (
            <Button
              onClick={refershInitData}
              className={classNames(
                netWorkErrorStyle['d-opt-btn'],
                'd-button-no-border',
                'd-opt-btn',
              )}
              plain
              size="mini"
            >
              {btnLabel}
            </Button>
          )}
        </View>
      </View>
    </View>
  ) : null
+import { Button, View } from '@tarojs/components';
  NetWorkErrorList,
  NetWorkErrorTip,
  NetWorkErrorSubTip,
  NetWorkShowType,
  NetWork_Image_Type,
  NetWorkStyleType,
  const {
    className = '',
    message = '',
    subMessage = '',
    btnLabel = '重新加载',
    backgroundColorWhite = false, 
    netWorkDataType = NETWORK_DATA_TYPE.NORMAL,
    netWorkShowType = NetWorkShowType.FULL,
    netWorkImageType = NetWork_Image_Type.No_Data_Default_Tip,
    netWorkStyleType = NetWorkStyleType.OLD,
    refreshCallBackFn = null,
    viewMaxHeight = '',
    noPosition = false, 
  } = props;
  const refershInitData = useCallback(() => {
    refreshCallBackFn && refreshCallBackFn(true);
  }, []);
  const useErrorTip = message != '' ? message : NetWorkErrorTip[netWorkDataType];
  const useErrorSubTip = subMessage ? subMessage : NetWorkErrorSubTip[netWorkDataType];
  const latestRes = latestFromNativeMsgStorage[TaroEventType.PAGE_SCROLL] || {};
  const maxHeight = latestRes.displayHeight || 546; 
  return NetWorkErrorList.includes(netWorkDataType as NETWORK_DATA_TYPE) ? (
    <View
      style={{
        maxHeight: viewMaxHeight !== '' ? viewMaxHeight : isMemberPage ? '100vh' : maxHeight,
      }}
      className={classNames(
        netWorkErrorStyle['d-shop-network'],
        {
          [netWorkErrorStyle['d-shop-network-white']]: backgroundColorWhite,
        },
        {
          [netWorkErrorStyle['d-shop-network-part']]: netWorkShowType === NetWorkShowType.PART,
        },
        {
          [netWorkErrorStyle['d-network-jd-shop-view']]: isH5AndJdShopView,
        },
        {
          [netWorkErrorStyle['d-shop-network-no-position']]: noPosition,
        },
        'flexible-center-box',
        className,
      )}
    >
      <View
        className={classNames(
          netWorkErrorStyle['d-error-content'],
          netWorkErrorStyle[`d-${netWorkStyleType}-style-content`],
          'd-error-content',
        )}
      >
        <View
          className={classNames(
            netWorkErrorStyle['d-error-type'],
            netWorkErrorStyle[`d-${netWorkDataType}`],
            netWorkErrorStyle[`d-${netWorkImageType}`],
            'd-error-type',
          )}
        />
        <View
          className={classNames(
            netWorkErrorStyle['d-error-tip'],
            netWorkErrorStyle[`d-${netWorkDataType}-tip`],
            'd-error-tip',
          )}
        >
          {useErrorTip}
        </View>
        {useErrorSubTip ? (
          <View
            className={classNames(
              netWorkErrorStyle['d-error-sub-tip'],
              netWorkErrorStyle[`d-${netWorkDataType}-sub-tip`],
              'd-error-sub-tip',
            )}
          >
            {useErrorSubTip}
          </View>
        ) : null}
        <View className={'flexible-horizontal-center-box'}>
          {refreshCallBackFn && (
            <Button
              onClick={refershInitData}
              className={classNames(
                netWorkErrorStyle['d-opt-btn'],
                'd-button-no-border',
                'd-opt-btn',
              )}
              plain
              size="mini"
            >
              {btnLabel}
            </Button>
          )}
        </View>
      </View>
    </View>
  ) : null;

package/dist/components/base/Price/Base/index.dynamic.module.scss

@@ -0,0 +1,63 @@
+
+:global {
+  .d-mini-price {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    align-items: baseline;
+    overflow: hidden;
+    .init-font-color{
+      color: #f23030;
+      font-family: 'JDZH-Regular';
+      align-self: baseline;
+      &.d-font-v2{
+        font-family: 'JDZH-Regular';
+      }
+      &.d-font-v2-bold{
+        font-family: 'JDZH-Bold';
+      }
+    }
+    .init-font-android-color{
+      align-self: flex-end;
+    }
+    &-sym {
+      font-size: 22px;
+    }
+
+    .int-txt {
+      font-size: 36px;
+    }
+    .off-shelf {
+      color: rgb(162, 164, 172);
+    }
+
+    .dec-txt {
+      font-size: 22px;
+    }
+
+    .sym-sup {
+      vertical-align: top;
+    }
+
+    .dec-sup {
+      vertical-align: top;
+    }
+
+    &.del {
+      .sym-sub,
+      .int-txt,
+      .dec-txt {
+        font-size: 22px;
+        color: #2e2e2e;
+        text-decoration: line-through;
+      }
+    }
+    &.d-price-label {
+      .d-price-label-text {
+        margin-left: 8px;
+        font-size: 22px;
+        font-family: PingFang SC;
+      }
+    }
+  }
+}