@conecli/cone-render 0.10.1-shop3.9 → 0.10.1-shop3.90

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

@@ -1,10 +1,17 @@
 
 :global {
   .d-mini-price {
+    --after-ele-color: '';
     position: relative;
     color: #f23030;
     display: inline-block;
     font-family: 'JDZhengHT-Regular';
+    &.d-font-v2 {
+      font-family: 'JDZhengHeiV2-Regular';
+    }
+    &.d-font-v2-bold {
+      font-family: 'JDZhengHeiV2-Bold';
+    }
 
     &-sym {
       font-size: 22px;
@@ -61,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'
    if(/^\d+(\.\d+)?[eE][+-]?\d+$/.test(value)){
      sgmCustomReport({
        code: getSgmCustomCode(`${SgmCustomCode.PRICE_RENDER}_basePrice`),
        msg: {
          price: value,
          originalPrice: initValue,
          msg: "当前价格为科学计数数据，上报关注该价格"
        },
      })
    }
    if(value === "NaN"){
      sgmCustomReport({
        code: getSgmCustomCode(`${SgmCustomCode.PRICE_RENDER}_basePrice`),
        msg: {
          price: value,
          originalPrice: initValue,
          msg: "价格转换异常，兜底展示暂无报价"
        },
      })
      value = "暂无报价"
    }
  priceLabelText: "到手价" 
+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)) {
      draBusinessCustomReport({
        eventName: 'business',
        errorName: getSgmCustomCode(`${SgmCustomCode.PRICE_RENDER}_basePrice`),
        errorMessage: '当前价格为科学计数数据，上报关注该价格',
        extraData: JSON.stringify({
          price: value,
          originalPrice: initValue,
        }),
      });
    }
    if (!decToIntegerState) {
      value = parseFloat(value).toFixed(decLength);
    } else {
      if (value.indexOf('.') !== -1) {
        value = parseFloat(value).toFixed(decLength);
        value = `${value}`.replace(/0+$/, '');
      }
    }
    if (value === 'NaN') {
      draBusinessCustomReport({
        eventName: 'business',
        errorName: getSgmCustomCode(`${SgmCustomCode.PRICE_RENDER}_basePrice`),
        errorMessage: '价格转换异常，兜底展示暂无报价',
        extraData: JSON.stringify({
          price: value,
          originalPrice: initValue,
        }),
      });
      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.module.scss

@@ -91,7 +91,7 @@
 }
 
 .priceDesc {
-  margin-left: 4px;
+  margin-left: 8px;
   font-family: PingFang SC;
   &.priceHiddenDesc {
     width: 0;
@@ -117,6 +117,24 @@
 .priceDescXS {
   font-size: 20px;
 }
+.priceUnit {
+  font-family: PingFang SC;
+}
+.priceUnitXL {
+  font-size: 26px;
+}
+.priceUnitL {
+  font-size: 24px;
+}
+.priceUnitM {
+  font-size: 22px;
+}
+.priceUnitS {
+  font-size: 20px;
+}
+.priceUnitXS {
+  font-size: 18px;
+}
 
 .missPriceDesc {
 }
@@ -164,3 +182,9 @@
 .memberStyle {
   color: #f6b303;
 }
+.fontV2 {
+  font-family: 'JDZhengHeiV2-Regular';
+}
+.fontV2Bold {
+  font-family: 'JDZhengHeiV2-Bold';
+}