@conecli/cone-render 0.10.1-shop3.3 → 0.10.1-shop3.5

package/dist/utils/h5Utils.ts

@@ -1 +1 @@
-import {
  isApp,
  isIOS,
  getAppVersion,
  version,
  getUUID,
  getUrlQuery,
  assign,
  isString,
  isObject,
  serialize,
  isAndroid,
  versionCompare,
  isIPad,
  CHANNEL_TYPE,
  JDShopViewBusinessPathType,
  JDShopViewBusinessPathList,
  SECTION_HOME_TAB_NAME_TYPE,
  SECTION_HOME_TAB_TYPE,
  DraBuryPointFlags,
  MPAAS_CONFIG_APP_VERSION,
  window?.location?.href ?? '',
  new Promise((resolve, reject) => {
    if (window?.__sgm__) {
      resolve(true)
    } else {
      if (isSgmReadyError) {
        console.log('当前sgm初始化失败')
        reject(false)
      } else {
        ready('__sgm__', 2000)
          .then(() => {
            isSgmReadyError = false
            console.log('当前sgm初始化成功')
            resolve(true)
          })
          .catch(() => {
            isSgmReadyError = true
            console.log('当前sgm初始化失败')
            reject(false)
          })
      }
    }
  })
  console.log(message)
  reject(new Error(message))
  return ready('dra', 2000)
    .then(() => {
      isNewDraSdkReadyError = false
      console.log('当前新版烛龙sdk初始化成功')
      return true
    })
    .catch(() => {
      isNewDraSdkReadyError = true
      throw new Error('当前新版烛龙sdk初始化失败')
    })
  return new Promise((resolve, reject) => {
    if (window?.dra) {
      resolve(true)
    } else if (isNewDraSdkReadyError) {
      logAndReject('当前新版烛龙sdk初始化失败', reject)
    } else {
      initializeDraSdk()
        .then(resolve)
        .catch((error) => logAndReject(error.message, reject))
    }
  })
  try {
    return JSON.parse(decodeURIComponent(getUrlQuery('cookie')))
  } catch (e) {
    return {}
  }
  isWxMiniH5View && urlCookie['wxapp_type'] == '1' 
  window.shopGlobalSwitch?.isH5AndJdShopViewH5ScrollVersion || ''
  !!document.getElementById('mallType') &&
  !!document.getElementById('pageInstance_id') &&
  !!document.getElementById('pageInstance_appId')
  isTjScence &&
  isWxMiniH5View &&
  (urlCookie['wxapp_type'] == '2' ||
    cookie.get('wxapp_type') == '2' ||
    parseQueryUrlObj['tjChannel'] === 'jxxcx') 
  isTjScence && isWxMiniH5View && parseQueryUrlObj['sourceApp'] === 'haowujie' 
  isTjScence &&
  (parseQueryUrlObj['appCode'] === 'ms27cba806' ||
    document.referrer?.match(/(?:https?:)?\/\/(?:kpl\.m|css|cs)\.jd\.com/i)
      ?.length ||
    (parseQueryUrlObj['sourceApp'] == 'jsb-m' &&
      parseQueryUrlObj['appCode'] === '') ||
    parseQueryUrlObj['tjChannel'] === 'tjm') 
  if (isH5AdnJxMini) {
    return 'jxxcx'
  } else if (isTJApp) {
    return 'tjapp'
  } else if (isTjM) {
    return 'tjm'
  } else if (isTjJxM) {
    return 'jxh5'
  }
  return ''
  START: 'start',
  MOVE: 'move',
  END: 'end',
  x: 0,
  y: 0,
  const startX = startPos.x
  const startY = startPos.y
  const endX = touchEvent.clientX
  const endY = touchEvent.clientY
  const dy = startY - endY
  const dx = endX - startX
  let result = 0
  if (Math.abs(dx) < 2 && Math.abs(dy) < 2) {
    return result
  }
  const angle = (Math.atan2(dy, dx) * 180) / Math.PI
  if (angle >= -45 && angle < 45) {
    result = 4
  } else if (angle >= 45 && angle < 135) {
    result = 1
  } else if (angle >= -135 && angle < -45) {
    result = 2
  } else if (
    (angle >= 135 && angle <= 180) ||
    (angle >= -180 && angle < -135)
  ) {
    result = 3
  }
  return result
  e: Event,
  touchType = TouchType.START,
  stopTouchDocumentScrollState = false,
  if (isJdApp && e) {
    const touchEvent = e?.originalEvent?.targetTouches[0] || e?.targetTouches[0]
    let _touchState = touchType
    let _getDirectionState = false
    if (touchType === TouchType.START) {
      StopNativeScrollEventPos.x = touchEvent.clientX
      StopNativeScrollEventPos.y = touchEvent.clientY
    } else if (touchType === TouchType.MOVE) {
      _getDirectionState = [1, 2].includes(
        touchMoveGetSlideDirection(StopNativeScrollEventPos, touchEvent),
      )
      if (_getDirectionState) {
        _touchState = TouchType.END
      }
      console.log(
        '对外提供阻止横滑方法，当前touchType为move,设定1、2向上或向下方向，当前计算后的滑动是否为纵向',
        _getDirectionState,
      )
    } else if (touchType === TouchType.END) {
      StopNativeScrollEventPos.x = 0
      StopNativeScrollEventPos.y = 0
    }
    isIosDevice
      ? iosDeviceStopNativeScrollEvent(
        e,
        _touchState,
        stopTouchDocumentScrollState,
      )
      : androidDeviceStopNativeScrollEvent(
        _touchState,
        stopTouchDocumentScrollState,
      )
    if (
      !isAppHomeForMarketPage &&
      stopTouchDocumentScrollState &&
      _touchState === TouchType.START
    ) {
      rootEleNode && rootEleNode.classList.add('over-hidden')
    }
    if (_touchState === TouchType.MOVE && _getDirectionState) {
      rootEleNode &&
      rootEleNode.classList.contains('over-hidden') &&
      rootEleNode.classList.remove('over-hidden')
    } else if (_touchState === TouchType.END) {
      setTimeout(
        () => {
          rootEleNode &&
          rootEleNode.classList.contains('over-hidden') &&
          rootEleNode.classList.remove('over-hidden')
        },
        isAppHomeForMarketPage || _getDirectionState ? 0 : 200,
      )
    }
  }
  touchType = TouchType.START,
  stopTouchDocumentScrollState = false,
  isJdApp &&
  touchType !== TouchType.MOVE &&
  isAndroidDevice &&
  window?.JdAndroid &&
  window?.JdAndroid.requestEvent(touchType === TouchType.START)
  console.log(
    '对外提供阻止安卓横滑方法,true-禁止外部事件H5可滑动，false-外部拦截h5事件，当前touchType为',
    touchType,
    '当前非move触发requestEvent状态为',
    touchType === TouchType.START,
    '当前stopTouchDocumentScrollState为',
    stopTouchDocumentScrollState,
  )
  e,
  touchType = TouchType.START,
  stopTouchDocumentScrollState = false,
  e && e.stopPropagation()
  console.log(
    '对外提供阻止ios横滑方法，当前touchType为',
    touchType,
    '当前stopTouchDocumentScrollState为',
    stopTouchDocumentScrollState,
  )
  window?.webkit?.messageHandlers?.MobileNavi?.postMessage?.({
    method: 'callRouterModuleWithParams',
    params: {
      routerURL: 'router://JDShopModule/processShoph5SlideState',
      routerParam: {
        slideDirection: 'horizontal',
        state: touchType,
      },
      callBackId: new Date().getTime(),
    },
  })
  if (isH5AndJdShopView) {
    return (
      CHANNEL_TYPE[currentChannel] ||
      CHANNEL_TYPE[JDShopViewBusinessPathType.HOME]
    )
  }
  return null
  isH5 &&
  isJdApp &&
  [
    '/app/home',
    '/app/classify',
    '/member/shopcard',
    '/favorite/list',
    '/favorite/home',
  ].includes(urlPathname)
  isH5 && isJdApp && !['/app/home'].includes(urlPathname)
  ['/app/home'].includes(urlPathname) &&
  menuObj.tabActiveType != SECTION_HOME_TAB_TYPE.HOME_PROMOTION &&
  menuObj.tabActiveType != SECTION_HOME_TAB_TYPE.HOME_MEMBER
  isAppHomePage && parseQueryUrlObj['source'] === 'app-marketing'
  isH5 &&
  isAppHomePage &&
  versionCompare(
    jdAppVersion?.full ? jdAppVersion.full : '',
    isH5AndJdShopViewH5ScrollVersion,
  ) >= 0
  compareVersion,
  nowVersion = jdAppVersionStr,
  return isJdApp ? versionCompare(nowVersion, compareVersion) : -2
  getSgmReadyPromise()
    .then(() => {
      if (
        customObj.hasOwnProperty('code') &&
        customObj.code.indexOf(NO_ENVIRONMENT_AND_PAGE_TYPE_FLAG) !== -1
      ) {
        const originCode = customObj.code.substring(
          NO_ENVIRONMENT_AND_PAGE_TYPE_FLAG.length,
          customObj.code.length,
        )
        customObj['code'] = getSgmCustomCode(
          handleSgmCodeTaroVersion(originCode),
        )
      }
      const getCustomObj = {
        type: 1, 
        code: 'all', 
        cost1: 1, 
        ...customObj,
      }
      try {
        window.__sgm__.custom(getCustomObj, '9HwAEg@fTtWBB3EnwA5VgLT')
      } catch (e) {
        console.log('当前sgm上报异常, 原始数据为', JSON.stringify(customObj))
      }
    })
    .catch(() => {
      console.error(
        '当前页面sgm加载异常，无法进行异常上报, 原始数据为',
        JSON.stringify(customObj),
      )
    })
  customContextObj = {},
  customMetricsObj = {},
  name?,
  try {
    await getNewDraSdkReadyPromise()
    const draBurypointFlag = name ?? DraBuryPointFlags.BUSINESS
    const commonObj = {
      shopId: `${global.info.queryInfo.shopId || ''}`,
      venderId: `${global.info.queryInfo.venderId || ''}`,
      taroRenderVersion: window?.taroRenderVersion, 
      environmentType: getEnvironmentType(),
      pageType: getPageType(),
    }
    try {
      window.dra.sendCustomEvent(
        {
          name: draBurypointFlag,
          metrics: {
            timeStamp: Date.now(), 
            ...customMetricsObj,
          },
          context: {
            ...commonObj,
            ...customContextObj,
          },
        },
        true,
      )
    } catch (e) {
      console.error(
        '当前新版烛龙sdk上报异常, 原始数据为',
        JSON.stringify({ ...customContextObj, ...customMetricsObj }),
        'e',
        e,
      )
    }
  } catch (e) {
    console.error(
      '当前页面新版烛龙sdk加载异常，无法进行异常上报, 原始数据为',
      JSON.stringify({ ...customContextObj, ...customMetricsObj }),
      'e',
      e,
    )
  }
  customContextObj = {},
  customMetricsObj = {},
  draCustomReport(customContextObj, customMetricsObj, DraBuryPointFlags.REMOTE)
  customContextObj = {},
  customMetricsObj = {},
  draCustomReport(
    customContextObj,
    customMetricsObj,
    DraBuryPointFlags.INTERFACE,
  )
  customContextObj = {},
  customMetricsObj = {},
  draCustomReport(
    customContextObj,
    customMetricsObj,
    DraBuryPointFlags.BUSINESS,
  )
  if (isJdAndAndroidDevice && typeof displayObj === 'object') {
    const deviceRatio = window?.devicePixelRatio
    Object.keys(displayObj).forEach((key) => {
      if (key === 'nativeHeaderHeight') {
        displayObj[key] = Math.ceil(
          displayObj[key] / (deviceRatio * deviceRatio) - 2,
        ) 
      } else {
        displayObj[key] = Math.ceil(displayObj[key] / deviceRatio)
      }
    })
  }
  return displayObj
  isJdAndAndroidDevice && /TBS\/\d+/.test(window?.navigator?.userAgent)
  jdAppVersionCompare(MPAAS_CONFIG_APP_VERSION) >= 0
+import {
  isApp,
  isIOS,
  getAppVersion,
  version,
  getUUID,
  getUrlQuery,
  assign,
  isString,
  isObject,
  serialize,
  isAndroid,
  versionCompare,
  isIPad,
  CHANNEL_TYPE,
  JDShopViewBusinessPathType,
  SECTION_HOME_TAB_NAME_TYPE,
  SECTION_HOME_TAB_TYPE,
  DraBuryPointFlags,
  MPAAS_CONFIG_APP_VERSION,
  new Promise((resolve, reject) => {
    if (window?.__sgm__) {
      resolve(true);
    } else {
      if (isSgmReadyError) {
        console.log('当前sgm初始化失败');
        reject(false);
      } else {
        ready('__sgm__', 2000)
          .then(() => {
            isSgmReadyError = false;
            console.log('当前sgm初始化成功');
            resolve(true);
          })
          .catch(() => {
            isSgmReadyError = true;
            console.log('当前sgm初始化失败');
            reject(false);
          });
      }
    }
  });
  console.log(message);
  reject(new Error(message));
  return ready('dra', 2000)
    .then(() => {
      isNewDraSdkReadyError = false;
      console.log('当前新版烛龙sdk初始化成功');
      return true;
    })
    .catch(() => {
      isNewDraSdkReadyError = true;
      throw new Error('当前新版烛龙sdk初始化失败');
    });
  return new Promise((resolve, reject) => {
    if (window?.dra) {
      resolve(true);
    } else if (isNewDraSdkReadyError) {
      logAndReject('当前新版烛龙sdk初始化失败', reject);
    } else {
      initializeDraSdk()
        .then(resolve)
        .catch((error) => logAndReject(error.message, reject));
    }
  });
  try {
    return JSON.parse(decodeURIComponent(getUrlQuery('cookie')));
  } catch (e) {
    return {};
  }
  window.shopGlobalSwitch?.isH5AndJdShopViewH5ScrollVersion || '';
  !!document.getElementById('mallType') &&
  !!document.getElementById('pageInstance_id') &&
  !!document.getElementById('pageInstance_appId');
  isTjScence &&
  isWxMiniH5View &&
  (urlCookie['wxapp_type'] == '2' ||
    cookie.get('wxapp_type') == '2' ||
    parseQueryUrlObj['tjChannel'] === 'jxxcx'); 
  isTjScence && isWxMiniH5View && parseQueryUrlObj['sourceApp'] === 'haowujie'; 
  isTjScence &&
  (parseQueryUrlObj['appCode'] === 'ms27cba806' ||
    document.referrer?.match(/(?:https?:)?\/\/(?:kpl\.m|css|cs)\.jd\.com/i)?.length ||
    (parseQueryUrlObj['sourceApp'] == 'jsb-m' && parseQueryUrlObj['appCode'] === '') ||
    parseQueryUrlObj['tjChannel'] === 'tjm'); 
  if (isH5AdnJxMini) {
    return 'jxxcx';
  } else if (isTJApp) {
    return 'tjapp';
  } else if (isTjM) {
    return 'tjm';
  } else if (isTjJxM) {
    return 'jxh5';
  }
  return '';
  START: 'start',
  MOVE: 'move',
  END: 'end',
  x: 0,
  y: 0,
  const startX = startPos.x;
  const startY = startPos.y;
  const endX = touchEvent.clientX;
  const endY = touchEvent.clientY;
  const dy = startY - endY;
  const dx = endX - startX;
  let result = 0;
  if (Math.abs(dx) < 2 && Math.abs(dy) < 2) {
    return result;
  }
  const angle = (Math.atan2(dy, dx) * 180) / Math.PI;
  if (angle >= -45 && angle < 45) {
    result = 4;
  } else if (angle >= 45 && angle < 135) {
    result = 1;
  } else if (angle >= -135 && angle < -45) {
    result = 2;
  } else if ((angle >= 135 && angle <= 180) || (angle >= -180 && angle < -135)) {
    result = 3;
  }
  return result;
  e: Event,
  touchType = TouchType.START,
  stopTouchDocumentScrollState = false,
  if (isJdApp && e) {
    const touchEvent = e?.originalEvent?.targetTouches[0] || e?.targetTouches[0];
    let _touchState = touchType;
    let _getDirectionState = false;
    if (touchType === TouchType.START) {
      StopNativeScrollEventPos.x = touchEvent.clientX;
      StopNativeScrollEventPos.y = touchEvent.clientY;
    } else if (touchType === TouchType.MOVE) {
      _getDirectionState = [1, 2].includes(
        touchMoveGetSlideDirection(StopNativeScrollEventPos, touchEvent),
      );
      if (_getDirectionState) {
        _touchState = TouchType.END;
      }
      console.log(
        '对外提供阻止横滑方法，当前touchType为move,设定1、2向上或向下方向，当前计算后的滑动是否为纵向',
        _getDirectionState,
      );
    } else if (touchType === TouchType.END) {
      StopNativeScrollEventPos.x = 0;
      StopNativeScrollEventPos.y = 0;
    }
    isIosDevice
      ? iosDeviceStopNativeScrollEvent(e, _touchState, stopTouchDocumentScrollState)
      : androidDeviceStopNativeScrollEvent(_touchState, stopTouchDocumentScrollState);
    if (
      !isAppHomeForMarketPage &&
      stopTouchDocumentScrollState &&
      _touchState === TouchType.START
    ) {
      rootEleNode && rootEleNode.classList.add('over-hidden');
    }
    if (_touchState === TouchType.MOVE && _getDirectionState) {
      rootEleNode &&
        rootEleNode.classList.contains('over-hidden') &&
        rootEleNode.classList.remove('over-hidden');
    } else if (_touchState === TouchType.END) {
      setTimeout(
        () => {
          rootEleNode &&
            rootEleNode.classList.contains('over-hidden') &&
            rootEleNode.classList.remove('over-hidden');
        },
        isAppHomeForMarketPage || _getDirectionState ? 0 : 200,
      );
    }
  }
  touchType = TouchType.START,
  stopTouchDocumentScrollState = false,
  isJdApp &&
    touchType !== TouchType.MOVE &&
    isAndroidDevice &&
    window?.JdAndroid &&
    window?.JdAndroid.requestEvent(touchType === TouchType.START);
  console.log(
    '对外提供阻止安卓横滑方法,true-禁止外部事件H5可滑动，false-外部拦截h5事件，当前touchType为',
    touchType,
    '当前非move触发requestEvent状态为',
    touchType === TouchType.START,
    '当前stopTouchDocumentScrollState为',
    stopTouchDocumentScrollState,
  );
  e,
  touchType = TouchType.START,
  stopTouchDocumentScrollState = false,
  e && e.stopPropagation();
  console.log(
    '对外提供阻止ios横滑方法，当前touchType为',
    touchType,
    '当前stopTouchDocumentScrollState为',
    stopTouchDocumentScrollState,
  );
  window?.webkit?.messageHandlers?.MobileNavi?.postMessage?.({
    method: 'callRouterModuleWithParams',
    params: {
      routerURL: 'router://JDShopModule/processShoph5SlideState',
      routerParam: {
        slideDirection: 'horizontal',
        state: touchType,
      },
      callBackId: new Date().getTime(),
    },
  });
  if (isH5AndJdShopView) {
    return CHANNEL_TYPE[currentChannel] || CHANNEL_TYPE[JDShopViewBusinessPathType.HOME];
  }
  return null;
  isH5 &&
  isJdApp &&
  ['/app/home', '/app/classify', '/member/shopcard', '/favorite/list', '/favorite/home'].includes(
    urlPathname,
  );
  isH5 && isJdApp && !['/app/home'].includes(urlPathname);
  ['/app/home'].includes(urlPathname) &&
  menuObj.tabActiveType != SECTION_HOME_TAB_TYPE.HOME_PROMOTION &&
  menuObj.tabActiveType != SECTION_HOME_TAB_TYPE.HOME_MEMBER;
  isAppHomePage && parseQueryUrlObj['source'] === 'app-marketing';
  isH5 &&
  isAppHomePage &&
  versionCompare(jdAppVersion?.full ? jdAppVersion.full : '', isH5AndJdShopViewH5ScrollVersion) >=
    0;
  return isJdApp ? versionCompare(nowVersion, compareVersion) : -2;
  getSgmReadyPromise()
    .then(() => {
      if (
        customObj.hasOwnProperty('code') &&
        customObj.code.indexOf(NO_ENVIRONMENT_AND_PAGE_TYPE_FLAG) !== -1
      ) {
        const originCode = customObj.code.substring(
          NO_ENVIRONMENT_AND_PAGE_TYPE_FLAG.length,
          customObj.code.length,
        );
        customObj['code'] = getSgmCustomCode(handleSgmCodeTaroVersion(originCode));
      }
      const getCustomObj = {
        type: 1, 
        code: 'all', 
        cost1: 1, 
        ...customObj,
      };
      try {
        window.__sgm__.custom(getCustomObj, '9HwAEg@fTtWBB3EnwA5VgLT');
      } catch (e) {
        console.log('当前sgm上报异常, 原始数据为', JSON.stringify(customObj));
      }
    })
    .catch(() => {
      console.error('当前页面sgm加载异常，无法进行异常上报, 原始数据为', JSON.stringify(customObj));
    });
  try {
    await getNewDraSdkReadyPromise();
    const draBurypointFlag = name ?? DraBuryPointFlags.BUSINESS;
    const commonObj = {
      shopId: `${global.info.queryInfo.shopId || ''}`,
      venderId: `${global.info.queryInfo.venderId || ''}`,
      taroRenderVersion: window?.taroRenderVersion, 
      environmentType: getEnvironmentType(),
      pageType: getPageType(),
    };
    try {
      window.dra.sendCustomEvent(
        {
          name: draBurypointFlag,
          metrics: {
            timeStamp: Date.now(), 
            ...customMetricsObj,
          },
          context: {
            ...commonObj,
            ...customContextObj,
          },
        },
        true,
      );
    } catch (e) {
      console.error(
        '当前新版烛龙sdk上报异常, 原始数据为',
        JSON.stringify({ ...customContextObj, ...customMetricsObj }),
        'e',
        e,
      );
    }
  } catch (e) {
    console.error(
      '当前页面新版烛龙sdk加载异常，无法进行异常上报, 原始数据为',
      JSON.stringify({ ...customContextObj, ...customMetricsObj }),
      'e',
      e,
    );
  }
  draCustomReport(customContextObj, customMetricsObj, DraBuryPointFlags.REMOTE);
  draCustomReport(customContextObj, customMetricsObj, DraBuryPointFlags.INTERFACE);
  draCustomReport(customContextObj, customMetricsObj, DraBuryPointFlags.BUSINESS);
  if (isJdAndAndroidDevice && typeof displayObj === 'object') {
    const deviceRatio = window?.devicePixelRatio;
    Object.keys(displayObj).forEach((key) => {
      if (key === 'nativeHeaderHeight') {
        displayObj[key] = Math.ceil(displayObj[key] / (deviceRatio * deviceRatio) - 2); 
      } else {
        displayObj[key] = Math.ceil(displayObj[key] / deviceRatio);
      }
    });
  }
  return displayObj;
  isJdAndAndroidDevice && /TBS\/\d+/.test(window?.navigator?.userAgent);
  try {
    const draBurypointFlag = name ?? DraBuryPointFlags.DECOSDM;
    try {
      let dra = null;
      const iframe = window?.top?.document?.getElementsByTagName('iframe')[0];
      if (iframe && iframe.contentWindow) {
        dra = iframe.contentWindow?.dra;
      }
      if (window.dra) {
        dra = window.dra;
      }
      dra &&
        dra.sendCustomEvent(
          {
            name: draBurypointFlag,
            metrics: {
              timeStamp: Date.now(), 
            },
            context: {
              ...customContextObj,
            },
          },
          true,
        );
    } catch (e) {
      console.error(
        '当前新版烛龙sdk上报异常, 原始数据为',
        JSON.stringify({ ...customContextObj }),
        'e',
        e,
      );
    }
  } catch (e) {
    console.error(
      '当前页面新版烛龙sdk加载异常，无法进行异常上报, 原始数据为',
      JSON.stringify({ ...customContextObj }),
      'e',
      e,
    );
  }