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

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

@@ -0,0 +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 = 'd-mini-price',
    symPos = 'sub',
    symbol = '¥',
    decPos = 'sub',
    status = '', 
    className,
    style = {},
    symClassName,
    intClassName,
    decClassName,
    noPriceClassName,
    value,
    decLength = 2,
    decToIntegerState = false, 
    isPlusPrice = false, 
    isSamsPrice,
    isMemberPrice,
    isSfpPrice,
    memberPriceIcon,
    isShowPriceLabel = false, 
    priceLabelText = '到手价', 
    useFontV2 = false,  
    useFontV2Bold = false, 
  } = props;
  const cls = classNames(
    className ? `${className}` : '',
    prefixCls,
    'd-imag-rendering-crisp-edges',
    {
      del: status === 'del',
    },
    {
      'd-price-label': isShowPriceLabel,
    },
  );
  const symCls = classNames(symClassName ? `${symClassName}` : '', {
    'sym-sub': symPos === 'sub',
    'sym-sup': symPos === 'sup',
    'd-font-v2': useFontV2,
    'd-font-v2-bold': useFontV2Bold,
  });
  const intCls = classNames(intClassName ? `${intClassName}` : '',{
    'd-font-v2': useFontV2,
    'd-font-v2-bold': useFontV2Bold,
  });
  const decCls = classNames(decClassName ? `${decClassName}` : '', {
    'dec-sub': decPos === 'sub',
    'dec-sup': decPos === 'sup',
    'd-font-v2': useFontV2,
    'd-font-v2-bold': useFontV2Bold,
  });
  const noPriceCls = classNames(noPriceClassName ? `${noPriceClassName}` : '');
  const { currencySymbol, intVal, decimalVal } = dealPrice(
    value,
    decLength,
    symbol,
    decToIntegerState,
  );
  return (
    <View className={cls} style={style}>
      {intVal === '-1' ? (
        <Text className={`${prefixCls}-txt int-txt off-shelf ${noPriceCls}`}>{`暂无报价`}</Text>
      ) : (
        <>
          <Text className={classNames(`${prefixCls}-sym`,`${symCls}`,"init-font-color",{
            "init-font-android-color": isAndroidDevice
          })}>{currencySymbol}</Text>
          <Text className={classNames(`${prefixCls}-txt`,`int-txt`,`${intCls}`,`init-font-color`,{
            "init-font-android-color": isAndroidDevice
          })}>{intVal}</Text>
          {!!decimalVal && (
            <Text className={classNames(`${prefixCls}-txt`,`dec-txt`,`${decCls}`,`init-font-color`,{
              "init-font-android-color": isAndroidDevice
            })}>.{decimalVal}</Text>
          )}
          {isShowPriceLabel && <Text className={classNames('d-price-label-text','init-font-color',{
            "init-font-android-color": isAndroidDevice
          })}>{priceLabelText}</Text>}
        </>
      )}
    </View>
  );

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

@@ -5,6 +5,12 @@
     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;

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 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 = 'd-mini-price',
    symPos = 'sub',
    symbol = '¥',
    decPos = 'sub',
    status = '', 
    className,
    style = {},
    symClassName,
    intClassName,
    decClassName,
    noPriceClassName,
    value,
    decLength = 2,
    decToIntegerState = false, 
    isPlusPrice = false, 
    isSamsPrice,
    isMemberPrice,
    isSfpPrice,
    memberPriceIcon,
    isShowPriceLabel = false, 
    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>
  );

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

@@ -0,0 +1,172 @@
+.wrap {
+  overflow: hidden;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  align-items: baseline;
+  //line-height: 0; // 这个是保障不同平台（IOS、Android），不同font-size下多个行内元素文案底部还能对齐的基石
+}
+.childStyle {
+  //transform: translateY(50%);
+}
+.bigStyle {
+  color: #fa2c19;
+}
+
+.bigNoPrice {
+  font-family: PingFang SC;
+}
+.bigNoPriceXL {
+  font-size: 48px;
+}
+.bigNoPriceL {
+  font-size: 42px;
+}
+.bigNoPriceM {
+  font-size: 36px;
+}
+.bigNoPriceS {
+  font-size: 30px;
+}
+.bigNoPriceXS {
+  font-size: 24px;
+}
+
+.bigSymbol {
+  font-family: JDZH-Regular;
+}
+.bigSymbolXL {
+  font-size: 28px;
+}
+.bigSymbolL {
+  font-size: 26px;
+}
+.bigSymbolM {
+  font-size: 24px;
+}
+.bigSymbolS {
+  font-size: 22px;
+}
+.bigSymbolXS {
+  font-size: 20px;
+}
+
+.bigInteger {
+  font-family: JDZH-Regular;
+}
+.bigIntegerXL {
+  font-size: 52px;
+}
+.bigIntegerL {
+  font-size: 46px;
+}
+.bigIntegerM {
+  font-size: 40px;
+}
+.bigIntegerS {
+  font-size: 34px;
+}
+.bigIntegerXS {
+  font-size: 28px;
+}
+
+.bigDecimal {
+  font-family: JDZH-Regular;
+}
+
+.bigDecimalXL {
+  font-size: 28px;
+}
+.bigDecimalL {
+  font-size: 26px;
+}
+.bigDecimalM {
+  font-size: 24px;
+}
+.bigDecimalS {
+  font-size: 22px;
+}
+.bigDecimalXS {
+  font-size: 20px;
+}
+
+.priceDesc {
+  margin-left: 4px;
+  font-family: PingFang SC;
+  &.priceHiddenDesc {
+    width: 0;
+    visibility: hidden;
+  }
+  &.priceEnDesc {
+    width: 0;
+    visibility: hidden;
+  }
+}
+.priceDescXL {
+  font-size: 28px;
+}
+.priceDescL {
+  font-size: 26px;
+}
+.priceDescM {
+  font-size: 24px;
+}
+.priceDescS {
+  font-size: 22px;
+}
+.priceDescXS {
+  font-size: 20px;
+}
+
+.missPriceDesc {
+}
+.smallStyle {
+  color: #8c8c8c;
+}
+
+.smallPrice {
+  font-family: JDZH-Regular;
+}
+.smallPriceXL {
+  font-size: 28px;
+}
+.smallPriceL {
+  font-size: 26px;
+}
+.smallPriceM {
+  font-size: 24px;
+}
+.smallPriceS {
+  font-size: 22px;
+}
+.smallPriceXS {
+  font-size: 20px;
+}
+
+.rightMargin {
+  margin-right: 16px;
+}
+.plusStyle {
+  color: #1c4b8c;
+}
+.fansStyle {
+  color: #8450e5;
+}
+.samStyle {
+  color: #3981e5;
+}
+.studentStyle {
+  color: #30bf26;
+}
+.yhdStyle {
+  color: #674431;
+}
+.memberStyle {
+  color: #f6b303;
+}
+.fontV2 {
+  font-family: JDZH-Regular;
+}
+.fontV2Bold {
+  font-family: JDZH-Bold;
+}