@conecli/cone-render 0.10.1-shop-beta.60 → 0.10.1-shop-beta.61

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',
  '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);
  }
  const routerURL = 'router://JDShopModule/isAccessibilityIsRunning';
  const callBackName = `nativeGetAccessibilityIsRunning${Date.now()}`;
  let params: any = {
    routerURL,
    routerParam: null,
    callBackName,
  };
  return new Promise((resolve) => {
    window[callBackName] = (res) => {
      let data;
      try {
        data = typeof res === 'string' ? JSON.parse(res) : res;
      } catch (e) {
        console.error('JSON parse error:', e);
        data = {};
      }
      console.log('无障碍router回调成功:', res);
      const isRunning = data?.data?.isAccessibilityIsRunning || false;
      resolve(isRunning);
    };
    if (isJdAndIosDevice) {
      callRouterIOS(params);
    } else if (isJdAndAndroidDevice) {
      callRouterAndroid(params);
    }
  });
  setPageLanguage();
  let isRunning;
  try {
    isRunning = await getAccessibilityIsRunning();
  } catch (e) {
    console.error('getAccessibilityIsRunning() ~~ error:', e);
  }
  if (isRunning || autoAccessiblePagesWhitelist.includes(buildType)) {
    console.log('🚀 ~~ 页面启用无障碍自动支持方案 ~~ buildType:', buildType);
    setupMainObserver();
  } else {
    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);
  }
  const routerURL = 'router://JDShopModule/isAccessibilityIsRunning';
  const callBackName = `nativeGetAccessibilityIsRunning${Date.now()}`;
  let params: any = {
    routerURL,
    routerParam: null,
    callBackName,
  };
  return new Promise((resolve) => {
    window[callBackName] = (res) => {
      let data;
      try {
        data = typeof res === 'string' ? JSON.parse(res) : res;
      } catch (e) {
        console.error('JSON parse error:', e);
        data = {};
      }
      console.log('无障碍router回调成功:', res);
      const isRunning = data?.data?.isAccessibilityIsRunning || false;
      resolve(isRunning);
    };
    if (isJdAndIosDevice) {
      callRouterIOS(params);
    } else if (isJdAndAndroidDevice) {
      callRouterAndroid(params);
    } else {
      resolve(false);
    }
  });
  setPageLanguage();
  let isRunning;
  try {
    isRunning = await getAccessibilityIsRunning();
  } catch (e) {
    console.error('getAccessibilityIsRunning() ~~ error:', e);
  }
  if (isRunning || autoAccessiblePagesWhitelist.includes(buildType)) {
    console.log('🚀 ~~ 页面启用无障碍自动支持方案 ~~ buildType:', buildType);
    setupMainObserver();
    global.info.sysInfo.autoAccsessible = true;
  } else {
    console.log('🚀 ~~ 页面不启用无障碍自动支持方案 !! buildType:', buildType);
  }