@conecli/cone-render 0.8.19 → 0.8.20-beta.2

package/dist/utils/h5Utils.ts

@@ -1 +1 @@
-import {
    isApp,
    isIOS,
    getAppVersion,
    version,
    getUUID,
    getUrlQuery,
    assign,
    isString,
    isObject,
    serialize,
    isAndroid,
    CHANNEL_TYPE,
    JDShopViewBusinessPathType,
    JDShopViewBusinessPathList,
    SECTION_HOME_TAB_NAME_TYPE,
    parseQueryUrlString(window?.location?.href ?? ''),
    try {
        return JSON.parse(decodeURIComponent(getUrlQuery('cookie')))
    } catch (e) {
        return {}
    }
    isWxMiniH5View && urlCookie['wxapp_type'] == '1' 
    if (isJdApp) {
        isIosDevice
            ? e && e.stopPropagation()
            : androidDeviceStopNativeScrollEvent(state)
    }
    isJdApp &&
        isAndroidDevice &&
        window?.JdAndroid &&
        window?.JdAndroid.requestEvent(state)
    if (isH5AndJdShopView) {
        return (
            CHANNEL_TYPE[currentChannel] ||
            CHANNEL_TYPE[JDShopViewBusinessPathType.HOME]
        )
    }
    return null
    isH5 && ['/app/home', '/app/classify'].includes(urlPathname)
+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));
    }
  });
  rootEleInitWidth = 0,
  screenWidth = 0,
  screenHeight = 0,
  if (rootEleInitWidth > 0 && screenWidth > 0 && screenHeight > 0) {
    const isRootEleWidthEqScreenWidth = Math.abs(rootEleInitWidth - screenWidth) < 60;
    const getThisWinWidth = rootEleInitWidth;
    const getThisWinHeight = isRootEleWidthEqScreenWidth ? screenHeight : screenWidth;
    console.info(
      '通过rootEleInitWidth对比屏幕宽高确认横竖屏幕方式',
      'rootEleInitWidth',
      rootEleInitWidth,
      'screenWidth',
      screenWidth,
      'screenHeight',
      screenHeight,
      'isRootEleWidthEqScreenWidth(根元素宽度是否与屏幕本身宽度接近，主要是ios屏幕宽高不变)',
      isRootEleWidthEqScreenWidth,
      'getThisWinWidth',
      getThisWinWidth,
      'getThisWinHeight',
      getThisWinHeight,
      '是否是横屏',
      getThisWinWidth > getThisWinHeight,
      '通过window.screen?.orientation?.type方式获取当前pad屏幕是否是横屏,带有landscape为横屏',
      window.screen?.orientation?.type,
    );
    return getThisWinWidth > getThisWinHeight;
  } else {
    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 {};
  }
  isWxMiniH5View && (/wx91d27dbf599dff74/i.test(userAgent) || urlCookie['wxapp_type'] == '1');
  'harmony' === (userAgent.split(';')[1] || '').toLowerCase() || /arkweb/i.test(userAgent); 
  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', '/app/homeV2'].includes(urlPathname);
  ['/app/home', '/app/homeV2'].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.info(
        '当前新版烛龙sdk上报异常, 原始数据为',
        JSON.stringify({ ...customContextObj, ...customMetricsObj }),
        'e',
        e,
      );
    }
  } catch (e) {
    console.info(
      '当前页面新版烛龙sdk加载异常，无法进行异常上报, 原始数据为',
      JSON.stringify({ ...customContextObj, ...customMetricsObj }),
      'e',
      e,
    );
  }
  try {
    await getNewDraSdkReadyPromise();
    const commonObj = {
      shopId: `${global.info.queryInfo?.shopId || ''}`,
      venderId: `${global.info.queryInfo?.venderId || ''}`,
      taroRenderVersion: window?.taroRenderVersion, 
      environmentType: getEnvironmentType(),
      pageType: getPageType(),
      url: encodeURIComponent(window?.location?.href),
    };
    try {
      window.dra.sendCustomLogEvent({
        level,
        content: logContent || '日志上报',
        extra: JSON.stringify(commonObj),
        timeStamp: Date.now(),
      });
    } catch (e) {
      console.info('日志等级', level, '当前新版烛龙sdk上报异常, 原始数据为', logContent, 'e', e);
    }
  } catch (e2) {
    console.info('日志等级', level, '当前新版烛龙sdk上报异常, 原始数据为', logContent, 'e', e2);
  }
  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');
  rootEleNode &&
  !rootEleNode.classList.contains('d-shop-lang-for-hk') &&
  rootEleNode.classList.add('d-shop-lang-for-hk');
  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.info(
        '当前新版烛龙sdk上报异常, 原始数据为',
        JSON.stringify({ ...customContextObj }),
        'e',
        e,
      );
    }
  } catch (e) {
    console.info(
      '当前页面新版烛龙sdk加载异常，无法进行异常上报, 原始数据为',
      JSON.stringify({ ...customContextObj }),
      'e',
      e,
    );
  }