@conecli/cone-render 0.10.1-shop-beta.16 → 0.10.1-shop-beta.18

package/dist/components/base/LazyLoadImage/index.dynamic.module.scss

@@ -0,0 +1,39 @@
+
+.d-lazy-image {
+  position: relative;
+  //background: #F8F8F8 url("../../resoure/jd_logo_bg.png") center center/50% no-repeat;
+  //background: #fff
+  //url('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=')
+  //0 0 / 75px 30px no-repeat;
+  //&:before{
+  //  content: '';
+  //  position: absolute;
+  //  top: 0;
+  //  left: 0;
+  //  right: 0;
+  //  bottom: 0;
+  //  display: inline-block;
+  //  margin: auto;
+  //  width: 75px;
+  //  height: 30px;
+  //  background:  url('https://img10.360buyimg.com/cms/jfs/t1/328840/6/11913/995/68afbf0bF9ec30819/def24889cbb231ec.png')
+  //  0 0 / 75px 30px no-repeat;
+  //}
+  background:  url('https://img10.360buyimg.com/cms/jfs/t1/328840/6/11913/995/68afbf0bF9ec30819/def24889cbb231ec.png') center center / 75px 30px no-repeat;
+  &.d-lazy-sku-image {
+    background-image: url('https://img14.360buyimg.com/imagetools/jfs/t1/222907/25/7012/5824/61c4797cEbcd17c7f/6c76fc71e4fdb5a5.png');
+    background-size: 100% 100%;
+    background-position: 0 0;
+  }
+  &.d-load-completed {
+    background: none;
+  }
+  &.d-hide-image-error {
+    opacity: 0;
+  }
+  .d-lazy-image-content{
+    display: block;
+    width: 100%;
+    height: 100%;
+  }
+}

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

@@ -0,0 +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;
  };
  const getLastStyle = () => {
    return {
      ...style,
      ...changeStyleIncludeWidthAndHeightAndBgColor(),
    };
  };
  return (
    <View
      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,
      )}
      style={getLastStyle()}
    >
      <Image
        className={classNames(imageStyle['d-lazy-image-content'])}
        src={getQualityImage(imgSrc, NetWorkTypeQuality[getNetWorkType])}
        lazyLoad={lazyLoad}
        onError={imageError}
        placeholder={placeholderImg}
        onLoad={imageLoad}
        {...otherOption}
      />
    </View>
  );

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

@@ -21,9 +21,10 @@
       0 0 /320px 320px no-repeat;
     }
     .d-opt-btn {
-      display: inline-flex;
+      display: inline-block;
       margin-top: 32px;
       padding: 0 24px;
+      //min-width: 160px;
       height: 64px;
       line-height: 64px;
       font-size: 24px;
@@ -37,16 +38,16 @@
   }
 
   .d-error-tip {
-    text-align: center;
-    line-height: 36px;
+    line-height: 38px;
     font-size: 32px;
     font-weight: 600;
     color: #1A1A1A;
+    text-align: center;
   }
   .d-error-no-sub-tip,
   .d-error-sub-tip {
     margin-top: 20px;
-    line-height: 26px;
+    line-height: 28px;
     font-size: 24px;
     text-align: center;
     color: #505259;

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

@@ -10,7 +10,7 @@
   //transform: translateY(50%);
 }
 .bigStyle {
-  color: #fa2c19;
+  color: #FF0F23;
 }
 
 .bigNoPrice {