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

package/dist/components/base/Price/Base/index.dynamic.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 = '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>
  );
+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, 
    isShowPriceLabel = false, 
    priceLabelText = '到手价', 
    priceTextColor = '', 
    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,
              })}
              style={ priceTextColor !== '' ? {
                color: priceTextColor,
              } : {}}
            >
              {priceLabelText}
            </Text>
          )}
        </>
      )}
    </View>
  );

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 = '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>
  );
+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 = '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 = '到手价', 
    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>
  );