@conecli/cone-render 0.8.20-shop.21 → 0.8.20-shop.211

package/dist/components/base/Price/Double/index.tsx

@@ -1 +1 @@
-import React from 'react';
    const result = String(strPrice).match(/(-?\d+)\.?(\d+)?/);
    if(result && Number(result[0]) > 0){
        return {
            integerPrice: result[1],
            decimalPrice: (result[2] || '').replace(/0+$/, '')  
        }
    }else{
        return null;
    }
    const {
        jdPrice,    
        finalPrice, 
        priceText = '',   
        priceType, 
        hitUserIdentity = false,    
        isAuctionWare,  
        fallbackRender = null, 
        className = null,   
        style = {}, 
        childrenClassName = null,   
        bigNoPriceClassName = null, 
        bigSymbolClassName = null, 
        bigIntegerClassName = null, 
        bigDecimalClassName = null, 
        priceDescClassName = null, 
        smallPriceClassName = null, 
        lineNumber = 1,  
        size = 'M'  
    } = props
    const especialHitStyleType = {
        7: 'plusStyle',
        9: 'samStyle'
    }
    const especialMissStyleType = {
        7: 'plusStyle',
        8: 'fansStyle',
        9: 'samStyle',
        10: 'studentStyle',
        12: 'yhdStyle',
        13: 'memberStyle'
    }
    const isNoPrice = priceType === 4 
    const isUseFinalPriceAsBigPrice = [1, 2, 6, 14, 16, 17, 18].includes(priceType)    
    const isEquivalentHit = isUseFinalPriceAsBigPrice || hitUserIdentity    
    const bigPriceObj = getDeconstructPrice(isEquivalentHit? finalPrice: jdPrice)
    if(isAuctionWare || (!isNoPrice && bigPriceObj === null)){
        return fallbackRender
    }
    const {integerPrice, decimalPrice = ''} = bigPriceObj || {}
    const isOnlyShowBigPrice = priceType === 3    
    const isHideSmallPrice = priceType === 14   
    const smallPrice = isEquivalentHit? jdPrice: finalPrice 
    const isPriceDescInFront = isEquivalentHit  
    const hitColorStyle = isEquivalentHit? styles[especialHitStyleType[priceType]]: null    
    const missColorStyle = isEquivalentHit? null: styles[especialMissStyleType[priceType]]    
    const isBigPriceHasDecimal = decimalPrice !== '' && !/^0+$/.test(decimalPrice)    
    const sizeLineHeight = {
        'XS': 28,
        'S': 34,
        'M': 40,
        'L': 46,
        'XL': 52
    }
    const lineHeight = Taro.pxTransform(sizeLineHeight[size] * 1.25)
    const wrapHeight = Taro.pxTransform(sizeLineHeight[size] * 1.25 * lineNumber)
    const computedHeightStyle = {
        height: wrapHeight
    }
    const itemCommonStyle = {
        height: lineHeight
    }
    const needSizeStyles = ['bigNoPrice', 'bigSymbol', 'bigInteger', 'bigDecimal', 'priceDesc', 'smallPrice']
    const sizeStyles = needSizeStyles.reduce((acc, cur) => {
        acc[cur] = styles[cur + size]
        return acc
    }, {})
    const noPriceShowText = priceText || (/^[\u4e00-\u9fa5]+$/.test(jdPrice)? jdPrice: '')  
    return (
        <View className={classNames(styles.wrap, className)} style={{...computedHeightStyle, ...style}}>
            {isNoPrice?
                <Text className={classNames(styles.childStyle, styles.bigStyle, styles.bigNoPrice, sizeStyles['bigNoPrice'], childrenClassName, bigNoPriceClassName)} style={{...itemCommonStyle}}>{noPriceShowText}</Text>
                :
                [
                    <Text className={classNames(styles.childStyle, styles.bigStyle, styles.bigSymbol, sizeStyles['bigSymbol'], hitColorStyle, childrenClassName, bigSymbolClassName)} key="bigSymbol" style={{...itemCommonStyle}}>¥</Text>,
                    <Text className={classNames(styles.childStyle, styles.bigStyle, styles.bigInteger, sizeStyles['bigInteger'], hitColorStyle, !isOnlyShowBigPrice && !isBigPriceHasDecimal && !isPriceDescInFront ? styles.rightMargin : null, childrenClassName, bigIntegerClassName)} key="bigInteger" style={{...itemCommonStyle}}>{integerPrice}</Text>,
                    isBigPriceHasDecimal?
                        <Text className={classNames(styles.childStyle, styles.bigStyle, styles.bigDecimal, sizeStyles['bigDecimal'], hitColorStyle, isPriceDescInFront ? null : styles.rightMargin, childrenClassName, bigDecimalClassName)} key="bigDecimal" style={{...itemCommonStyle}}>.{decimalPrice}</Text>
                        :
                        null
                    ,
                    !isOnlyShowBigPrice && [
                        isPriceDescInFront && <Text className={classNames(styles.childStyle, styles.priceDesc, sizeStyles['priceDesc'], styles.bigStyle, hitColorStyle, isPriceDescInFront ? styles.rightMargin : null, childrenClassName, priceDescClassName)} key="descFront" style={{...itemCommonStyle}}>{priceText}</Text>,
                        smallPrice && !isHideSmallPrice ? <Text className={classNames(styles.childStyle, styles.smallPrice, sizeStyles['smallPrice'], styles.smallStyle, missColorStyle, childrenClassName, smallPriceClassName)} key="smallPrice" style={{...itemCommonStyle}}>¥{smallPrice}</Text> : null,
                        !isPriceDescInFront && <Text className={classNames(styles.childStyle, styles.priceDesc, sizeStyles['priceDesc'], styles.smallStyle, styles.missPriceDesc, missColorStyle, childrenClassName, priceDescClassName)} key="descBack" style={{...itemCommonStyle}}>{priceText}</Text>
                    ]
                ]
            }
        </View>
    )
+import React from 'react';
  console.warn('🚗 ~~ file: index.tsx:22 ~~ reportException() ~~ {type, detail, text}:', {
    type,
    data,
    text,
  });
  sgmCustomReport({
    code: getSgmCustomCode(`${SgmCustomCode.PRICE_RENDER}_${type}`),
    msg: {
      type,
      data,
      text: '[双价格组件]' + text,
    },
  });
  return rest.some((item) => item === undefined || item === '');
  const numPrice = Number(strPrice);
  if (isNaN(numPrice)) {
    reportException({
      type: 'isNotNumericType',
      data: props,
      text: `传入价格字段值“${strPrice}”转换数字报错`,
    });
    return false;
  }
  else if (numPrice <= 0) {
    reportException({
      type: 'isNotPositiveNumber',
      data: props,
      text: `传入价格字段值“${strPrice}”不是一个正数`,
    });
    return false;
  }
  const result = numPrice.toString().match(/(\d+)(\.(\d+))?/);
  if (result && result[3]?.length > 2) {
    reportException({
      type: 'decimalPlaceTooLong',
      data: props,
      text: `传入价格字段值“${strPrice}”小数位不能超过2位`,
    });
    return false;
  }
  if (/^\d+(\.\d+)?[eE][+-]?\d+$/.test(strPrice)) {
    reportException({
      type: 'findScientificNotation',
      data: props,
      text: `传入价格字段值“${strPrice}”是一个科学计数法格式`,
    });
  }
  return true;
  const { jdPrice, finalPrice } = props;
  if (jdPrice && finalPrice && Number(jdPrice) <= Number(finalPrice)) {
    reportException({
      type: 'pricesCompareException',
      data: props,
      text: `身份/到手价必须小于松果价`,
    });
    return false;
  } else {
    return true;
  }
  const numPrice = Number(strPrice);
  const result = numPrice.toString().match(/(\d+)(\.(\d+))?/);
  if (result) {
    return {
      integerPrice: result[1],
      decimalPrice: (result[3] || '').replace(/0+$/, ''), 
    };
  } else {
    reportException({
      type: 'deconstructException',
      data: props,
      text: `解构传入价格字段值“${strPrice}”解构发生异常`,
    });
    return null;
  }
  const {
    jdPrice, 
    finalPrice, 
    priceText = '', 
    priceTextColor = '', 
    priceUnit = '', 
    priceType, 
    hitUserIdentity = false, 
    fallbackRender = null, 
    className = null, 
    style = {}, 
    childrenClassName = null, 
    bigNoPriceClassName = null, 
    bigSymbolClassName = null, 
    bigIntegerClassName = null, 
    bigDecimalClassName = null, 
    priceDescClassName = null, 
    smallPriceClassName = null, 
    lineNumber = 1, 
    size = 'M', 
    isDefaultRemoveSmallPrice = false, 
    useFontV2 = false, 
    useFontV2Bold = false, 
  } = props;
  let useBackstop = false; 
  const isShowPriceUnit = priceUnit && priceUnit !== '';
  if (isNull(props.jdPrice, props.priceType)) {
    useBackstop = true;
    reportException({
      type: 'paramMiss',
      data: props,
      text: '缺少必要入参：jdPrice、priceType',
    });
  } else if (
    !allowedNoHitUserIdentityTypes.includes(props.priceType) &&
    props.hitUserIdentity === undefined
  ) {
    useBackstop = true;
    reportException({
      type: 'paramMiss',
      data: props,
      text: `价格类型${props.priceType}缺少必要入参：hitUserIdentity`,
    });
  }
  const especialHitStyleType = {
    7: 'plusStyle',
    9: 'samStyle',
  };
  const especialMissStyleType = {
    7: 'plusStyle',
    8: 'fansStyle',
    9: 'samStyle',
    10: 'studentStyle',
    12: 'yhdStyle',
    13: 'memberStyle',
  };
  const isUseFinalPriceAsBigPrice = allowedNoHitUserIdentityTypes.includes(priceType); 
  const isEquivalentHit = isUseFinalPriceAsBigPrice || hitUserIdentity; 
  const isOnlyShowBigPrice = priceType === 3 || isNull(finalPrice); 
  const smallPrice = isEquivalentHit ? jdPrice : finalPrice; 
  const isHideSmallPrice =
    priceType === 14 || isDefaultRemoveSmallPrice || isNaN(Number(smallPrice)); 
  const isTextPrice = priceType === 4; 
  if (!isTextPrice && !useBackstop) {
    if (finalPrice && !numericPriceValidate(finalPrice, props)) {
      useBackstop = true;
    } else if (!numericPriceValidate(jdPrice, props)) {
      useBackstop = true;
    }
    if (!useBackstop && !isOnlyShowBigPrice && !isHideSmallPrice && !pricesCompareValidate(props)) {
      useBackstop = true;
    }
  }
  const bigPriceObj =
    isTextPrice || useBackstop
      ? {}
      : getDeconstructPrice(isEquivalentHit && !isNull(finalPrice) ? finalPrice : jdPrice, props);
  const { integerPrice = '', decimalPrice = '' } = bigPriceObj || {};
  const isPriceDescInFront = isEquivalentHit; 
  const hitColorStyle = isEquivalentHit ? styles[especialHitStyleType[priceType]] : null; 
  const missColorStyle = isEquivalentHit ? null : styles[especialMissStyleType[priceType]]; 
  const isBigPriceHasDecimal = decimalPrice !== '' && !/^0+$/.test(decimalPrice); 
  const sizeLineHeight = {
    XS: 28,
    S: 34,
    M: 40,
    L: 46,
    XL: 52,
  };
  const lineHeight = Taro.pxTransform(sizeLineHeight[size] * 1.25);
  const wrapHeight = Taro.pxTransform(sizeLineHeight[size] * 1.25 * lineNumber);
  const computedHeightStyle = {
    height: wrapHeight,
  };
  const itemCommonStyle = {
    height: lineHeight,
  };
  const priceTextStyle = priceTextColor ? { color: priceTextColor } : {};
  const needSizeStyles = [
    'bigNoPrice',
    'bigSymbol',
    'bigInteger',
    'bigDecimal',
    'priceDesc',
    'smallPrice',
    'priceUnit',
  ];
  const sizeStyles = needSizeStyles.reduce((acc, cur) => {
    acc[cur] = styles[cur + size];
    return acc;
  }, {});
  const finalFallbackText = global?.languageJsonData?.noPriceTip || '暂无报价';
  const noPriceShowText =
    priceText || (/^[\u4e00-\u9fa5]+$/.test(jdPrice) ? jdPrice : finalFallbackText); 
  if (useBackstop && fallbackRender) {
    return fallbackRender;
  }
  return (
    <View
      className={classNames(styles.wrap, className)}
      style={{ ...computedHeightStyle, ...style }}
    >
      {isTextPrice || useBackstop ? (
        <Text
          className={classNames(
            styles.childStyle,
            styles.bigStyle,
            styles.bigNoPrice,
            sizeStyles['bigNoPrice'],
            childrenClassName,
            bigNoPriceClassName,
          )}
          style={{ ...itemCommonStyle }}
        >
          {useBackstop ? finalFallbackText : noPriceShowText}
        </Text>
      ) : (
        [
          <Text
            className={classNames(
              styles.childStyle,
              styles.bigStyle,
              styles.bigSymbol,
              sizeStyles['bigSymbol'],
              hitColorStyle,
              childrenClassName,
              bigSymbolClassName,
              {
                [styles.fontV2]: useFontV2,
                [styles.fontV2Bold]: useFontV2Bold,
              },
            )}
            key="bigSymbol"
            style={{ ...itemCommonStyle }}
          >
            ¥
          </Text>,
          <Text
            className={classNames(
              styles.childStyle,
              styles.bigStyle,
              styles.bigInteger,
              sizeStyles['bigInteger'],
              hitColorStyle,
              !isOnlyShowBigPrice &&
                !isBigPriceHasDecimal &&
                !isPriceDescInFront &&
                !isShowPriceUnit
                ? styles.rightMargin
                : null,
              childrenClassName,
              bigIntegerClassName,
              {
                [styles.fontV2]: useFontV2,
                [styles.fontV2Bold]: useFontV2Bold,
              },
            )}
            key="bigInteger"
            style={{ ...itemCommonStyle }}
          >
            {integerPrice}
          </Text>,
          isBigPriceHasDecimal ? (
            <Text
              className={classNames(
                styles.childStyle,
                styles.bigStyle,
                styles.bigDecimal,
                sizeStyles['bigDecimal'],
                hitColorStyle,
                isPriceDescInFront || isShowPriceUnit ? null : styles.rightMargin,
                childrenClassName,
                bigDecimalClassName,
                {
                  [styles.fontV2]: useFontV2,
                  [styles.fontV2Bold]: useFontV2Bold,
                },
              )}
              key="bigDecimal"
              style={{ ...itemCommonStyle }}
            >
              .{decimalPrice}
            </Text>
          ) : null,
          isShowPriceUnit ? (
            <Text
              className={classNames(
                styles.childStyle,
                styles.priceUnit,
                styles.rightMargin,
                sizeStyles['priceUnit'],
                styles.bigStyle,
                hitColorStyle,
                childrenClassName,
                priceDescClassName,
              )}
              key="descFrontUnit"
              style={{ ...itemCommonStyle }}
            >
              {priceUnit}
            </Text>
          ) : null,
          !isOnlyShowBigPrice && [
            isPriceDescInFront && (
              <Text
                className={classNames(
                  styles.childStyle,
                  styles.priceDesc,
                  {
                    [styles['priceEnDesc']]: isLanguageForEn,
                  },
                  {
                    [styles['priceHiddenDesc']]: priceText === '', 
                  },
                  sizeStyles['priceDesc'],
                  styles.bigStyle,
                  hitColorStyle,
                  isPriceDescInFront && !isShowPriceUnit ? styles.rightMargin : null,
                  childrenClassName,
                  priceDescClassName,
                )}
                key="descFront"
                style={{ ...itemCommonStyle, ...priceTextStyle }}
              >
                {priceText === '' ? '_' : priceText}
              </Text>
            ),
            <View
              style={{
                display: 'inline-flex',
              }}
            >
              {smallPrice && !isHideSmallPrice ? (
                <Text
                  className={classNames(
                    styles.childStyle,
                    styles.smallPrice,
                    sizeStyles['smallPrice'],
                    styles.smallStyle,
                    missColorStyle,
                    childrenClassName,
                    smallPriceClassName,
                    {
                      [styles.fontV2]: useFontV2,
                      [styles.fontV2Bold]: useFontV2Bold,
                    },
                  )}
                  key="smallPrice"
                  style={{ ...itemCommonStyle }}
                >
                  ¥{Number(smallPrice)}
                </Text>
              ) : null}
              {isShowPriceUnit ? (
                <Text
                  className={classNames(
                    styles.childStyle,
                    styles.priceUnit,
                    sizeStyles['priceUnit'],
                    styles.smallStyle,
                    styles.missPriceDesc,
                    missColorStyle,
                    childrenClassName,
                    priceDescClassName,
                  )}
                  key="descFrontUnit"
                  style={{ ...itemCommonStyle }}
                >
                  {priceUnit}
                </Text>
              ) : null}
              {!isPriceDescInFront && !isHideSmallPrice && (
                <Text
                  className={classNames(
                    styles.childStyle,
                    styles.priceDesc,
                    {
                      [styles['priceEnDesc']]: isLanguageForEn,
                    },
                    {
                      [styles['priceHiddenDesc']]: priceText === '', 
                    },
                    sizeStyles['priceDesc'],
                    styles.smallStyle,
                    styles.missPriceDesc,
                    missColorStyle,
                    childrenClassName,
                    priceDescClassName,
                  )}
                  key="descBack"
                  style={{ ...itemCommonStyle }}
                >
                  {priceText === '' ? '_' : priceText}
                </Text>
              )}
            </View>,
          ],
        ]
      )}
    </View>
  );

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

@@ -1 +1 @@
-import React from 'react'
        <BasePrice {...props}/>
        :
        <DoublePrice {...props} />
+import React from 'react'
  if (props.priceType === undefined) {
    if (props.value === undefined) {
      if (props.jdPrice === undefined) {
        return null
      } else {
        return <BasePrice {...props} value={props.jdPrice} />
      }
    } else {
      return <BasePrice {...props} />
    }
  } else {
    return <DoublePrice {...props} />
  }

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

@@ -1 +1 @@
-import React from 'react'
    <View className={blockStyle['skeleton-header']}>
        <Image
          className={blockStyle['skeleton-header-img']}
          src={ShopHeaderSvgUrl}
          mode='widthFix'
        />
    </View>
    <View className={blockStyle['skeleton-new-product']}>
        <ContentLoader viewBox='0 0 375 280' {...props}>
            <rect x='10' y='38' rx='5' ry='5' width='355' height='55' />
            <rect x='12' y='112' rx='3' ry='3' width='111' height='95' />
            <rect x='12' y='11' rx='3' ry='3' width='100' height='10' />
            <rect x='254' y='112' rx='3' ry='3' width='111' height='95' />
            <rect x='14' y='218' rx='0' ry='0' width='111' height='27' />
            <rect x='261' y='217' rx='0' ry='0' width='111' height='27' />
            <rect x='134' y='112' rx='3' ry='3' width='111' height='95' />
            <rect x='133' y='218' rx='0' ry='0' width='111' height='27' />
            <rect x='20' y='255' rx='0' ry='0' width='100' height='9' />
            <rect x='140' y='255' rx='0' ry='0' width='100' height='9' />
            <rect x='263' y='255' rx='0' ry='0' width='100' height='9' />
        </ContentLoader>
    </View>
+import React from 'react'
  <View className={blockStyle['skeleton-header']}>
    <Image
      className={blockStyle['skeleton-header-img']}
      src={ShopHeaderSvgUrl}
      mode="widthFix"
    />
  </View>

package/dist/components/debug/DebugLayout/index.module.scss

@@ -0,0 +1,67 @@
+
+.debug-layout-warp {
+  position: absolute;
+  border-radius: 12PX;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 50;
+
+	.debug-layout {
+		position: absolute;
+		border-radius: 12PX;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+
+		border: 1PX solid #f50707;
+		background-color: rgba(219, 38, 38, 0.2);
+
+		&[data-module-type='JOINT'] {
+			border: 1PX solid #f507c9;
+			background-color: rgba(219, 38, 150, 0.2);
+		}
+
+		&.green {
+			border: 1PX solid #04a607;
+			background-color: rgba(38, 219, 71, 0.2);
+		}
+
+		.cd-version-list {
+			pointer-events: none;
+			position: absolute;
+			font-size: 0;
+			top: 0;
+			left: 0;
+			right: 0;
+			background-color: transparent;
+			text-align: center;
+			overflow: hidden;
+		}
+		
+		.cd-version-item {
+			display: inline-block;
+			background-color: #00c853;
+			font-size: 30px;
+			color: white;
+			padding: 1PX 3PX;
+			border-radius: 4PX;
+			margin: 0 5PX;
+			&[data-version='3.5.4'] {
+				background-color: #999;
+			}
+		}
+	}
+
+	.d-info {
+		position: relative;
+		cursor: pointer;
+		z-index: 3;
+		margin: 3PX 3PX;
+		width: 22PX;
+		height: 22PX;
+		background: url('../../../assets/icon_blue_info.svg') center center / 22PX 22PX no-repeat;
+	}
+}

package/dist/components/debug/DebugLayout/index.tsx

@@ -0,0 +1 @@
+import React from 'react'
  const { debug } = global.info.queryInfo
  const { floorData, index } = props
  if (debug != '1' || !floorData) {
    return null
  }
  const renderRemoteLayout = () => {
    const isRemote = isRemoteFloor(floorData)
    if (isRemote) {
      const moduleType = getModuleType(floorData)
      const packResult = floorData?.floorExtInfo?.modularPackResult
      const packResultObj = JSONParse(packResult)
      const taroVersionList = getTaroVersionList(packResultObj)
      const layoutClass = classNames(style['debug-layout'], {
        [style['green']]: taroVersionList.length >= 2,
      })
      return (
        <View data-module-type={moduleType} className={layoutClass}>
          <View className={style['cd-version-list']}>
            {taroVersionList.map(item => {
              return (
                <Text className={style['cd-version-item']} data-version={item}>
                  v{item}
                </Text>
              )
            })}
          </View>
        </View>
      )
    } else {
      return null
    }
  }
  return (
    <View className={style['debug-layout-warp']}>
      <View
        className={style['d-info']}
        onClick={() => {
          Messager && Messager.trigger('openDebugLayout', { floorData, index })
        }}
      />
      {renderRemoteLayout()}
    </View>
  )