@conecli/cone-render 0.10.1-shop-beta.5 → 0.10.1-shop-beta.7

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,
  parseQueryUrlObj,
  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)
      })
    }
  }
    try {
        return JSON.parse(decodeURIComponent(getUrlQuery('cookie')))
    } catch (e) {
        return {}
    }
    isWxMiniH5View && urlCookie['wxapp_type'] == '1' 
  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
  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)
    }
  }
  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 && 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)
  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))
  })
  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
+import {
  isApp,
  isIOS,
  getAppVersion,
  version,
  getUUID,
  getUrlQuery,
  assign,
  isString,
  isObject,
  serialize,
  isAndroid,
  versionCompare,
  isIPad,
  isTablet, 
  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));
    }
  });
  if (window.screen?.orientation?.type) {
    console.info(
      '通过window.screen?.orientation?.type方式获取当前pad屏幕是否是横屏',
      window.screen?.orientation?.type,
      '测试低版本通过window?.orientation方式获取当前pad屏幕是否是横屏,角度[90, -90]',
      window?.orientation,
    );
    return /landscape/i.test(window.screen.orientation.type);
  } else if (window?.orientation) {
    console.info(
      '通过window?.orientation方式获取当前pad屏幕是否是横屏,角度[90, -90]',
      window?.orientation,
    );
    return [90, -90].includes(window?.orientation);
  } else {
    console.info(
      '通过window.matchMedia((orientation: landscape))?.matches方式获取当前pad屏幕是否是横屏',
      window.matchMedia('(orientation: landscape)')?.matches,
    );
    return window.matchMedia('(orientation: landscape)')?.matches;
  }
  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 &&
    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/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 ?? 2;
    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);
  rootEleNode &&
  !rootEleNode.classList.contains('d-shop-lang-for-en') &&
  rootEleNode.classList.add('d-shop-lang-for-en');
  customContextObj = {},
  customMetricsObj = {},
  name?,
  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,
    );
  }