@conecli/cone-render 0.10.1-shop3.45 → 0.10.1-shop3.46

package/dist/common/accessibility.h5.ts

@@ -0,0 +1 @@
+import Taro from '@tarojs/taro';
  'app-activity',
  'app-rank',
  'app-seckill',
  'm-coupon',
  'scene-buy',
  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);