@conecli/cone-render 0.10.1-shop-beta.35 → 0.10.1-shop-beta.36

package/dist/utils/index.h5.ts

@@ -1 +1 @@
-import Taro from '@tarojs/taro';
  stopNativeScrollEvent,
  getAppChannelType,
  isAndroidDevice,
  isHarmonyDevice,
  isH5AndJdShopView,
  isChartH5,
  isH5AndJdShopViewNativeScroll,
  isIosDevice,
  isJdAndAndroidDevice,
  isJdAndIosDevice,
  isJdApp,
  isWxApp,
  isWxMiniH5View,
  isJdAndHarmonyDevice,
  isNewHarmonyShop,
  isH5AndJingGouMini,
  urlCookie,
  draCustomReport,
  remoteCustomReport,
  draInterfaceCustomReport,
  draBusinessCustomReport,
  draBusinessCustomLogReport,
  isMemberPage,
  isH5AndJdShopViewH5Scroll,
  isH5AndJdShopH5CustomScrollView,
  isAppClassifyPage,
  isAppHomeForMarketPage,
  isPc,
  isPcClassifyPage,
  ipLoc_djd,
  jdAppVersionCompare,
  isTjScence,
  isH5AdnJxMini,
  isTjM,
  isTjJxM,
  isTJApp,
  isH5AdnHaoWuJie,
  tjChannel,
  dealNativePixelToCssPixel,
  isAppStowShop,
  isJdAndroidX5Core,
  parseQueryUrlObj,
  isIpadDevice,
  isTabletDevice,
  checkPadScreenOrientationIsLandscape,
  isSupportHybridHttpRequest,
  isLanguageForEn,
  sColor,
  isInJdShopView,
  isDongWebView,
  isLanguageForHk,
  languageNowType,
  isAscfApp,
  isInJdAppH5DebugMode,
  isJdLiteApp,
  isJdAppForNotMain,
  addHttps,
  clearTaroStorageKey,
  countStringify as h5CountStringify,
  dateFormat,
  dealAddress,
  dealShopContentData as originDealShopContentData,
  debounce,
  filterUrlQueryData,
  formatTabActiveMenuType,
  getAvifSupport,
  getWebpSupport,
  getTaroStorageKeyValue,
  getWxAppCookieStr,
  isH5,
  isMin,
  isJdMin,
  isWxMin,
  isWxMinAndWxapp,
  isJdMinAndHarmony,
  lodashThrottle,
  objectToUrlEncode,
  parseQueryUrlString,
  removeTaroStorageKey,
  setLowSmallPicUrl,
  setTaroStorage,
  showFailToast,
  showNormalToast,
  showSuccessToast,
  sliceArrToChunkList,
  throttle,
  getQualityImageNew,
  getQualityImageOld,
  isOpenJdAppUrl,
  jdOpenAppParams,
  createJdOpenAppUrl,
  isEmpty,
  getJdAppReportPageSource,
  dealJdOpenAppData,
  getBorderStyle,
  isInHarmonyBlacklistByModuleFlag,
  const getNum = Number(num);
  let _changeLayoutWidth = layoutWidth;
  if (!_changeLayoutWidth) {
    _changeLayoutWidth =
      _ShopSystemInfo && _ShopSystemInfo?.windowWidth
        ? _ShopSystemInfo.windowWidth
        : Taro.getSystemInfoSync()?.windowWidth;
  }
  return _ShopSystemInfo?.isJdTabletDevice && !layoutWidth
    ? Math.floor(getNum * (newFlexPad ? newFlexPadScale : 1.2 * (_changeLayoutWidth / 720)))
    : Math.round((getNum / widthSize) * _changeLayoutWidth);
  const getNum = Number(num);
  return newFlexPad ? Math.floor(getNum * newFlexPadScale) : pxTransformFromData(num, widthSize, layoutWidth);
  const getRootFontSize = newFlexPad ? 20 * newFlexPadScale : (40 * (systemInfo?.windowWidth ?? _ShopSystemInfo.windowWidth)) / 750;
  let getRealRootFontSize = getRootFontSize > 40 ? 40 : getRootFontSize < 20 ? 20 : getRootFontSize;
  if (_ShopSystemInfo?.isJdTabletDevice && !newFlexPad) {
    getRealRootFontSize = Math.floor(
      24 * ((systemInfo?.windowWidth ?? _ShopSystemInfo.windowWidth) / 720),
    );
  }
  return Math.ceil(
    (((parseInt(String(changeSize), 10) / 40) * 750) / designWidth) * getRealRootFontSize,
  );
  console.log(
    '获取系统宽度systemInfo?.windowWidth',
    systemInfo?.windowWidth,
    'taroToTransformRoutimePXNumber(changeWidth)',
    taroToTransformRoutimePXNumber(changeWidth, 750, systemInfo),
  );
  return buildType === BUILD_TYPE.CLASSIFY && systemInfo?.windowWidth
    ? systemInfo?.windowWidth - taroToTransformRoutimePXNumber(changeWidth, 750, systemInfo)
    : (systemInfo?.windowWidth ?? 0);
  const systemInfo = _ShopSystemInfo || Taro.getSystemInfoSync();
  console.log(
    '获取系统宽度systemInfo?.windowWidth',
    systemInfo?.windowWidth,
    'taroToTransformRoutimePXNumber(changeWidth)',
    taroToTransformRoutimePXNumber(changeWidth, 750, systemInfo),
  );
  const containerWidth =
    isClassify && systemInfo?.windowWidth
      ? systemInfo?.windowWidth - taroToTransformRoutimePXNumber(changeWidth, 750, systemInfo)
      : (systemInfo?.windowWidth ?? 0);
  if (global?.info?.sysInfo) {
    global.info.sysInfo['containerWidth'] = containerWidth;
  }
  return newFlexPad
    ? Math.min(rootEleWidth, window.screen.height) >= 600
    : isJdApp &&
        (parseQueryUrlObj['device'] === 'tablet' ||
          Math.min(rootEleWidth, window.screen.height) >= 720);
  const systemInfo: any = Taro.getSystemInfoSync();
  if (params && params?.pageWidth && params?.pageHeight) {
    systemInfo.windowWidth = params?.pageWidth;
    systemInfo.windowHeight = params?.pageHeight;
    console.warn('松果app内获取重置系统信息宽度值', params, ',systemInfo信息集合为', systemInfo);
  } else {
    if (isPc) {
      systemInfo.windowWidth = 375;
    } else {
      const getWinWidth = window.innerWidth;
      const getWinHeight = window.innerHeight;
      const getScreenWidth = window.screen.width;
      const getScreenHeight = window.screen.height;
      const getRootEleInitWidth = params?.rootEleInitWidth || 0;
      const isReplaceSystemWidth = params?.replaceSystemWidth || false;
      systemInfo.isJdTabletDevice = checkIsJdTabletDevice(getRootEleInitWidth);
      systemInfo.isJdTabletLandscape =
        systemInfo.isJdTabletDevice &&
        checkPadScreenOrientationIsLandscape(getRootEleInitWidth, getScreenWidth, getScreenHeight);
      if (!systemInfo.isJdTabletDevice && isReplaceSystemWidth) {
        if (systemInfo?.windowWidth <= 0) {
          systemInfo.windowWidth = Math.min(getRootEleInitWidth, getScreenWidth);
          systemInfo.windowHeight = getScreenHeight;
          console.warn(
            '====初始化获取当前设备不是pad，但是触发屏幕宽高最小值600，系统获取宽度为0，进行重置系统宽度为根元素宽度与屏幕宽度最小值====',
            systemInfo.windowWidth,
            'getRootEleInitWidth',
            getRootEleInitWidth,
            'getScreenWidth',
            getScreenWidth,
            'getScreenHeight',
            getScreenHeight,
          );
          draBusinessCustomReport({
            eventName: 'business',
            errorName: 'jdapp_pad_width_error_info',
            errorMessage: `松果app内获取当前设备不是pad,触发屏幕宽高最小值600,系统信息宽度为0，进行重置,通过window获取的结果,getWinWidth:${getWinWidth},getScreenWidth: ${getScreenWidth},getWinHeight:${getWinHeight},getScreenHeight: ${getScreenHeight},根元素宽度值：${getRootEleInitWidth}`,
            extraData: JSON.stringify({
              isJdApp,
              isAndroidDevice,
              getScreenWidth,
              getScreenHeight,
              getWinWidth,
              getWinHeight,
              getRootEleInitWidth,
            }),
          });
        }
      } else {
        if (isJdApp && isAndroidDevice && !systemInfo.isJdTabletDevice && systemInfo) {
          const isLandscape = getScreenWidth >= getScreenHeight;
          const { windowWidth, windowHeight, screenWidth, screenHeight } = systemInfo;
          if (windowWidth <= 0) {
            systemInfo.initWindowWidth = windowWidth;
            if (isLandscape) {
              systemInfo.windowWidth = getScreenHeight;
              systemInfo.windowHeight = getScreenWidth;
              systemInfo.screenWidth = getScreenHeight;
              systemInfo.screenHeight = getScreenWidth;
            } else {
              systemInfo.windowWidth = getScreenWidth;
              systemInfo.windowHeight = getScreenHeight;
              systemInfo.screenWidth = getScreenWidth;
              systemInfo.screenHeight = getScreenHeight;
            }
            console.warn(
              `松果安卓app内获取系统信息宽度异常为小于等于0,是否为横屏${isLandscape}，进行重置,taro获取窗口宽度值${windowWidth},重置后的宽度值${systemInfo.windowWidth},taro获取窗口高度值${windowHeight},重置后的高度值${systemInfo.windowHeight},根元素宽度值${getRootEleInitWidth}`,
            );
            draBusinessCustomReport({
              eventName: 'UIInteract',
              errorName: 'android_jdapp_width_error_info',
              errorMessage: `松果安卓app内获取系统信息宽度为小于等于0，是否为横屏${isLandscape},进行重置,通过window获取的结果,getWinWidth:${getWinWidth},getScreenWidth: ${getScreenWidth},getWinHeight:${getWinHeight},getScreenHeight: ${getScreenHeight},根元素宽度值：${getRootEleInitWidth}`,
              extraData: JSON.stringify({
                isJdApp,
                initData: `Taro.getSystemInfo获取窗口宽度值${windowWidth},高度值${windowHeight},获取屏幕宽度值${screenWidth},高度值${screenHeight}`,
                getScreenWidth,
                getScreenHeight,
                getWinWidth,
                getWinHeight,
                getRootEleInitWidth,
              }),
            });
          } else {
            let _getChangeWinWidthState = false;
            if (getWinWidth > 0 && windowWidth > 0 && windowWidth > getWinWidth) {
              if (isLandscape) {
                systemInfo.windowWidth = getScreenHeight;
                systemInfo.windowHeight = getScreenWidth;
                systemInfo.screenWidth = getScreenHeight;
                systemInfo.screenHeight = getScreenWidth;
              } else {
                systemInfo.windowWidth = getScreenWidth;
                systemInfo.windowHeight = getScreenHeight;
                systemInfo.screenWidth = getScreenWidth;
                systemInfo.screenHeight = getScreenHeight;
              }
              _getChangeWinWidthState = true;
            }
            _getChangeWinWidthState &&
              console.warn(
                `松果安卓app内获取系统信息宽度异常，是否为横屏${isLandscape},进行重置,taro获取窗口宽度值${windowWidth},重置后的宽度值${systemInfo.windowWidth},taro获取屏幕宽度值${screenWidth},重置后的宽度值${systemInfo.screenWidth}`,
              );
            if (_getChangeWinWidthState) {
              draBusinessCustomReport({
                eventName: 'business',
                errorName: 'android_jdapp_width_error_info_2',
                errorMessage: `松果安卓app内获取系统信息宽度异常，是否为横屏${isLandscape},进行重置,通过window获取的结果,getWinWidth:${getWinWidth},getScreenWidth: ${getScreenWidth},getWinHeight:${getWinHeight},getScreenHeight: ${getScreenHeight},根元素宽度值：${getRootEleInitWidth}`,
                extraData: JSON.stringify({
                  isJdApp,
                  initData: `Taro.getSystemInfo获取窗口宽度值${windowWidth},高度值${windowHeight},获取屏幕宽度值${screenWidth},高度值${screenHeight}`,
                  getScreenWidth,
                  getScreenHeight,
                  getWinWidth,
                  getWinHeight,
                  getRootEleInitWidth,
                }),
              });
            }
          }
        }
      }
      
      if (systemInfo.isJdTabletDevice) {
        systemInfo.windowWidth = Math.min(getRootEleInitWidth, getScreenWidth, getScreenHeight);
        systemInfo.windowHeight = Math.max(getScreenWidth, getScreenHeight);
        if (systemInfo.isJdTabletLandscape) {
          const getRenderCenterState = window?.PAGE_DATA?.businessData?.fitPadCenterRenderLowVersion
            ? jdAppVersionCompare(window.PAGE_DATA.businessData.fitPadCenterRenderLowVersion) < 0
            : false;
          if (getRenderCenterState && window?.PAGE_DATA) {
            window.PAGE_DATA.isFitJdPadRenderCenter = true;
          }
          if (window?.PAGE_DATA?.isFitJdPadRenderCenter) {
            systemInfo.windowWidth = Math.min(getRootEleInitWidth, getScreenWidth, getScreenHeight);
            systemInfo.windowHeight = Math.max(
              getRootEleInitWidth,
              getScreenWidth,
              getScreenHeight,
            );
          } else {
            systemInfo.windowWidth = Math.max(getRootEleInitWidth, getScreenWidth, getScreenHeight);
            systemInfo.windowHeight = Math.min(
              getRootEleInitWidth,
              getScreenWidth,
              getScreenHeight,
            );
          }
        }
        console.warn(
          '====初始化获取当前设备是否是平板设备，是否横屏====',
          systemInfo.isJdTabletDevice,
          systemInfo.isJdTabletLandscape,
          '屏幕信息',
          window.screen,
          'getScreenWidth',
          getScreenWidth,
          'getScreenHeight',
          getScreenHeight,
          'getRootEleInitWidth',
          getRootEleInitWidth,
          '当前是否要求居中展示，居中展示那么宽高值要对调',
          window?.PAGE_DATA?.isFitJdPadRenderCenter,
          '当前pad最终展示的窗口宽度',
          systemInfo.windowWidth,
        );
      }
    }
  }
  systemInfo['newFlexPad'] = newFlexPad;
  systemInfo['newFlexLargePad'] = newFlexPad && systemInfo.windowWidth >= 840;
  systemInfo['newFlexPadScale'] = newFlexPadScale;
  systemInfo['containerWidth'] = getContainerWidth(buildType, systemInfo);
  console.warn('====获取系统信息=====', systemInfo);
  return systemInfo;
  let result: boolean | null = null;
  return function () {
    if (result === null) {
      const appVersionCheckPass = jdAppVersionCompare(MPAAS_CONFIG_APP_VERSION) >= 0; 
      if (!isJdApp) {
        console.warn('🚗 ~~ file: utils.ts:191 站外H5默认打开图片优化~');
        isIgnoreOptimizeFromServer = true;
        result = true;
        return true;
      }
      const enableAvifOptimize = appVersionCheckPass; 
      if (enableAvifOptimize) {
        const configData = global?.getDynamicConfig('avifSwitch');
        const {
          globalOn = true,
          ignoreOptimizeFromServer = false,
          page = {},
          grayscale = {},
          whiteList = [],
          blackList = [],
        } = configData || {}; 
        const { shopId = '0', venderId = '0' } = parseQueryUrlObj;
        let imageEnableResult = true; 
        isIgnoreOptimizeFromServer = ignoreOptimizeFromServer;
        if (
          blackList.find((item) => item.sId === Number(shopId) || item.vId === Number(venderId))
        ) {
          imageEnableResult = false;
        } else if (
          whiteList.find((item) => item.sId === Number(shopId) || item.vId === Number(venderId))
        ) {
          isIgnoreOptimizeFromServer = true; 
          imageEnableResult = true;
        } else if (grayscale[buildType] && isInGrayscale(grayscale[buildType])) {
          isIgnoreOptimizeFromServer = true; 
          imageEnableResult = true;
        } else {
          imageEnableResult = globalOn === true || page[buildType] === true;
          if (globalOn === true) {
            isIgnoreOptimizeFromServer = true; 
          } else if (page[buildType] === true) {
          } else {
          }
        }
        result = imageEnableResult;
        return imageEnableResult;
      } else {
        result = false;
        return false;
      }
    } else {
      return result;
    }
  };
  if (typeof options === 'object' && isImageOptimizeEnable()) {
    return getQualityImageNew(imgUrl, options, isIgnoreOptimizeFromServer);
  } else {
    return getQualityImageOld(imgUrl, options);
  }
  const getSystemInfo = getSystemAndContainerWidthInfo(params) || {
    windowWidth: window.innerWidth,
    containerWidth: getContainerWidth(buildType, {
      windowWidth: window.innerWidth,
    }),
    screenWidth: window.innerWidth,
    platform: '',
    model: '',
    system: '',
  };
  return getSystemInfo;
  const params = Object.assign(
    {},
    {
      title: '',
      duration: 1500,
    },
    options,
  );
  params.duration = params.duration / 1000;
  if (
    isJdApp &&
    !isJdAppForNotMain &&
    !isJdAndHarmonyDevice &&
    !window?.PAGE_DATA?.businessData?.hideNativeToast
  ) {
    const showSuccessType = isIosDevice ? ToastIosType.SUCCESS : ToastAndroidType.SUCCESS;
    const duration = isAndroidDevice ? 0 : params.duration;
    nativePageShowToast(options.title, showSuccessType, duration);
    console.log('执行原生toast success');
  } else {
    showSuccessToast(options);
  }
  const params = Object.assign(
    {},
    {
      title: '',
      duration: 1500,
    },
    options,
  );
  params.duration = params.duration / 1000;
  if (isJdApp && !isJdAppForNotMain && !window?.PAGE_DATA?.businessData?.hideNativeToast) {
    const showSuccessType = isIosDevice ? ToastIosType.FAIL : ToastAndroidType.FAIL;
    const duration = isAndroidDevice ? 0 : params.duration;
    nativePageShowToast(options.title, showSuccessType, duration);
    console.log('执行原生toast fail');
  } else {
    console.log('执行H5 toast fail');
    showFailToast(options);
  }
  const params = Object.assign(
    {},
    {
      title: '',
      duration: 1500,
    },
    options,
  );
  params.duration = params.duration / 1000;
  if (isJdApp && !isJdAppForNotMain && !window?.PAGE_DATA?.businessData?.hideNativeToast) {
    const showSuccessType = isIosDevice ? ToastIosType.NORMAL : ToastAndroidType.NORMAL;
    const duration = isAndroidDevice ? 0 : params.duration;
    nativePageShowToast(options.title, showSuccessType, duration);
  } else {
    showNormalToast(options);
  }
  if (isLanguageForEn) {
    count = Number(count);
    if (count >= 1000000000) {
      return (count / 1000000000).toFixed(fixedNum) + 'B';
    } else if (count >= 1000000) {
      return (count / 1000000).toFixed(fixedNum) + 'M';
    } else if (count >= 1000) {
      return (count / 1000).toFixed(fixedNum) + 'K';
    } else {
      return count;
    }
  } else {
    return h5CountStringify(count, fixedNum, unit, maxNum);
  }
  const createLoadingEle = document.createElement('div');
  createLoadingEle.id = 'J_shopLoading';
  createLoadingEle.className = `d-shop-loading flexible-center-box ${customClassName}`;
  createLoadingEle.innerHTML = `<div class='d-loading-content'>
                                    <span class='d-shop-loading-icon'></span>
                                    <p class='d-shop-text'>${text}</p>
                                  </div>`;
  const getEle = document.body ? document.body : document.getElementsByTagName('body')[0];
  getEle.appendChild(createLoadingEle);
  const getEle = document.getElementById('J_shopLoading');
  getEle && getEle.remove();
  const systemInfo: UtilsInterFace.taroGetSystemInfoSyncRes = getReviseSystemInfo(params);
  if (!systemInfo.system && window) {
    systemInfo.system = window.navigator.userAgent;
    systemInfo.isChrome = !!systemInfo?.system.match(/chrome/i);
  }
  const isIOS = !!systemInfo?.system.match(/ios/i);
  const isAndroid = !!systemInfo?.system.match(/android/i);
  systemInfo.navBarHeight = 0;
  systemInfo.statusBarHeight = 0;
  systemInfo.capsulePosition = null;
  systemInfo.isIOS = isIOS; 
  systemInfo.isAndroid = isAndroid; 
  _ShopSystemInfo = systemInfo;
  return systemInfo;
  const result = originDealShopContentData(pageData, draBusinessCustomReport, isvdev);
  if (isJdAndHarmonyDevice && isNewHarmonyShop) {
    result.shopContentContainerListData = result.shopContentContainerListData.filter(
      (item) =>
        item.floors.length > 0 &&
        !isInHarmonyBlacklistByModuleFlag(item.containerId, result.shopContentContainerListData),
    );
  }
  return result;
  const numScale = Number(scale);
  if (isNaN(numScale)) {
    console.warn(
      `The 'scale' parameter of the 'isInGrayscale' function is invalid! Expected a number, but received ${scale}`,
    );
    return false;
  }
  const { venderId } = global.info.queryInfo || {};
  const id = venderId;
  if (!id && numScale !== 1) {
    return false;
  }
  const useScale = Math.max(0, Math.min(1, numScale));
  const isMatch = numScale === 1 || Math.floor(Number(id) % (1 / useScale)) === 0;
  if (reportKey) {
    console.log(
      `基于KEY[${reportKey}]的灰度调用1次~`,
      getSgmCustomCode(`${SgmCustomCode.GRAYSCALE}_${reportKey}_invoke`),
    );
    if (isMatch) {
      console.log(
        `基于KEY[${reportKey}]的命中1次灰度！`,
        getSgmCustomCode(`${SgmCustomCode.GRAYSCALE}_${reportKey}_hit`),
      );
    }
  }
  return isMatch;
  isJdApp,
  isWxApp,
  isIosDevice,
  isAndroidDevice,
  isHarmonyDevice,
  isJdAndIosDevice,
  isJdAndAndroidDevice,
  isJdAndHarmonyDevice,
  isNewHarmonyShop,
  isJdAndroidX5Core,
  isMin,
  isWxMin,
  isWxMinAndWxapp,
  isJdMinAndHarmony,
  isJdMin,
  isH5,
  isH5AndJdShopView,
  isChartH5,
  isH5AndJdShopViewNativeScroll,
  isH5AndJdShopViewH5Scroll,
  isH5AndJdShopH5CustomScrollView,
  isH5AndJingGouMini,
  isWxMiniH5View,
  isAscfApp,
  urlCookie,
  sliceArrToChunkList,
  dealAddress,
  objectToUrlEncode,
  parseQueryUrlString,
  setLowSmallPicUrl,
  setTaroStorage,
  getTaroStorageKeyValue,
  removeTaroStorageKey,
  clearTaroStorageKey,
  getAvifSupport,
  getWebpSupport,
  getQualityImage,
  formatCountForUnit as countStringify,
  getWxAppCookieStr,
  getSystemInfos,
  pxTransformFromData,
  fontStylePxTransformFromData,
  dealShopContentDataAndReport as dealShopContentData,
  dateFormat,
  throttle,
  lodashThrottle,
  debounce,
  addHttps,
  commonShowSuccessToast as showSuccessToast,
  commonShowFailToast as showFailToast,
  commonShowNormalToast as showNormalToast,
  showShopLoading,
  hideShopLoading,
  stopNativeScrollEvent,
  getAppChannelType,
  formatTabActiveMenuType,
  filterUrlQueryData,
  draCustomReport,
  remoteCustomReport,
  draInterfaceCustomReport,
  draBusinessCustomReport,
  draBusinessCustomLogReport,
  isMemberPage,
  getFloorDataToDataDefines,
  isOpenJdAppUrl,
  jdOpenAppParams,
  createJdOpenAppUrl,
  isEmpty,
  getJdAppReportPageSource,
  isAppClassifyPage,
  isAppHomeForMarketPage,
  isImageOptimizeEnable,
  isPc,
  isPcClassifyPage,
  ipLoc_djd,
  isTjScence,
  isH5AdnJxMini,
  isTjM,
  isTjJxM,
  isTJApp,
  isH5AdnHaoWuJie,
  tjChannel,
  dealJdOpenAppData,
  jdAppVersionCompare,
  dealNativePixelToCssPixel,
  isAppStowShop,
  getSgmCustomCode,
  handleSgmCodeTaroVersion,
  isInGrayscale,
  isIpadDevice,
  getBorderStyle,
  isSupportHybridHttpRequest,
  isLanguageForEn,
  sColor,
  isTabletDevice,
  taroToTransformRoutimePXNumber,
  updateContainerWidth,
  isInJdShopView,
  isDongWebView,
  isLanguageForHk,
  languageNowType,
  isInJdAppH5DebugMode,
  isJdLiteApp,
  isJdAppForNotMain,
+import Taro from '@tarojs/taro';
  stopNativeScrollEvent,
  getAppChannelType,
  isAndroidDevice,
  isHarmonyDevice,
  isH5AndJdShopView,
  isChartH5,
  isH5AndJdShopViewNativeScroll,
  isIosDevice,
  isJdAndAndroidDevice,
  isJdAndIosDevice,
  isJdApp,
  isWxApp,
  isWxMiniH5View,
  isJdAndHarmonyDevice,
  isNewHarmonyShop,
  isH5AndJingGouMini,
  urlCookie,
  draCustomReport,
  remoteCustomReport,
  draInterfaceCustomReport,
  draBusinessCustomReport,
  draBusinessCustomLogReport,
  isMemberPage,
  isAppHomePage,
  isH5AndJdShopViewH5Scroll,
  isH5AndJdShopH5CustomScrollView,
  isAppClassifyPage,
  isAppHomeForMarketPage,
  isPc,
  isPcClassifyPage,
  ipLoc_djd,
  jdAppVersionCompare,
  isTjScence,
  isH5AdnJxMini,
  isTjM,
  isTjJxM,
  isTJApp,
  isH5AdnHaoWuJie,
  tjChannel,
  dealNativePixelToCssPixel,
  isAppStowShop,
  isJdAndroidX5Core,
  parseQueryUrlObj,
  isIpadDevice,
  isTabletDevice,
  checkPadScreenOrientationIsLandscape,
  isSupportHybridHttpRequest,
  isLanguageForEn,
  sColor,
  isInJdShopView,
  isDongWebView,
  isLanguageForHk,
  languageNowType,
  isAscfApp,
  isInJdAppH5DebugMode,
  isJdLiteApp,
  isJdAppForNotMain,
  addHttps,
  clearTaroStorageKey,
  countStringify as h5CountStringify,
  dateFormat,
  dealAddress,
  dealShopContentData as originDealShopContentData,
  debounce,
  filterUrlQueryData,
  formatTabActiveMenuType,
  getAvifSupport,
  getWebpSupport,
  getTaroStorageKeyValue,
  getWxAppCookieStr,
  isH5,
  isMin,
  isJdMin,
  isWxMin,
  isWxMinAndWxapp,
  isJdMinAndHarmony,
  lodashThrottle,
  objectToUrlEncode,
  parseQueryUrlString,
  removeTaroStorageKey,
  setLowSmallPicUrl,
  setTaroStorage,
  showFailToast,
  showNormalToast,
  showSuccessToast,
  sliceArrToChunkList,
  throttle,
  getQualityImageNew,
  getQualityImageOld,
  isOpenJdAppUrl,
  jdOpenAppParams,
  createJdOpenAppUrl,
  isEmpty,
  getJdAppReportPageSource,
  dealJdOpenAppData,
  getBorderStyle,
  isInHarmonyBlacklistByModuleFlag,
  const getNum = Number(num);
  let _changeLayoutWidth = layoutWidth;
  if (!_changeLayoutWidth) {
    _changeLayoutWidth =
      _ShopSystemInfo && _ShopSystemInfo?.windowWidth
        ? _ShopSystemInfo.windowWidth
        : Taro.getSystemInfoSync()?.windowWidth;
  }
  return _ShopSystemInfo?.isJdTabletDevice && !layoutWidth
    ? Math.floor(getNum * (newFlexPad ? newFlexPadScale : 1.2 * (_changeLayoutWidth / 720)))
    : Math.round((getNum / widthSize) * _changeLayoutWidth);
  const getNum = Number(num);
  return newFlexPad
    ? Math.floor(getNum * newFlexPadScale)
    : pxTransformFromData(num, widthSize, layoutWidth);
  const getRootFontSize = newFlexPad
    ? 20 * newFlexPadScale
    : (40 * (systemInfo?.windowWidth ?? _ShopSystemInfo?.windowWidth ?? 375)) / 750;
  let getRealRootFontSize = getRootFontSize > 40 ? 40 : getRootFontSize < 20 ? 20 : getRootFontSize;
  if (_ShopSystemInfo?.isJdTabletDevice && !newFlexPad) {
    getRealRootFontSize = Math.floor(
      24 * ((systemInfo?.windowWidth ?? _ShopSystemInfo.windowWidth) / 720),
    );
  }
  return Math.ceil(
    (((parseInt(String(changeSize), 10) / 40) * 750) / designWidth) * getRealRootFontSize,
  );
  console.log(
    '获取系统宽度systemInfo?.windowWidth',
    systemInfo?.windowWidth,
    'taroToTransformRoutimePXNumber(changeWidth)',
    taroToTransformRoutimePXNumber(changeWidth, 750, systemInfo),
  );
  return buildType === BUILD_TYPE.CLASSIFY && systemInfo?.windowWidth
    ? systemInfo?.windowWidth - taroToTransformRoutimePXNumber(changeWidth, 750, systemInfo)
    : systemInfo?.windowWidth ?? 0;
  const systemInfo = _ShopSystemInfo || Taro.getSystemInfoSync();
  console.log(
    '获取系统宽度systemInfo?.windowWidth',
    systemInfo?.windowWidth,
    'taroToTransformRoutimePXNumber(changeWidth)',
    taroToTransformRoutimePXNumber(changeWidth, 750, systemInfo),
  );
  const containerWidth =
    isClassify && systemInfo?.windowWidth
      ? systemInfo?.windowWidth - taroToTransformRoutimePXNumber(changeWidth, 750, systemInfo)
      : systemInfo?.windowWidth ?? 0;
  if (global?.info?.sysInfo) {
    global.info.sysInfo['containerWidth'] = containerWidth;
  }
  return newFlexPad
    ? Math.min(rootEleWidth, window.screen.height) >= 600
    : isJdApp &&
        (parseQueryUrlObj['device'] === 'tablet' ||
          Math.min(rootEleWidth, window.screen.height) >= 720);
  const systemInfo: any = Taro.getSystemInfoSync();
  if (params && params?.pageWidth && params?.pageHeight) {
    systemInfo.windowWidth = params?.pageWidth;
    systemInfo.windowHeight = params?.pageHeight;
    console.warn('松果app内获取重置系统信息宽度值', params, ',systemInfo信息集合为', systemInfo);
  } else {
    if (isPc) {
      systemInfo.windowWidth = 375;
    } else {
      const getWinWidth = window.innerWidth;
      const getWinHeight = window.innerHeight;
      const getScreenWidth = window.screen.width;
      const getScreenHeight = window.screen.height;
      const getRootEleInitWidth = params?.rootEleInitWidth || 0;
      const isReplaceSystemWidth = params?.replaceSystemWidth || false;
      systemInfo.isJdTabletDevice = checkIsJdTabletDevice(getRootEleInitWidth);
      systemInfo.isJdTabletLandscape =
        systemInfo.isJdTabletDevice &&
        checkPadScreenOrientationIsLandscape(getRootEleInitWidth, getScreenWidth, getScreenHeight);
      if (!systemInfo.isJdTabletDevice && isReplaceSystemWidth) {
        if (systemInfo?.windowWidth <= 0) {
          systemInfo.windowWidth = Math.min(getRootEleInitWidth, getScreenWidth);
          systemInfo.windowHeight = getScreenHeight;
          console.warn(
            '====初始化获取当前设备不是pad，但是触发屏幕宽高最小值600，系统获取宽度为0，进行重置系统宽度为根元素宽度与屏幕宽度最小值====',
            systemInfo.windowWidth,
            'getRootEleInitWidth',
            getRootEleInitWidth,
            'getScreenWidth',
            getScreenWidth,
            'getScreenHeight',
            getScreenHeight,
          );
          draBusinessCustomReport({
            eventName: 'business',
            errorName: 'jdapp_pad_width_error_info',
            errorMessage: `松果app内获取当前设备不是pad,触发屏幕宽高最小值600,系统信息宽度为0，进行重置,通过window获取的结果,getWinWidth:${getWinWidth},getScreenWidth: ${getScreenWidth},getWinHeight:${getWinHeight},getScreenHeight: ${getScreenHeight},根元素宽度值：${getRootEleInitWidth}`,
            extraData: JSON.stringify({
              isJdApp,
              isAndroidDevice,
              getScreenWidth,
              getScreenHeight,
              getWinWidth,
              getWinHeight,
              getRootEleInitWidth,
            }),
          });
        }
      } else {
        if (isJdApp && isAndroidDevice && !systemInfo.isJdTabletDevice && systemInfo) {
          const isLandscape = getScreenWidth >= getScreenHeight;
          const { windowWidth, windowHeight, screenWidth, screenHeight } = systemInfo;
          if (windowWidth <= 0) {
            systemInfo.initWindowWidth = windowWidth;
            if (isLandscape) {
              systemInfo.windowWidth = getScreenHeight;
              systemInfo.windowHeight = getScreenWidth;
              systemInfo.screenWidth = getScreenHeight;
              systemInfo.screenHeight = getScreenWidth;
            } else {
              systemInfo.windowWidth = getScreenWidth;
              systemInfo.windowHeight = getScreenHeight;
              systemInfo.screenWidth = getScreenWidth;
              systemInfo.screenHeight = getScreenHeight;
            }
            console.warn(
              `松果安卓app内获取系统信息宽度异常为小于等于0,是否为横屏${isLandscape}，进行重置,taro获取窗口宽度值${windowWidth},重置后的宽度值${systemInfo.windowWidth},taro获取窗口高度值${windowHeight},重置后的高度值${systemInfo.windowHeight},根元素宽度值${getRootEleInitWidth}`,
            );
            draBusinessCustomReport({
              eventName: 'UIInteract',
              errorName: 'android_jdapp_width_error_info',
              errorMessage: `松果安卓app内获取系统信息宽度为小于等于0，是否为横屏${isLandscape},进行重置,通过window获取的结果,getWinWidth:${getWinWidth},getScreenWidth: ${getScreenWidth},getWinHeight:${getWinHeight},getScreenHeight: ${getScreenHeight},根元素宽度值：${getRootEleInitWidth}`,
              extraData: JSON.stringify({
                isJdApp,
                initData: `Taro.getSystemInfo获取窗口宽度值${windowWidth},高度值${windowHeight},获取屏幕宽度值${screenWidth},高度值${screenHeight}`,
                getScreenWidth,
                getScreenHeight,
                getWinWidth,
                getWinHeight,
                getRootEleInitWidth,
              }),
            });
          } else {
            let _getChangeWinWidthState = false;
            if (getWinWidth > 0 && windowWidth > 0 && windowWidth > getWinWidth) {
              if (isLandscape) {
                systemInfo.windowWidth = getScreenHeight;
                systemInfo.windowHeight = getScreenWidth;
                systemInfo.screenWidth = getScreenHeight;
                systemInfo.screenHeight = getScreenWidth;
              } else {
                systemInfo.windowWidth = getScreenWidth;
                systemInfo.windowHeight = getScreenHeight;
                systemInfo.screenWidth = getScreenWidth;
                systemInfo.screenHeight = getScreenHeight;
              }
              _getChangeWinWidthState = true;
            }
            _getChangeWinWidthState &&
              console.warn(
                `松果安卓app内获取系统信息宽度异常，是否为横屏${isLandscape},进行重置,taro获取窗口宽度值${windowWidth},重置后的宽度值${systemInfo.windowWidth},taro获取屏幕宽度值${screenWidth},重置后的宽度值${systemInfo.screenWidth}`,
              );
            if (_getChangeWinWidthState) {
              draBusinessCustomReport({
                eventName: 'business',
                errorName: 'android_jdapp_width_error_info_2',
                errorMessage: `松果安卓app内获取系统信息宽度异常，是否为横屏${isLandscape},进行重置,通过window获取的结果,getWinWidth:${getWinWidth},getScreenWidth: ${getScreenWidth},getWinHeight:${getWinHeight},getScreenHeight: ${getScreenHeight},根元素宽度值：${getRootEleInitWidth}`,
                extraData: JSON.stringify({
                  isJdApp,
                  initData: `Taro.getSystemInfo获取窗口宽度值${windowWidth},高度值${windowHeight},获取屏幕宽度值${screenWidth},高度值${screenHeight}`,
                  getScreenWidth,
                  getScreenHeight,
                  getWinWidth,
                  getWinHeight,
                  getRootEleInitWidth,
                }),
              });
            }
          }
        }
      }
      
      if (systemInfo.isJdTabletDevice) {
        systemInfo.windowWidth = Math.min(getRootEleInitWidth, getScreenWidth, getScreenHeight);
        systemInfo.windowHeight = Math.max(getScreenWidth, getScreenHeight);
        if (systemInfo.isJdTabletLandscape) {
          const getRenderCenterState = window?.PAGE_DATA?.businessData?.fitPadCenterRenderLowVersion
            ? jdAppVersionCompare(window.PAGE_DATA.businessData.fitPadCenterRenderLowVersion) < 0
            : false;
          if (getRenderCenterState && window?.PAGE_DATA) {
            window.PAGE_DATA.isFitJdPadRenderCenter = true;
          }
          if (window?.PAGE_DATA?.isFitJdPadRenderCenter) {
            systemInfo.windowWidth = Math.min(getRootEleInitWidth, getScreenWidth, getScreenHeight);
            systemInfo.windowHeight = Math.max(
              getRootEleInitWidth,
              getScreenWidth,
              getScreenHeight,
            );
          } else {
            systemInfo.windowWidth = Math.max(getRootEleInitWidth, getScreenWidth, getScreenHeight);
            systemInfo.windowHeight = Math.min(
              getRootEleInitWidth,
              getScreenWidth,
              getScreenHeight,
            );
          }
        }
        console.warn(
          '====初始化获取当前设备是否是平板设备，是否横屏====',
          systemInfo.isJdTabletDevice,
          systemInfo.isJdTabletLandscape,
          '屏幕信息',
          window.screen,
          'getScreenWidth',
          getScreenWidth,
          'getScreenHeight',
          getScreenHeight,
          'getRootEleInitWidth',
          getRootEleInitWidth,
          '当前是否要求居中展示，居中展示那么宽高值要对调',
          window?.PAGE_DATA?.isFitJdPadRenderCenter,
          '当前pad最终展示的窗口宽度',
          systemInfo.windowWidth,
        );
      }
    }
  }
  systemInfo['newFlexPad'] = newFlexPad;
  systemInfo['newFlexLargePad'] = newFlexPad && systemInfo.windowWidth >= 840;
  systemInfo['newFlexPadScale'] = newFlexPadScale;
  systemInfo['containerWidth'] = getContainerWidth(buildType, systemInfo);
  console.warn('====获取系统信息=====', systemInfo);
  return systemInfo;
  let result: boolean | null = null;
  return function () {
    if (result === null) {
      const appVersionCheckPass = jdAppVersionCompare(MPAAS_CONFIG_APP_VERSION) >= 0; 
      if (!isJdApp) {
        console.warn('🚗 ~~ file: utils.ts:191 站外H5默认打开图片优化~');
        isIgnoreOptimizeFromServer = true;
        result = true;
        return true;
      }
      const enableAvifOptimize = appVersionCheckPass; 
      if (enableAvifOptimize) {
        const configData = global?.getDynamicConfig('avifSwitch');
        const {
          globalOn = true,
          ignoreOptimizeFromServer = false,
          page = {},
          grayscale = {},
          whiteList = [],
          blackList = [],
        } = configData || {}; 
        const { shopId = '0', venderId = '0' } = parseQueryUrlObj;
        let imageEnableResult = true; 
        isIgnoreOptimizeFromServer = ignoreOptimizeFromServer;
        if (
          blackList.find((item) => item.sId === Number(shopId) || item.vId === Number(venderId))
        ) {
          imageEnableResult = false;
        } else if (
          whiteList.find((item) => item.sId === Number(shopId) || item.vId === Number(venderId))
        ) {
          isIgnoreOptimizeFromServer = true; 
          imageEnableResult = true;
        } else if (grayscale[buildType] && isInGrayscale(grayscale[buildType])) {
          isIgnoreOptimizeFromServer = true; 
          imageEnableResult = true;
        } else {
          imageEnableResult = globalOn === true || page[buildType] === true;
          if (globalOn === true) {
            isIgnoreOptimizeFromServer = true; 
          } else if (page[buildType] === true) {
          } else {
          }
        }
        result = imageEnableResult;
        return imageEnableResult;
      } else {
        result = false;
        return false;
      }
    } else {
      return result;
    }
  };
  if (typeof options === 'object' && isImageOptimizeEnable()) {
    return getQualityImageNew(imgUrl, options, isIgnoreOptimizeFromServer);
  } else {
    return getQualityImageOld(imgUrl, options);
  }
  const getSystemInfo = getSystemAndContainerWidthInfo(params) || {
    windowWidth: window.innerWidth,
    containerWidth: getContainerWidth(buildType, {
      windowWidth: window.innerWidth,
    }),
    screenWidth: window.innerWidth,
    platform: '',
    model: '',
    system: '',
  };
  return getSystemInfo;
  const params = Object.assign(
    {},
    {
      title: '',
      duration: 1500,
    },
    options,
  );
  params.duration = params.duration / 1000;
  if (
    isJdApp &&
    !isJdAppForNotMain &&
    !isJdAndHarmonyDevice &&
    !window?.PAGE_DATA?.businessData?.hideNativeToast
  ) {
    const showSuccessType = isIosDevice ? ToastIosType.SUCCESS : ToastAndroidType.SUCCESS;
    const duration = isAndroidDevice ? 0 : params.duration;
    nativePageShowToast(options.title, showSuccessType, duration);
    console.log('执行原生toast success');
  } else {
    showSuccessToast(options);
  }
  const params = Object.assign(
    {},
    {
      title: '',
      duration: 1500,
    },
    options,
  );
  params.duration = params.duration / 1000;
  if (isJdApp && !isJdAppForNotMain && !window?.PAGE_DATA?.businessData?.hideNativeToast) {
    const showSuccessType = isIosDevice ? ToastIosType.FAIL : ToastAndroidType.FAIL;
    const duration = isAndroidDevice ? 0 : params.duration;
    nativePageShowToast(options.title, showSuccessType, duration);
    console.log('执行原生toast fail');
  } else {
    console.log('执行H5 toast fail');
    showFailToast(options);
  }
  const params = Object.assign(
    {},
    {
      title: '',
      duration: 1500,
    },
    options,
  );
  params.duration = params.duration / 1000;
  if (isJdApp && !isJdAppForNotMain && !window?.PAGE_DATA?.businessData?.hideNativeToast) {
    const showSuccessType = isIosDevice ? ToastIosType.NORMAL : ToastAndroidType.NORMAL;
    const duration = isAndroidDevice ? 0 : params.duration;
    nativePageShowToast(options.title, showSuccessType, duration);
  } else {
    showNormalToast(options);
  }
  if (isLanguageForEn) {
    count = Number(count);
    if (count >= 1000000000) {
      return (count / 1000000000).toFixed(fixedNum) + 'B';
    } else if (count >= 1000000) {
      return (count / 1000000).toFixed(fixedNum) + 'M';
    } else if (count >= 1000) {
      return (count / 1000).toFixed(fixedNum) + 'K';
    } else {
      return count;
    }
  } else {
    return h5CountStringify(count, fixedNum, unit, maxNum);
  }
  const createLoadingEle = document.createElement('div');
  createLoadingEle.id = 'J_shopLoading';
  createLoadingEle.className = `d-shop-loading flexible-center-box ${customClassName}`;
  createLoadingEle.innerHTML = `<div class='d-loading-content'>
                                    <span class='d-shop-loading-icon'></span>
                                    <p class='d-shop-text'>${text}</p>
                                  </div>`;
  const getEle = document.body ? document.body : document.getElementsByTagName('body')[0];
  getEle.appendChild(createLoadingEle);
  const getEle = document.getElementById('J_shopLoading');
  getEle && getEle.remove();
  const systemInfo: UtilsInterFace.taroGetSystemInfoSyncRes = getReviseSystemInfo(params);
  if (!systemInfo.system && window) {
    systemInfo.system = window.navigator.userAgent;
    systemInfo.isChrome = !!systemInfo?.system.match(/chrome/i);
  }
  const isIOS = !!systemInfo?.system.match(/ios/i);
  const isAndroid = !!systemInfo?.system.match(/android/i);
  systemInfo.navBarHeight = 0;
  systemInfo.statusBarHeight = 0;
  systemInfo.capsulePosition = null;
  systemInfo.isIOS = isIOS; 
  systemInfo.isAndroid = isAndroid; 
  _ShopSystemInfo = systemInfo;
  return systemInfo;
  const result = originDealShopContentData(pageData, draBusinessCustomReport, isvdev);
  if (isJdAndHarmonyDevice && isNewHarmonyShop) {
    result.shopContentContainerListData = result.shopContentContainerListData.filter(
      (item) =>
        item.floors.length > 0 &&
        !isInHarmonyBlacklistByModuleFlag(item.containerId, result.shopContentContainerListData),
    );
  }
  return result;
  const numScale = Number(scale);
  if (isNaN(numScale)) {
    console.warn(
      `The 'scale' parameter of the 'isInGrayscale' function is invalid! Expected a number, but received ${scale}`,
    );
    return false;
  }
  const { venderId } = global.info.queryInfo || {};
  const id = venderId;
  if (!id && numScale !== 1) {
    return false;
  }
  const useScale = Math.max(0, Math.min(1, numScale));
  const isMatch = numScale === 1 || Math.floor(Number(id) % (1 / useScale)) === 0;
  if (reportKey) {
    console.log(
      `基于KEY[${reportKey}]的灰度调用1次~`,
      getSgmCustomCode(`${SgmCustomCode.GRAYSCALE}_${reportKey}_invoke`),
    );
    if (isMatch) {
      console.log(
        `基于KEY[${reportKey}]的命中1次灰度！`,
        getSgmCustomCode(`${SgmCustomCode.GRAYSCALE}_${reportKey}_hit`),
      );
    }
  }
  return isMatch;
  isJdApp,
  isWxApp,
  isIosDevice,
  isAndroidDevice,
  isHarmonyDevice,
  isJdAndIosDevice,
  isJdAndAndroidDevice,
  isJdAndHarmonyDevice,
  isNewHarmonyShop,
  isJdAndroidX5Core,
  isMin,
  isWxMin,
  isWxMinAndWxapp,
  isJdMinAndHarmony,
  isJdMin,
  isH5,
  isH5AndJdShopView,
  isChartH5,
  isAppHomePage,
  isH5AndJdShopViewNativeScroll,
  isH5AndJdShopViewH5Scroll,
  isH5AndJdShopH5CustomScrollView,
  isH5AndJingGouMini,
  isWxMiniH5View,
  isAscfApp,
  urlCookie,
  sliceArrToChunkList,
  dealAddress,
  objectToUrlEncode,
  parseQueryUrlString,
  setLowSmallPicUrl,
  setTaroStorage,
  getTaroStorageKeyValue,
  removeTaroStorageKey,
  clearTaroStorageKey,
  getAvifSupport,
  getWebpSupport,
  getQualityImage,
  formatCountForUnit as countStringify,
  getWxAppCookieStr,
  getSystemInfos,
  pxTransformFromData,
  fontStylePxTransformFromData,
  dealShopContentDataAndReport as dealShopContentData,
  dateFormat,
  throttle,
  lodashThrottle,
  debounce,
  addHttps,
  commonShowSuccessToast as showSuccessToast,
  commonShowFailToast as showFailToast,
  commonShowNormalToast as showNormalToast,
  showShopLoading,
  hideShopLoading,
  stopNativeScrollEvent,
  getAppChannelType,
  formatTabActiveMenuType,
  filterUrlQueryData,
  draCustomReport,
  remoteCustomReport,
  draInterfaceCustomReport,
  draBusinessCustomReport,
  draBusinessCustomLogReport,
  isMemberPage,
  getFloorDataToDataDefines,
  isOpenJdAppUrl,
  jdOpenAppParams,
  createJdOpenAppUrl,
  isEmpty,
  getJdAppReportPageSource,
  isAppClassifyPage,
  isAppHomeForMarketPage,
  isImageOptimizeEnable,
  isPc,
  isPcClassifyPage,
  ipLoc_djd,
  isTjScence,
  isH5AdnJxMini,
  isTjM,
  isTjJxM,
  isTJApp,
  isH5AdnHaoWuJie,
  tjChannel,
  dealJdOpenAppData,
  jdAppVersionCompare,
  dealNativePixelToCssPixel,
  isAppStowShop,
  getSgmCustomCode,
  handleSgmCodeTaroVersion,
  isInGrayscale,
  isIpadDevice,
  getBorderStyle,
  isSupportHybridHttpRequest,
  isLanguageForEn,
  sColor,
  isTabletDevice,
  taroToTransformRoutimePXNumber,
  updateContainerWidth,
  isInJdShopView,
  isDongWebView,
  isLanguageForHk,
  languageNowType,
  isInJdAppH5DebugMode,
  isJdLiteApp,
  isJdAppForNotMain,