@conecli/cone-render 0.10.1-shop3.26 → 0.10.1-shop3.27

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

@@ -1,6 +1,7 @@
 
 :global {
   .d-mini-price {
+    --after-ele-color: '';
     position: relative;
     color: #f23030;
     display: inline-block;
@@ -67,6 +68,11 @@
         margin-left: 8px;
       }
     }
+    &.d-price-text-clor {
+      &:after {
+        color: var(--after-ele-color) !important;
+      }
+    }
     &.d-plus-price {
       .int-txt,
       .sym-sub,

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

@@ -1 +1 @@
-import React from 'react';
  let value = `${initValue}`;
  if (!cnPriceTextList.includes(value)) {
    if (value && !/^[0123456789-]*$/.test(value.substring(0, 1))) {
      symbol = value.substring(0, 1); 
      value = value.substring(1); 
    }
    if (/^\d+(\.\d+)?[eE][+-]?\d+$/.test(value)) {
      sgmCustomReport({
        code: getSgmCustomCode(`${SgmCustomCode.PRICE_RENDER}_basePrice`),
        msg: {
          price: value,
          originalPrice: initValue,
          msg: '当前价格为科学计数数据，上报关注该价格',
        },
      });
    }
    if (!decToIntegerState) {
      value = parseFloat(value).toFixed(decLength);
    } else {
      if (value.indexOf('.') !== -1) {
        value = parseFloat(value).toFixed(decLength);
        value = `${value}`.replace(/0+$/, '');
      }
    }
    if (value === 'NaN') {
      sgmCustomReport({
        code: getSgmCustomCode(`${SgmCustomCode.PRICE_RENDER}_basePrice`),
        msg: {
          price: value,
          originalPrice: initValue,
          msg: '价格转换异常，兜底展示暂无报价',
        },
      });
      value = '暂无报价';
    }
  }
  const [intVal, decimalVal] = `${value}`.split('.');
  return {
    currencySymbol: !cnPriceTextList.includes(intVal) ? symbol : '',
    intVal,
    decimalVal,
  };
  const {
    prefixCls,
    symPos,
    symbol,
    decPos,
    status,
    className,
    style,
    symClassName,
    intClassName,
    decClassName,
    noPriceClassName,
    value,
    decLength,
    decToIntegerState,
    isPlusPrice,
    isSamsPrice,
    isMemberPrice,
    isSfpPrice,
    memberPriceIcon,
    isShowPriceLabel,
    priceLabelText,
    useFontV2 = false,
    useFontV2Bold = false,
  } = props;
  const cls = classNames(
    className ? `${className}` : '',
    prefixCls,
    {
      'd-font-v2': useFontV2,
      'd-font-v2-bold': useFontV2Bold,
    },
    'd-imag-rendering-crisp-edges',
    {
      del: status === 'del',
    },
    {
      'd-plus-price': isPlusPrice,
    },
    {
      'd-sams-price': isSamsPrice,
    },
    {
      'd-sfp-price': isSfpPrice,
    },
    {
      'd-member-price': isMemberPrice,
    },
    {
      [`d-member-price-${memberPriceIcon}`]: memberPriceIcon,
    },
    {
      'd-price-label': isShowPriceLabel,
    },
  );
  const symCls = classNames(symClassName ? `${symClassName}` : '', {
    'sym-sub': symPos === 'sub',
    'sym-sup': symPos === 'sup',
  });
  const intCls = classNames(intClassName ? `${intClassName}` : '');
  const decCls = classNames(decClassName ? `${decClassName}` : '', {
    'dec-sub': decPos === 'sub',
    'dec-sup': decPos === 'sup',
  });
  const noPriceCls = classNames(noPriceClassName ? `${noPriceClassName}` : '');
  const { currencySymbol, intVal, decimalVal } = dealPrice(
    value,
    decLength,
    symbol,
    decToIntegerState,
  );
  return (
    <View className={cls} style={style} data-after={isShowPriceLabel ? priceLabelText : ''}>
      {intVal === '-1' ? (
        <Text className={`${prefixCls}-txt int-txt off-shelf ${noPriceCls}`}>{`暂无报价`}</Text>
      ) : (
        <>
          <Text className={`${prefixCls}-sym ${symCls}`}>{currencySymbol}</Text>
          <Text className={`${prefixCls}-txt int-txt ${intCls}`}>{intVal}</Text>
          {!!decimalVal && (
            <Text className={`${prefixCls}-txt dec-txt ${decCls}`}>.{decimalVal}</Text>
          )}
        </>
      )}
    </View>
  );
  prefixCls: 'd-mini-price',
  style: {},
  status: '', 
  symbol: '¥',
  symPos: 'sub',
  decLength: 2,
  decPos: 'sub',
  decToIntegerState: false, 
  isPlusPrice: false, 
  isShowPriceLabel: false, 
  priceLabelText: '到手价', 
  useFontV2: false, 
  useFontV2Bold: false, 
+import React, { useEffect, useRef } from 'react';
  let value = `${initValue}`;
  if (!cnPriceTextList.includes(value)) {
    if (value && !/^[0123456789-]*$/.test(value.substring(0, 1))) {
      symbol = value.substring(0, 1); 
      value = value.substring(1); 
    }
    if (/^\d+(\.\d+)?[eE][+-]?\d+$/.test(value)) {
      sgmCustomReport({
        code: getSgmCustomCode(`${SgmCustomCode.PRICE_RENDER}_basePrice`),
        msg: {
          price: value,
          originalPrice: initValue,
          msg: '当前价格为科学计数数据，上报关注该价格',
        },
      });
    }
    if (!decToIntegerState) {
      value = parseFloat(value).toFixed(decLength);
    } else {
      if (value.indexOf('.') !== -1) {
        value = parseFloat(value).toFixed(decLength);
        value = `${value}`.replace(/0+$/, '');
      }
    }
    if (value === 'NaN') {
      sgmCustomReport({
        code: getSgmCustomCode(`${SgmCustomCode.PRICE_RENDER}_basePrice`),
        msg: {
          price: value,
          originalPrice: initValue,
          msg: '价格转换异常，兜底展示暂无报价',
        },
      });
      value = '暂无报价';
    }
  }
  const [intVal, decimalVal] = `${value}`.split('.');
  return {
    currencySymbol: !cnPriceTextList.includes(intVal) ? symbol : '',
    intVal,
    decimalVal,
  };
  const {
    prefixCls,
    symPos,
    symbol,
    decPos,
    status,
    className,
    style,
    symClassName,
    intClassName,
    decClassName,
    noPriceClassName,
    value,
    decLength,
    decToIntegerState,
    isPlusPrice,
    isSamsPrice,
    isMemberPrice,
    isSfpPrice,
    memberPriceIcon,
    isShowPriceLabel,
    priceLabelText,
    priceTextColor,
    useFontV2 = false,
    useFontV2Bold = false,
  } = props;
  const cRef = useRef<any>(null);
  useEffect(() => {
    if (isShowPriceLabel && priceTextColor && cRef.current) {
      cRef.current?.style?.setProperty('--after-ele-color', priceTextColor);
    }
  }, [isShowPriceLabel, priceTextColor]);
  const cls = classNames(
    className ? `${className}` : '',
    prefixCls,
    {
      'd-font-v2': useFontV2,
      'd-font-v2-bold': useFontV2Bold,
    },
    'd-imag-rendering-crisp-edges',
    {
      del: status === 'del',
    },
    {
      'd-plus-price': isPlusPrice,
    },
    {
      'd-sams-price': isSamsPrice,
    },
    {
      'd-sfp-price': isSfpPrice,
    },
    {
      'd-member-price': isMemberPrice,
    },
    {
      [`d-member-price-${memberPriceIcon}`]: memberPriceIcon,
    },
    {
      'd-price-label': isShowPriceLabel,
    },
    {
      'd-price-text-clor': isShowPriceLabel && priceTextColor,
    },
  );
  const symCls = classNames(symClassName ? `${symClassName}` : '', {
    'sym-sub': symPos === 'sub',
    'sym-sup': symPos === 'sup',
  });
  const intCls = classNames(intClassName ? `${intClassName}` : '');
  const decCls = classNames(decClassName ? `${decClassName}` : '', {
    'dec-sub': decPos === 'sub',
    'dec-sup': decPos === 'sup',
  });
  const noPriceCls = classNames(noPriceClassName ? `${noPriceClassName}` : '');
  const { currencySymbol, intVal, decimalVal } = dealPrice(
    value,
    decLength,
    symbol,
    decToIntegerState,
  );
  return (
    <View
      ref={cRef}
      className={cls}
      style={style}
      data-after={isShowPriceLabel ? priceLabelText : ''}
    >
      {intVal === '-1' ? (
        <Text className={`${prefixCls}-txt int-txt off-shelf ${noPriceCls}`}>{`暂无报价`}</Text>
      ) : (
        <>
          <Text className={`${prefixCls}-sym ${symCls}`}>{currencySymbol}</Text>
          <Text className={`${prefixCls}-txt int-txt ${intCls}`}>{intVal}</Text>
          {!!decimalVal && (
            <Text className={`${prefixCls}-txt dec-txt ${decCls}`}>.{decimalVal}</Text>
          )}
        </>
      )}
    </View>
  );
  prefixCls: 'd-mini-price',
  style: {},
  status: '', 
  symbol: '¥',
  symPos: 'sub',
  decLength: 2,
  decPos: 'sub',
  decToIntegerState: false, 
  isPlusPrice: false, 
  isShowPriceLabel: false, 
  priceLabelText: '到手价', 
  priceTextColor: '', 
  useFontV2: false, 
  useFontV2Bold: false, 

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

@@ -1 +1 @@
-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 = '', 
    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; 
  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 needSizeStyles = [
    'bigNoPrice',
    'bigSymbol',
    'bigInteger',
    'bigDecimal',
    'priceDesc',
    'smallPrice',
  ];
  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
                ? 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 ? null : styles.rightMargin,
                childrenClassName,
                bigDecimalClassName,
                {
                  [styles.fontV2]: useFontV2,
                  [styles.fontV2Bold]: useFontV2Bold,
                },
              )}
              key="bigDecimal"
              style={{ ...itemCommonStyle }}
            >
              .{decimalPrice}
            </Text>
          ) : null,
          !isOnlyShowBigPrice && [
            isPriceDescInFront && (
              <Text
                className={classNames(
                  styles.childStyle,
                  styles.priceDesc,
                  {
                    [styles['priceEnDesc']]: isLanguageForEn,
                  },
                  {
                    [styles['priceHiddenDesc']]: priceText === '', 
                  },
                  sizeStyles['priceDesc'],
                  styles.bigStyle,
                  hitColorStyle,
                  isPriceDescInFront ? styles.rightMargin : null,
                  childrenClassName,
                  priceDescClassName,
                )}
                key="descFront"
                style={{ ...itemCommonStyle }}
              >
                {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}
              {!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>
  );
+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 = '', 
    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; 
  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',
  ];
  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
                ? 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 ? null : styles.rightMargin,
                childrenClassName,
                bigDecimalClassName,
                {
                  [styles.fontV2]: useFontV2,
                  [styles.fontV2Bold]: useFontV2Bold,
                },
              )}
              key="bigDecimal"
              style={{ ...itemCommonStyle }}
            >
              .{decimalPrice}
            </Text>
          ) : null,
          !isOnlyShowBigPrice && [
            isPriceDescInFront && (
              <Text
                className={classNames(
                  styles.childStyle,
                  styles.priceDesc,
                  {
                    [styles['priceEnDesc']]: isLanguageForEn,
                  },
                  {
                    [styles['priceHiddenDesc']]: priceText === '', 
                  },
                  sizeStyles['priceDesc'],
                  styles.bigStyle,
                  hitColorStyle,
                  isPriceDescInFront ? 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}
              {!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/interface/component.ts

@@ -1 +1 @@
-import React from 'react'
    subMessage?: string
    netWorkStyleType?: string
    viewMaxHeight?: string
        noPosition?: boolean
      floorLoadWay?: number
      floorKind?: number
      shopId?: string
      moduleDesignerType?: string
    showCommonFloorHead?: boolean
    borderRadius: number
    borderTopLeftRadius?: number
    borderTopRightRadius?: number
    borderBottomLeftRadius?: number
    borderBottomRightRadius?: number
    marginTop?: number
    marginBottom?: number
    marginLeft?: number
    marginRight?: number
    paddingTop?: number
    paddingBottom?: number
    paddingLeft?: number
    paddingRight?: number
    containerId: string
    background?: string
    containerPosition?: string
    key?: string
    floors: floorItemData[]
    includeUids: string[]
    typeCn: string
    typeCode?: string
    addLuxuryStyle?: boolean
    addLuxuryBackupStyle?: boolean
    renderExtendComponent?: functionType
    insertContainerStartComponent?: functionType
    floorExtendData?: any
  }
    isRealTimeRender: boolean
    forceRenderTime: number
    luxuryFixed?: boolean
    customErrorIsvFloorModule?: React.ReactElement | undefined
    containerIndex?: number
    containerData?: any
    shopTotalInfo?: any
    selectContainerFn?: functionType
    selectContainerId?: string
    placeHolderPreContainerId?: string
    children?: any
    luxuryFixed?: boolean
    style?: {
      [key: string]: any
    };
    layoutLeftRightMargin?: number
  }
    isShowPlaceHolder?: boolean
    
    useFontV2?: boolean
    useFontV2Bold?: boolean
    onlyShowDaySpaceTextState?: boolean 
    showDayToSecondState?: boolean 
    useFontV2: boolean
    useFontV2Bold: boolean
    onFormSubmit?: functionType
    onFormReset?: functionType
    isFormDialog?: boolean
    forbiddenBgScrollState?: boolean
    evenList:  any[]
    oddList: any[]
+import React from 'react'
    subMessage?: string
    netWorkStyleType?: string
    viewMaxHeight?: string
        noPosition?: boolean
      floorLoadWay?: number
      floorKind?: number
      shopId?: string
      moduleDesignerType?: string
    showCommonFloorHead?: boolean
    borderRadius: number
    borderTopLeftRadius?: number
    borderTopRightRadius?: number
    borderBottomLeftRadius?: number
    borderBottomRightRadius?: number
    marginTop?: number
    marginBottom?: number
    marginLeft?: number
    marginRight?: number
    paddingTop?: number
    paddingBottom?: number
    paddingLeft?: number
    paddingRight?: number
    containerId: string
    background?: string
    containerPosition?: string
    key?: string
    floors: floorItemData[]
    includeUids: string[]
    typeCn: string
    typeCode?: string
    addLuxuryStyle?: boolean
    addLuxuryBackupStyle?: boolean
    renderExtendComponent?: functionType
    insertContainerStartComponent?: functionType
    floorExtendData?: any
  }
    isRealTimeRender: boolean
    forceRenderTime: number
    luxuryFixed?: boolean
    customErrorIsvFloorModule?: React.ReactElement | undefined
    containerIndex?: number
    containerData?: any
    shopTotalInfo?: any
    selectContainerFn?: functionType
    selectContainerId?: string
    placeHolderPreContainerId?: string
    children?: any
    luxuryFixed?: boolean
    style?: {
      [key: string]: any
    };
    layoutLeftRightMargin?: number
  }
    isShowPlaceHolder?: boolean
    
    useFontV2?: boolean
    useFontV2Bold?: boolean
    onlyShowDaySpaceTextState?: boolean 
    showDayToSecondState?: boolean 
    useFontV2: boolean
    useFontV2Bold: boolean
    onFormSubmit?: functionType
    onFormReset?: functionType
    isFormDialog?: boolean
    forbiddenBgScrollState?: boolean
    evenList:  any[]
    oddList: any[]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@conecli/cone-render",
-  "version": "0.10.1-shop3.26",
+  "version": "0.10.1-shop3.27",
   "private": false,
   "files": [
     "dist/"