@conecli/cone-render 0.10.1-shop-beta.30 → 0.10.1-shop-beta.32

package/dist/common/accessibility.h5.ts

@@ -1 +1 @@
-import Taro from '@tarojs/taro';
  'app-activity',
  'app-rank',
  'app-seckill',
  'm-coupon',
  'scene-buy',
  'light-details',
  'member-paid-center',
  'member-paid-card',
  'member-paid-bind',
  'app-introduce',
  if (window?.shopGlobalSwitch?.openAccessibilityLanguage) {
    Taro.nextTick(() => {
      const htmlRoot = document?.documentElement;
      htmlRoot && htmlRoot.setAttribute('lang', isLanguageForEn ? 'en' : 'zh-CN');
    });
  }
  const mainConfig = {
    childList: true, 
    subtree: true, 
    attributes: true, 
    attributeFilter: ['auto-accessible'], 
  };
  const mainObserver = new MutationObserver(function (mutations) {
    mutations.forEach(function (mutation) {
      if (mutation.type === 'childList') {
        mutation.addedNodes.forEach(function (node) {
          if (node.nodeType === Node.ELEMENT_NODE) {
            if (node.hasAttribute && node.getAttribute('auto-accessible') === 'true') {
              updateAccessibilityLabel(node);
            }
            const accessibleElements = node.querySelectorAll
              ? node.querySelectorAll('[auto-accessible="true"]')
              : [];
            accessibleElements.forEach(function (el) {
              updateAccessibilityLabel(el);
            });
          }
        });
      }
      if (mutation.type === 'attributes' && mutation.attributeName === 'auto-accessible') {
        if (mutation.target.getAttribute('auto-accessible') === 'true') {
          updateAccessibilityLabel(mutation.target);
        }
      }
    });
  });
  mainObserver.observe(document.body, mainConfig);
  setupGlobalContentObserver();
  const contentConfig = {
    characterData: true, 
    childList: true, 
    subtree: true, 
  };
  const lastUpdateTime = new WeakMap();
  const THROTTLE_DELAY = 2000; 
  
  function shouldUpdate(element) {
    const now = Date.now();
    const lastTime = lastUpdateTime.get(element);
    if (!lastTime || now - lastTime >= THROTTLE_DELAY) {
      lastUpdateTime.set(element, now);
      return true;
    }
    return false;
  }
  const globalContentObserver = new MutationObserver(function (mutations) {
    const affectedElements = new Set();
    mutations.forEach(function (mutation) {
      let targetElement = null;
      if (mutation.type === 'characterData') {
        targetElement = findClosestAccessibleElement(mutation.target);
      } else if (mutation.type === 'childList') {
        targetElement = findClosestAccessibleElement(mutation.target);
      }
      if (targetElement && targetElement.getAttribute('auto-accessible') === 'true') {
        affectedElements.add(targetElement);
      }
    });
    affectedElements.forEach(function (element) {
      if (shouldUpdate(element)) {
        updateAccessibilityLabel(element);
      } else {
      }
    });
  });
  globalContentObserver.observe(document.body, contentConfig);
  let current = node;
  if (current.nodeType === Node.TEXT_NODE) {
    current = current.parentElement;
  }
  while (current && current !== document.body) {
    if (current.getAttribute && current.getAttribute('auto-accessible') === 'true') {
      return current;
    }
    current = current.parentElement;
  }
  return null;
  if (!element) return;
  if (element.hasAttribute('aria-label')) {
    completeA11yAttributes(element);
    if (!element.getAttribute('data-auto-aria-label')) {
      return;
    }
  }
  const text = element.innerText;
  if (text) {
    const processedText = text.replace(/\r|\n/g, ' ').replace(/¥\s(\d+)(\s(\.\d+))?/, '¥$1$3');
    element.setAttribute('aria-label', processedText);
    element.setAttribute('data-auto-aria-label', 'true');
    completeA11yAttributes(element);
  }
  if (!element.hasAttribute('role')) {
    element.setAttribute('role', 'text');
  }
  if (!element.hasAttribute('tabindex')) {
    element.setAttribute('tabindex', 0);
  }
  console.log('🚀 ~~ 页面启用无障碍自动支持方案 ~~ buildType:', buildType);
  setupMainObserver();
  console.log('🚀 ~~ 页面不启用无障碍自动支持方案 !! buildType:', buildType);
+import Taro from '@tarojs/taro';
  'app-activity',
  'app-rank',
  'app-seckill',
  'm-coupon',
  'scene-buy',
  'light-details',
  'member-paid-center',
  'member-paid-card',
  'member-paid-bind',
  'app-introduce',
  'app-search-result',
  if (window?.shopGlobalSwitch?.openAccessibilityLanguage) {
    Taro.nextTick(() => {
      const htmlRoot = document?.documentElement;
      htmlRoot && htmlRoot.setAttribute('lang', isLanguageForEn ? 'en' : 'zh-CN');
    });
  }
  const mainConfig = {
    childList: true, 
    subtree: true, 
    attributes: true, 
    attributeFilter: ['auto-accessible'], 
  };
  const mainObserver = new MutationObserver(function (mutations) {
    mutations.forEach(function (mutation) {
      if (mutation.type === 'childList') {
        mutation.addedNodes.forEach(function (node) {
          if (node.nodeType === Node.ELEMENT_NODE) {
            if (node.hasAttribute && node.getAttribute('auto-accessible') === 'true') {
              updateAccessibilityLabel(node);
            }
            const accessibleElements = node.querySelectorAll
              ? node.querySelectorAll('[auto-accessible="true"]')
              : [];
            accessibleElements.forEach(function (el) {
              updateAccessibilityLabel(el);
            });
          }
        });
      }
      if (mutation.type === 'attributes' && mutation.attributeName === 'auto-accessible') {
        if (mutation.target.getAttribute('auto-accessible') === 'true') {
          updateAccessibilityLabel(mutation.target);
        }
      }
    });
  });
  mainObserver.observe(document.body, mainConfig);
  setupGlobalContentObserver();
  const contentConfig = {
    characterData: true, 
    childList: true, 
    subtree: true, 
  };
  const lastUpdateTime = new WeakMap();
  const THROTTLE_DELAY = 2000; 
  
  function shouldUpdate(element) {
    const now = Date.now();
    const lastTime = lastUpdateTime.get(element);
    if (!lastTime || now - lastTime >= THROTTLE_DELAY) {
      lastUpdateTime.set(element, now);
      return true;
    }
    return false;
  }
  const globalContentObserver = new MutationObserver(function (mutations) {
    const affectedElements = new Set();
    mutations.forEach(function (mutation) {
      let targetElement = null;
      if (mutation.type === 'characterData') {
        targetElement = findClosestAccessibleElement(mutation.target);
      } else if (mutation.type === 'childList') {
        targetElement = findClosestAccessibleElement(mutation.target);
      }
      if (targetElement && targetElement.getAttribute('auto-accessible') === 'true') {
        affectedElements.add(targetElement);
      }
    });
    affectedElements.forEach(function (element) {
      if (shouldUpdate(element)) {
        updateAccessibilityLabel(element);
      } else {
      }
    });
  });
  globalContentObserver.observe(document.body, contentConfig);
  let current = node;
  if (current.nodeType === Node.TEXT_NODE) {
    current = current.parentElement;
  }
  while (current && current !== document.body) {
    if (current.getAttribute && current.getAttribute('auto-accessible') === 'true') {
      return current;
    }
    current = current.parentElement;
  }
  return null;
  if (!element) return;
  if (element.hasAttribute('aria-label')) {
    completeA11yAttributes(element);
    if (!element.getAttribute('data-auto-aria-label')) {
      return;
    }
  }
  const text = element.innerText;
  if (text) {
    const processedText = text.replace(/\r|\n/g, ' ').replace(/¥\s(\d+)(\s(\.\d+))?/, '¥$1$3');
    element.setAttribute('aria-label', processedText);
    element.setAttribute('data-auto-aria-label', 'true');
    completeA11yAttributes(element);
  }
  if (!element.hasAttribute('role')) {
    element.setAttribute('role', 'text');
  }
  if (!element.hasAttribute('tabindex')) {
    element.setAttribute('tabindex', 0);
  }
  console.log('🚀 ~~ 页面启用无障碍自动支持方案 ~~ buildType:', buildType);
  setupMainObserver();
  console.log('🚀 ~~ 页面不启用无障碍自动支持方案 !! buildType:', buildType);

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

@@ -1 +1 @@
-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, 
+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,
    nativeProps,
  } = 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 : ''}
      {...nativeProps}
    >
      {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,