@conecli/cone-render 0.10.1-shop-beta.4 → 0.10.1-shop-beta.6

package/dist/common/index.h5.ts

@@ -1 +1 @@
-import Taro from '@tarojs/taro'
  isJdApp,
  isIosDevice,
  isAndroidDevice,
  isJdAndHarmonyDevice,
  isJdAndAndroidDevice,
  jdAppVersion,
  jdAppVersionStr,
  isString,
  isObject,
  serialize,
  urlCookie,
  dealNativePixelToCssPixel,
  isPc,
  BUSINESS_TYPE,
  SECTION_HOME_TAB_NAME_TYPE,
  SECTION_HOME_TAB_TYPE,
  WX_BUSINESS_TYPE,
  WXAPP_BIZ_KEY,
  MPAAS_CONFIG_APP_LOW_VERSION,
  MPAAS_CONFIG_APP_VERSION,
  WXAPP_BIZ_SHOP_LIGHT_KEY,
  loginState: false, 
  cookiesStr: '', 
  userInfo: userPinKey,
  isJingGouMiniViewState: false, 
  isJingxiMiniViewState: false, 
  pageInfo: {
    wxBusinessType: WX_BUSINESS_TYPE.NO,
    address: '', 
    addressCommaStr: '', 
    un_area: '', 
    vapptype: '1', 
    pageType: 'home', 
    isExposureState: false, 
    moduleId: '',
    entrance: '',
    dataType: BUSINESS_TYPE.ONLINE, 
    floorExposureInfo: {}, 
    floorVideInfo: {}, 
    productVideInfo: {}, 
    tabsLoadAllDataInfo: {
      [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_WELL_CHOSEN]]:
        false,
    }, 
    updateShopInfosAllState: false, 
    isVipShop: false, 
    isJdShowNativeImmersivePlayer: false, 
    ...shopConfig,
    pageScrollTop: 0, 
    pageIdxHeightInfo: {
      list: [],
    },
    shopNavBarHeight: 0, 
  },
  defaultQueryLogInfo: {
    sourceType: 'JDshop',
    sourceValue: '',
    moduleId: 'none', 
    entrance: 'none',
  },
  sysInfo: {
    windowWidth: isPc ? 375 : 0,
    containerWidth: isPc ? 375 : 0,
    windowHeight: 0,
    netWorkType: '4g',
    jdBottomBarHeight: 0,
    jdNativeHeaderHeight: 0,
  },
  queryInfo: {},
  shopInfo: {},
  openAppData: {}, 
  public info: CommonInterFace.BaseConfigInfo
  public config: {
    [key: string]: any
  } 
  public lazyContainer: CommonInterFace.lazyContainer
  public renderedIsvComponents: CommonInterFace.renderedIsvComponents
  public rootEleNode: HTMLElement | null
  public checkStatusAndLoginPromise: object | null
  private jmfeRegisterStatePromise: Promise<any> | null
  private jmfeRegisterState: boolean
  constructor(opt) {
    this.info = this._getConfig(opt)
    this.config = {}
    this.lazyContainer = {
      [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_WELL_CHOSEN]]: {
        appLazyContainerList: [], 
        appLazyFinishContainerList: [], 
      },
      [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_PROMOTION]]: {
        appLazyContainerList: [], 
        appLazyFinishContainerList: [], 
      },
    }
    this.renderedIsvComponents = {}
    this.rootEleNode = document.querySelector('body')
    this.checkStatusAndLoginPromise = null
    this.jmfeRegisterStatePromise = null
    isJdApp && this.jmfeReayPromise()
  }
  _getConfig(opt) {
    return Object.assign({}, DefaultConfig, opt)
  }
  
  jmfeReayPromise(): Promise<any> {
    if (isJdApp) {
      if (this.jmfeRegisterState) {
        return Promise.resolve(true)
      } else {
        !this.jmfeRegisterStatePromise &&
          (this.jmfeRegisterStatePromise = new Promise((resolve, reject) => {
            ready('jmfe', 3000)
              .then(() => {
                window?.jmfe && window.jmfe.registerCode(JSSDK_APP_WEBVIEW_CODE)
                this.jmfeRegisterState = true
                resolve(true)
                console.log('松果app内初始化注册jmfe认证完成')
              })
              .catch(() => {
                reject(false)
              })
          }))
        return this.jmfeRegisterStatePromise
      }
    } else {
      return Promise.reject(false)
    }
  }
  
  updateBusinessDomainAndApi(domain, api) {
  }
  
  formatNativeScreenPageData(action) {
    let getChangePageInfo: any = null
    try {
      const getNativeScreenPageInfoStr = window.XWebView?._callNative(
        JSON.stringify({
          plugin: 'JDHybridScreenPlugin',
          action,
          sync: '1',
        }),
      )
      const getChangePageInfoData =
        typeof getNativeScreenPageInfoStr === 'string'
          ? JSON.parse(getNativeScreenPageInfoStr)
          : null
      if (getChangePageInfoData && typeof getChangePageInfoData === 'object') {
        const { code, data } = getChangePageInfoData
        getChangePageInfo = code && code === '0' ? data : null
      }
    } catch (e) {
      console.log('JDHybridScreenPlugin转换异常', e)
    }
    return getChangePageInfo
  }
  
  isAndroidFoldScreen() {
    return this.formatNativeScreenPageData('isFoldScreen') === '1'
  }
  
  getJdAndroidPageChangeScreenInfo() {
    const getPageScreenInfo = this.formatNativeScreenPageData('getScreenSize')
    if (
      getPageScreenInfo &&
      getPageScreenInfo?.pageWidth &&
      getPageScreenInfo?.pageHeight
    ) {
      const { pageWidth, pageHeight } = dealNativePixelToCssPixel({
        pageWidth: getPageScreenInfo.pageWidth,
        pageHeight: getPageScreenInfo.pageHeight,
      })
      getPageScreenInfo.pageWidth = pageWidth
      getPageScreenInfo.pageHeight = pageHeight
    }
    return getPageScreenInfo
  }
  
  getSystemInfo(params) {
    let info: UtilsInterFace.taroGetSystemInfoSyncRes | {} = isPc
      ? {}
      : getSystemInfos(params)
    if (isJdAndAndroidDevice && window.innerWidth <= 0) {
      const isfoldScreen = this.isAndroidFoldScreen()
      if (isfoldScreen) {
        const getJdAndroidPageInfo = this.getJdAndroidPageChangeScreenInfo()
        getJdAndroidPageInfo && (info = getSystemInfos(getJdAndroidPageInfo))
        console.info(
          '安卓松果app折叠屏获取webview宽度为0，那么通过内部方法重置获取',
          getJdAndroidPageInfo,
        )
      }
    }
    this.info.sysInfo = {
      actualNavBarHeight: 0,
      ...this.info.sysInfo,
      ...info,
      safeContentHeight: info?.screenHeight, 
      headerHeight: 0, 
      tabBarHeight: 0, 
    }
    if (isJdApp) {
      this.info.sysInfo['hostVersionName'] = jdAppVersionStr
      this.info.sysInfo['hostAppVersion'] = jdAppVersion
      this.getAddressCachePromise()
      this.getElderModePromise()
      this.getJDAppearanceStatePromise()
      this.createJdAndroidRquestEventForTouchStart()
    }
    this.getWifiVideoAutoPlayAsync()
    this.getMPaasConfigAsync()
    this.getNetWorkType()
  }
  
  taskTimeoutPromise(callBack, timeout = 2000) {
    return new Promise((resolve) => {
      setTimeout(() => {
        const getCallBackRes = typeof callBack === 'function' && callBack()
        return resolve(getCallBackRes || false)
      }, timeout)
    })
  }
  
  getElderModePromise() {
    if (this.info.sysInfo.hasOwnProperty('jdAppModeType')) {
      return Promise.resolve(this.info.sysInfo.jdAppModeType)
    } else {
      if (isJdAndAndroidDevice) {
        this.info.sysInfo.jdAppModeType = '0'
        return Promise.resolve(this.info.sysInfo.jdAppModeType)
      } else {
        return Promise.race([
          this.taskTimeoutPromise(() => {
            this.info.sysInfo.jdAppModeType = '0'
            return this.info.sysInfo.jdAppModeType
          }),
          new Promise((resolve) => {
            const getCallBackName = `getJdCurrentModeType${Date.now()}`
            if (!window[getCallBackName]) {
              window[getCallBackName] = (res) => {
                try {
                  const getResJson =
                    typeof res === 'string' ? JSON.parse(res) : res
                  const { status, data, msg } = getResJson
                  console.log(`获取松果app展示模式成功，返回结果${data}`)
                  if (status === '0') {
                    this.info.sysInfo.jdAppModeType = data
                    resolve(data)
                  } else {
                    resolve('0')
                  }
                } catch (e) {
                  resolve('0')
                }
                window[getCallBackName] = null
              }
            }
            window?.webkit?.messageHandlers?.JDAppUnite?.postMessage({
              method: 'callSyncRouterModuleWithParams',
              params: JSON.stringify({
                routerURL: 'router://JDBModeModule/getCurrentMode', 
                routerParam: {}, 
                callBackName: `window.${getCallBackName}`, 
                callBackId: `${getCallBackName}Ios`, 
              }),
            })
          }),
        ])
      }
    }
  }
  
  getJDAppearanceStatePromise() {
    if (this.info.sysInfo.hasOwnProperty('jdAppearanceState')) {
      return Promise.resolve(this.info.sysInfo.jdAppearanceState)
    } else {
      return Promise.race([
        this.taskTimeoutPromise(() => {
          this.info.sysInfo.jdAppearanceState = '0'
          return this.info.sysInfo.jdAppearanceState
        }),
        new Promise((resolve) => {
          const getCallBackName = `getJdCurrentAppearanceState${Date.now()}`
          if (!window[getCallBackName]) {
            window[getCallBackName] = (res) => {
              try {
                console.log('getJDAppearanceStatePromise', res)
                const getResJson =
                  typeof res === 'string' ? JSON.parse(res) : res
                const { status, data, msg } = getResJson
                console.log(`获取松果app是否开启黑暗模式成功，返回结果${data}`)
                if (status === '0') {
                  this.info.sysInfo.jdAppearanceState = data
                  resolve(data)
                } else {
                  resolve('0')
                }
              } catch (e) {
                resolve('0')
              }
              window[getCallBackName] = null
            }
          }
          if (isAndroidDevice) {
            const jsonString = JSON.stringify({
              callBackName: `window.${getCallBackName}`, 
            })
            console.log('window.JDAppearance', window.JDAppearance)
            window.JDAppearance && window.JDAppearance.getUiState(jsonString)
          } else {
            window?.webkit?.messageHandlers?.JDAppUnite?.postMessage({
              method: 'callSyncRouterModuleWithParams',
              params: JSON.stringify({
                routerURL:
                  'router://JDWebViewBusinessModule/getJDAppearanceState', 
                routerParam: {}, 
                callBackName: `window.${getCallBackName}`, 
                callBackId: `${getCallBackName}Ios`, 
              }),
            })
          }
        }),
      ])
    }
  }
  
  createJdAndroidRquestEventForTouchStart() {
    if (isJdAndAndroidDevice && window.JdAndroid) {
      const rootEleNode = document.querySelector('body')
      if (rootEleNode) {
        rootEleNode.addEventListener(
          'touchstart',
          this.jdAndroidAddEventListenerTouchStart,
          false,
        )
      }
    }
  }
  jdAndroidAddEventListenerTouchStart(e) {
    const isH5SwiperCustomEle = e?.target?.closest('.J_h5SwiperCustom')
    if (!isH5SwiperCustomEle) {
      const hasCustomEle = e
        ? e?.target?.closest('.J_customScroll') ||
          e?.target?.closest('.J_customLayout')
        : false
      if (!hasCustomEle) {
        window.JdAndroid.requestEvent(false)
        console.log(
          'createJdAndroidRquestEvent 所有松果安卓APP内的document touch start事件执行检测requestEvent并重置为false',
        )
      }
    }
  }
  removeJdAndroidRquestEventForTouchStart() {
    if (isJdAndAndroidDevice && window.JdAndroid) {
      const rootEleNode = document.querySelector('body')
      if (rootEleNode) {
        rootEleNode.removeEventListener(
          'touchstart',
          this.jdAndroidAddEventListenerTouchStart,
          false,
        )
      }
    }
  }
  
  getNetWorkType() {
    if (isJdApp) {
      this.jmfeReayPromise().then(() => {
        window.jmfe
          .getNetworkStatus()
          .then(({ status, data }) => {
            console.log(
              '在app内初始化通过jmfe对象获取网络状态完成，当前网络状态====',
              data,
            )
            if (status === '0') {
              this.info.sysInfo['netWorkType'] = data
            } else {
              this._taroGetNetworkType()
            }
          })
          .catch((err) => {
            console.log('在app内初始化通过jmfe对象获取网络状态异常====', err)
            this._taroGetNetworkType()
          })
      })
    } else {
      this._taroGetNetworkType()
    }
  }
  _taroGetNetworkType() {
    Taro.getNetworkType().then((getRes) => {
      if (getRes && getRes.networkType) {
        this.info.sysInfo['netWorkType'] = getRes.networkType
        console.log(
          '在app内通过taro对象获取网络状态完成，当前网络状态',
          this.info.sysInfo['netWorkType'],
        )
      }
    })
  }
  
  getCacheAddressRouter() {
    if (!window.jmfe) return
    if (isAndroidDevice) {
      return window.jmfe.callRouter({
        jdRouter: '1', 
        routerURL: 'router://JDAddressModule/getCacheAddress',
        routerParam: { sceneId: 'basicShoppingProcess' },
      })
    } else if (isIosDevice) {
      return window.jmfe.callRouter({
        jdRouter: '1', 
        routerURL: 'router://JDBAddressCacheManagerModule/getCacheAddress',
        routerParam: { sceneId: 'basicShoppingProcess' },
      })
    } else if (isJdAndHarmonyDevice) {
      return new Promise((resolve) => {
        resolve({})
      })
    } else {
      throw Error(
        'Unknown device type cannot obtain the address information through the route！',
      )
    }
  }
  
  getAddressCachePromise() {
    return new Promise((resolve) => {
      if (
        this?.info?.sysInfo?.lat &&
        this?.info?.sysInfo?.lng &&
        this?.info?.sysInfo?.area
      ) {
        resolve({
          lat: this.info.sysInfo.lat,
          lng: this.info.sysInfo.lng,
          area: this?.info?.sysInfo?.area,
        })
      } else {
        this.jmfeReayPromise().then(() => {
          this.getCacheAddressRouter()
            .then(({ status, data }) => {
              if (status === '0' && data) {
                const {
                  lat,
                  latitude,
                  lng,
                  longitude,
                  provinceId,
                  cityId,
                  countyId,
                  townId,
                } = data || {}
                let area = ''
                this.info.sysInfo['lat'] = `${lat || latitude || ''}`
                this.info.sysInfo['lng'] = `${lng || longitude || ''}`
                if (provinceId) {
                  area = `${provinceId}_${cityId || 0}_${countyId || 0}_${
                    townId || 0
                  }`
                  this.info.pageInfo['address'] = area
                  this.info.pageInfo['addressCommaStr'] = area.replace(
                    /_/g,
                    ',',
                  )
                }
                resolve({
                  lat: this.info.sysInfo['lat'],
                  lng: this.info.sysInfo['lng'],
                  area: area,
                })
              } else {
                resolve({ lat: '', lng: '', area: '' })
              }
            })
            .catch((e) => {
              console.log(' ~~ file: index.h5.ts:518 ~~ .catch ~~ e:', e)
              resolve({ lat: '', lng: '', area: '' })
              console.log('判断jmfe不存在，获取经纬度信息异常')
            })
        })
      }
    })
  }
  
  async updateMPaasConfigAsync(isBeforePageReady: boolean) {
    console.log('updateMPaasConfigAsync isBeforePageReady:', isBeforePageReady)
    if (!isJdApp) {
      return
    }
    const avifSwitch = await getMPaasConfigByBussinessKey(
      'avifSwitch',
      isBeforePageReady,
    )
    this.info.sysInfo.dynamicConfig['avifSwitch'] = avifSwitch
    const isFollowAppVideoPlayStatus = await getMPaasConfigByBussinessKey(
      'isFollowAppVideoPlayStatus',
      isBeforePageReady,
    )
    console.log(
      'isBeforePageReady:',
      isBeforePageReady,
      'isFollowAppVideoPlayStatus:',
      isFollowAppVideoPlayStatus,
    )
    if (
      isFollowAppVideoPlayStatus === true ||
      isFollowAppVideoPlayStatus === 'true'
    ) {
      this.info.sysInfo.dynamicConfig['isFollowAppVideoPlayStatus'] = true
    }
  }
  
  async getWifiVideoAutoPlayAsync() {
    this.info.sysInfo['wifiVideoAutoPlay'] = false
    if (!isJdApp) {
      return
    }
    const videoPlayStatus = await getWifiVideoAutoPlay().catch((e) => {
      return 0
    })
    if (Number(videoPlayStatus) === 1) {
      this.info.sysInfo['wifiVideoAutoPlay'] = true
    }
  }
  
  async getMPaasConfigAsync() {
    this.info.sysInfo.dynamicConfig = {} 
    this.info.sysInfo.dynamicConfig['avifSwitch'] = {}
    this.info.sysInfo.dynamicConfig['isFollowAppVideoPlayStatus'] = false
    return this.updateMPaasConfigAsync(true)
  }
  
  getDynamicConfig(key: string) {
    return this.info.sysInfo.dynamicConfig[key]
  }
  async updateMPaasConfig() {
    console.log('updateMPaasConfig')
    if (
      isIosDevice && 
      versionCompare(jdAppVersionStr, MPAAS_CONFIG_APP_VERSION) < 0 && 
      versionCompare(jdAppVersionStr, MPAAS_CONFIG_APP_LOW_VERSION) >= 0 
    ) {
      try {
        await this.updateMPaasConfigAsync(false)
      } catch (e) {
        console.log('updateMPaasConfigAsync:', e)
      }
    }
  }
  
  toLogin(options) {
    return this.info.isJingGouMiniViewState || this.info.isJingxiMiniViewState
      ? this.toWxAppLogin(options)
      : this.toWebLogin(options)
  }
  
  doLogin(options) {
    return this.toLogin(options)
  }
  
  doLoginForJdPin(options = {}) {
    return this.doLogin({
      loginColor: {
        biz: WXAPP_BIZ_SHOP_LIGHT_KEY,
        dpin: 0,
      },
      ...options,
    })
  }
  
  toWebLogin(options) {
    let params: {
      returnurl: string
    } = {
      returnurl: '',
    }
    const loginUrl = isPc
      ? `//passport.jd.com/new/login.aspx`
      : `${domain.mobileLogin}/user/login.action`
    const defaultParams = {
      appid: '100',
      returnurl: window.location.href,
    }
    if (isString(options)) {
      params = Object.assign({}, defaultParams, {
        returnurl: options,
      })
    } else if (isObject(options)) {
      const { loginColor, ...otherOptions } = options
      params = Object.assign({}, defaultParams, otherOptions)
    } else {
      params = defaultParams
    }
    params.returnurl = encodeURIComponent(params.returnurl)
    let getFullUrl = loginUrl + '?' + serialize(params)
    if (isPc) {
      getFullUrl = getFullUrl.replace(/returnurl/, 'ReturnUrl')
    }
    return Promise.resolve({
      h5ToUrl: true,
      url: getFullUrl,
    }).then(() => {
      window.location.href = getFullUrl
    })
  }
  
  toWxAppLogin(options = {}) {
    console.log('微信京购小程序中h5登录跳转', options)
    return Promise.resolve(true).then(() => {
      const { loginColor } = Object.assign(
        {},
        {
          loginColor: {
            bzi: WXAPP_BIZ_KEY,
            dpin: 1,
          },
        },
        options,
      )
      window.location.href = `${domain.wq}/pinbind/pintokenredirect?biz=${
        loginColor.bzi
      }&url=${encodeURIComponent(window.location.href)}`
    })
  }
  
  getLoginCookie() {
    return Promise.resolve({
      pin: cookie.get('pin') || '',
    })
  }
  
  clearLoginCookie() {
    cookie.remove('pin')
  }
  
  checkStatusAndLogin(options = {}) {
    if (!this.checkStatusAndLoginPromise) {
      this.checkStatusAndLoginPromise = new Promise(async (resolve, reject) => {
        try {
          const getLoginState = await this.doCheckLoginStateAndForApiCheck(
            options,
          )
          if (getLoginState) {
            resolve(true)
          } else {
            this.toLogin(options)
            reject(false)
          }
        } catch (e) {
          this.toLogin(options)
          reject(false)
        }
      })
      return this.checkStatusAndLoginPromise
    } else {
      return this.checkStatusAndLoginPromise
        .then(() => {
          return Promise.resolve(true)
        })
        .catch(() => {
          this.toLogin(options)
          return Promise.reject(true)
        })
    }
  }
  
  checkJdStatusAndLogin(
    options = {
      loginColor: {
        bzi: WXAPP_BIZ_SHOP_LIGHT_KEY,
        dpin: 0,
      },
    },
  ) {
    return this.checkStatusAndLogin(options)
  }
  
  doCheckLoginStateAndForApiCheck(options) {
    if (this.info.loginState) {
      return Promise.resolve(true)
    } else {
      return new Promise((resolve, reject) => {
        if (
          this.info.isJingGouMiniViewState ||
          this.info.isJingxiMiniViewState
        ) {
          const getWqAuthToken = cookie.get('wq_auth_token')
          const getWqSkey = cookie.get('wq_skey')
          const getWqUin = cookie.get('wq_uin')
          const isLoginState =
            options?.loginColor?.dpin === 0
              ? getWqAuthToken
              : getWqSkey && getWqUin
          if (isLoginState) {
            this.info.loginState = true
            resolve(true)
          } else {
            reject(false)
          }
        } else {
          Taro.request({
            url: api.isLogin,
            jsonp: true,
            timeout: 3000,
            success: (res) => {
              const { statusCode, data } = res
              if (
                statusCode === 200 &&
                data?.islogin &&
                Number(data.islogin) === 1
              ) {
                this.info.loginState = true
                resolve(true)
              } else {
                reject(false)
              }
            },
            fail: (err) => {
              console.log('登录检查异常', err)
              reject(false)
            },
          })
        }
      })
    }
  }
  
  checkLoginStatus(options) {
    return new Promise(async (resolve, reject) => {
      try {
        const getLoginState = await this.doCheckLoginStateAndForApiCheck(
          options,
        )
        if (getLoginState) {
          const { pin } = await this.getLoginCookie()
          this.info.userInfo = {
            pin,
            encodePin: encodeURIComponent(pin),
            ptkey: '',
          }
          resolve(true)
        } else {
          reject(false)
        }
      } catch (e) {
        reject(false)
      }
    })
  }
  
  updatePageAndLogInfo(updateQuery = {}) {
    const createUpdateQueryInfo: {
      query: {
        shopId?: string | number
        venderId?: string | number
      }
      updateShopInfoState: boolean
    } = Object.assign(
      {},
      {
        query: {},
        updateShopInfoState: false,
      },
      updateQuery,
    )
    console.log(
      '获取当前下发的店铺查询参数',
      updateQuery,
      '获取之前保存的shopInfo店铺查询参数',
      this.info?.shopInfo,
    )
    const { query, updateShopInfoState } = createUpdateQueryInfo
    const { shopId, venderId, un_area } = query
    if (updateShopInfoState) {
      this.info.queryInfo = {
        ...this.info.queryInfo,
        ...query,
      }
      if (shopId && venderId) {
        this.info.shopInfo = {
          shopId: `${shopId}`,
          venderId: `${venderId}`,
        }
      }
    } else {
      this.info.queryInfo = {
        ...query,
      }
      if (
        this.info.shopInfo?.shopId &&
        this.info.shopInfo?.venderId &&
        (this.info.shopInfo.shopId == shopId ||
          this.info.shopInfo.venderId == venderId)
      ) {
        this.info.queryInfo.shopId = this.info.shopInfo.shopId
        this.info.queryInfo.venderId = this.info.shopInfo.venderId
        console.log(
          '当前存储的店铺shopId和venderId与下发的店铺信息shopId或者venderId为同一个，补充shopId或者venderId查询参数',
          this.info.queryInfo,
        )
      }
    }
    this.info.queryInfo['shopId'] &&
      (this.info.queryInfo['shopId'] = `${this.info.queryInfo['shopId']}`)
    this.info.queryInfo['venderId'] &&
      (this.info.queryInfo['venderId'] = `${this.info.queryInfo['venderId']}`)
    console.log(
      'h5==获取店铺下发查询参数\n',
      query,
      '\n获取店铺最后查询参数\n',
      this.info.queryInfo,
      '\n是否为更新店铺状态\n',
      updateShopInfoState,
    )
    const changeArea =
      un_area && un_area.length > 0 ? un_area : ipLoc_djd ? ipLoc_djd : ''
    if (changeArea) {
      this.info.pageInfo.address = changeArea
      this.info.pageInfo.un_area = changeArea
      this.info.pageInfo.addressCommaStr = changeArea.replace(/_/g, ',')
    }
  }
+import Taro from '@tarojs/taro';
  dealNativePixelToCssPixel,
  isAndroidDevice,
  isIosDevice,
  isJdAndAndroidDevice,
  isJdAndHarmonyDevice,
  isObject,
  isPc,
  isString,
  jdAppVersion,
  jdAppVersionStr,
  serialize,
  draBusinessCustomReport,
  BUSINESS_TYPE,
  LoadJsInitLoadEnvType,
  LoadJsInitLoadType,
  LoadJsInitTriggerType,
  MPAAS_CONFIG_APP_LOW_VERSION,
  MPAAS_CONFIG_APP_VERSION,
  SECTION_HOME_TAB_NAME_TYPE,
  SECTION_HOME_TAB_TYPE,
  TaroEventType,
  WX_BUSINESS_TYPE,
  WXAPP_BIZ_KEY,
  WXAPP_BIZ_SHOP_LIGHT_KEY,
  JSSDK_APP_WEBVIEW_CODE,
  getSystemInfos,
  getTaroStorageKeyValue,
  ipLoc_djd,
  setTaroStorage,
  sgmCustomReport,
  abTestLabels: {}, 
  loginState: false, 
  cookiesStr: '', 
  userInfo: userPinKey,
  isJingGouMiniViewState: false, 
  isJingxiMiniViewState: false, 
  pageInfo: {
    wxBusinessType: WX_BUSINESS_TYPE.NO,
    address: '', 
    addressCommaStr: '', 
    un_area: '', 
    vapptype: '1', 
    pageType: 'home', 
    isExposureState: false, 
    moduleId: '',
    entrance: '',
    dataType: BUSINESS_TYPE.ONLINE, 
    floorExposureInfo: {}, 
    floorVideInfo: {}, 
    productVideInfo: {}, 
    tabsLoadAllDataInfo: {
      [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_WELL_CHOSEN]]: false,
    }, 
    updateShopInfosAllState: false, 
    isVipShop: false, 
    isJdShowNativeImmersivePlayer: false, 
    ...shopConfig,
    pageScrollTop: 0, 
    pageIdxHeightInfo: {
      list: [],
    },
    shopNavBarHeight: 0, 
  },
  defaultQueryLogInfo: {
    sourceType: 'JDshop',
    sourceValue: '',
    moduleId: 'none', 
    entrance: 'none',
  },
  sysInfo: {
    windowWidth: isPc ? 375 : 0,
    containerWidth: isPc ? 375 : 0,
    windowHeight: 0,
    netWorkType: '4g',
    jdBottomBarHeight: 0,
    jdNativeHeaderHeight: 0,
    isJdTabletDevice: false,
    isJdTabletLandscape: false,
  },
  queryInfo: {},
  shopInfo: {},
  openAppData: {}, 
  public info: CommonInterFace.BaseConfigInfo;
  public config: {
    [key: string]: any;
  }; 
  public lazyContainer: CommonInterFace.lazyContainer;
  public renderedIsvComponents: CommonInterFace.renderedIsvComponents;
  public rootEleNode: HTMLElement | null;
  public checkStatusAndLoginPromise: object | null;
  private jmfeRegisterStatePromise: Promise<any> | null;
  private jdScreenSizeInfoPromise: Promise<any> | null;
  private rootEleWidthRegisterPromise: Promise<any> | null;
  private jmfeRegisterState: boolean;
  public loadJsSdkList: Array<any>;
  public loadJsSdkListCachePromise: any;
  public rootEleInitWidth: number;
  constructor(opt) {
    this.info = this._getConfig(opt);
    this.config = {};
    this.loadJsSdkList = [];
    this.loadJsSdkListCachePromise = {};
    this.lazyContainer = {
      [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_WELL_CHOSEN]]: {
        appLazyContainerList: [], 
        appLazyFinishContainerList: [], 
      },
      [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_PROMOTION]]: {
        appLazyContainerList: [], 
        appLazyFinishContainerList: [], 
      },
    };
    this.renderedIsvComponents = {};
    this.rootEleNode = document.querySelector('body');
    this.checkStatusAndLoginPromise = null;
    this.jmfeRegisterStatePromise = null;
    this.jdScreenSizeInfoPromise = null;
    this.rootEleWidthRegisterPromise = null;
    this.rootEleInitWidth = this.getRootEleWindowWidthInfo().getRootEleWidth || -1;
    this.loadOtherSdk();
    if (isJdApp) {
      this.jmfeReayPromise();
      this._getJdPadMinWidthForListen() && this.getPadWindowRootEleWidthPromise();
    }
  }
  _getConfig(opt) {
    return Object.assign({}, DefaultConfig, opt);
  }
  _getJdPadMinWidthForListen() {
    return (
      isJdApp &&
      Math.min(window.screen.width, window.screen.height) >
        (window?.shopGlobalSwitch?.checkPadRootEleMinWidth || 600)
    );
  }
  
  jmfeReayPromise(): Promise<any> {
    if (isJdApp) {
      if (this.jmfeRegisterState) {
        return Promise.resolve(true);
      } else {
        !this.jmfeRegisterStatePromise &&
          (this.jmfeRegisterStatePromise = new Promise((resolve, reject) => {
            ready('jmfe', 3000)
              .then(() => {
                window?.jmfe && window.jmfe.registerCode(JSSDK_APP_WEBVIEW_CODE);
                this.jmfeRegisterState = true;
                resolve(true);
                console.log('松果app内初始化注册jmfe认证完成');
              })
              .catch((err) => {
                console.error('jmfe ready error', err);
                reject(false);
              });
          }));
        return this.jmfeRegisterStatePromise;
      }
    } else {
      return Promise.reject(false);
    }
  }
  
  getJdScreenSizeInfoPromise() {
    !this.jdScreenSizeInfoPromise &&
      (this.jdScreenSizeInfoPromise = new Promise((resolve) => {
        const getThisTime = Date.now();
        this.jmfeReayPromise().then(() => {
          return Promise.race([
            window.jmfe.getScreenSize(),
            this.taskTimeoutPromise(() => {
              return {
                status: '-10',
                msg: '获取大屏信息2s超时',
              };
            }),
          ])
            .then((res) => {
              console.warn('===获取app大屏信息====', res);
              const { status, data } = res;
              if (status === '0' && data) {
                const { sizeType, isLandscape, pageHeight, pageWidth } = data;
                const getPageInfo = dealNativePixelToCssPixel({
                  pageWidth,
                  pageHeight,
                });
                this.info.sysInfo.jdScreenSizeType = sizeType;
                const getUseTime = Date.now() - getThisTime;
                console.warn(
                  '===计算是否是app大屏信息,需满足宽度最新720===',
                  getPageInfo,
                  '原始数据',
                  data,
                  '是否是横屏isLandscape为1=',
                  isLandscape,
                  '用时',
                  getUseTime,
                );
                if (getPageInfo?.pageWidth > 0) {
                  this.rootEleInitWidth = getPageInfo?.pageWidth;
                  draBusinessCustomReport({
                    type: 'rootEle_width_getJdScreenSizeInfo',
                    errMsg: `根元素获取宽度初始化为0，通过getJdScreenSizeInfo获取结果，用时${getUseTime}`,
                    originReqDataStr: JSON.stringify({
                      isJdApp,
                      getPageInfo,
                      originData: res,
                    }),
                  });
                  resolve(getPageInfo);
                } else {
                  resolve({
                    pageWidth: 0,
                    pageHeight: 0,
                    msg: '转换异常',
                  });
                }
              } else {
                resolve({
                  pageWidth: 0,
                  pageHeight: 0,
                  msg: '获取大屏信息异常或者超时',
                });
              }
            })
            .catch((err) => {
              console.log('获取大屏信息异常', err);
              resolve({
                pageWidth: 0,
                pageHeight: 0,
                msg: '获取大屏信息异常',
              });
            });
        });
      }));
    return this.jdScreenSizeInfoPromise;
  }
  
  listenJdTabletScreenChange() {
    this.jmfeReayPromise().then(() => {
      try {
        console.log('初始化监听大屏信息变化', window.jmfe.listenDeviceScreenChange);
        window.jmfe.listenDeviceScreenChange((event) => {
          console.log(
            '监听app大屏信息变化,orientation为landscape表示横屏,multiScreen为1表示android端分屏',
            event,
            '通过前端判断是不是横屏',
            window.matchMedia('(orientation: landscape)')?.matches,
          );
          const { orientation } = event?.data;
          if (orientation) {
            this.info.sysInfo.isJdTabletLandscape = orientation === 'landscape';
            Taro.eventCenter.trigger(
              TaroEventType.TABLE_SCREEN_CHANGE,
              this.info.sysInfo.isJdTabletLandscape,
              orientation,
            );
          }
        });
      } catch (error) {
        console.log('listenScreenChange的打印error:', error);
      }
    });
  }
  
  updateBusinessDomainAndApi(domain, api) {
  }
  
  formatNativeScreenPageData(action) {
    let getChangePageInfo: any = null;
    try {
      const getNativeScreenPageInfoStr = window.XWebView?._callNative(
        JSON.stringify({
          plugin: 'JDHybridScreenPlugin',
          action,
          sync: '1',
        }),
      );
      const getChangePageInfoData =
        typeof getNativeScreenPageInfoStr === 'string'
          ? JSON.parse(getNativeScreenPageInfoStr)
          : null;
      if (getChangePageInfoData && typeof getChangePageInfoData === 'object') {
        const { code, data } = getChangePageInfoData;
        getChangePageInfo = code && code === '0' ? data : null;
      }
    } catch (e) {
      console.log('JDHybridScreenPlugin转换异常', e);
    }
    return getChangePageInfo;
  }
  
  isAndroidFoldScreen() {
    return this.formatNativeScreenPageData('isFoldScreen') === '1';
  }
  
  getJdAndroidPageChangeScreenInfo() {
    const getPageScreenInfo = this.formatNativeScreenPageData('getScreenSize');
    if (getPageScreenInfo && getPageScreenInfo?.pageWidth && getPageScreenInfo?.pageHeight) {
      const { pageWidth, pageHeight } = dealNativePixelToCssPixel({
        pageWidth: getPageScreenInfo.pageWidth,
        pageHeight: getPageScreenInfo.pageHeight,
      });
      getPageScreenInfo.pageWidth = pageWidth;
      getPageScreenInfo.pageHeight = pageHeight;
    }
    return getPageScreenInfo;
  }
  
  getRootEleWindowWidthInfo() {
    const getRootEleWidth = document.documentElement.getBoundingClientRect().width;
    const getWindowWidth = window.innerWidth;
    const getScreenWidth = window.screen.width;
    return {
      getRootEleWidth,
      getWindowWidth,
      getScreenWidth,
    };
  }
  
  dealRootEleWidthFn(reportParam = {}, timeout = 0) {
    const { getRootEleWidth, getWindowWidth, getScreenWidth } = this.getRootEleWindowWidthInfo();
    console.log(
      '当前获取根元素的宽度',
      getRootEleWidth,
      'getWindowWidth',
      getWindowWidth,
      'getScreenWidth',
      getScreenWidth,
    );
    const getLastWidth =
      getRootEleWidth > 0
        ? Math.round(getRootEleWidth)
        : Math.round(getWindowWidth > 0 ? getWindowWidth : getScreenWidth);
    console.warn(
      `根元素获取宽度初始化为0，通过getJdScreenSizeInfo获取结果超时，超时时间超时时间${timeout}ms,最终兜底再获取一次根元素宽度${getLastWidth}`,
    );
    timeout > 0 &&
      draBusinessCustomReport({
        type: 'rootEle_width_timeout_getJdScreenSizeInfo',
        errMsg: `根元素获取宽度初始化为0，通过getJdScreenSizeInfo获取结果超时，超时时间${timeout}ms,最终兜底再获取一次根元素宽度${getLastWidth}`,
        originReqDataStr: JSON.stringify({
          isJdApp,
          getRootEleWidth,
          getWindowWidth,
          getScreenWidth,
          ...reportParam,
        }),
      });
    return getLastWidth;
  }
  
  getPadWindowRootEleWidthPromise() {
    if (this.rootEleInitWidth > 0) {
      return Promise.resolve(this.rootEleInitWidth);
    } else {
      !this.rootEleWidthRegisterPromise &&
        (this.rootEleWidthRegisterPromise = new Promise((resolve) => {
          const getRootEleInitWidth = this.getRootEleWindowWidthInfo().getRootEleWidth;
          if (getRootEleInitWidth > 0) {
            console.log('初始化获取根元素宽度正常，为', getRootEleInitWidth);
            this.rootEleInitWidth = Math.round(getRootEleInitWidth);
            resolve(this.rootEleInitWidth);
          } else {
            const timerPromise = () => {
              return new Promise((resolve2) => {
                window.setTimeout(() => {
                  const { getRootEleWidth, getWindowWidth, getScreenWidth } =
                    this.getRootEleWindowWidthInfo();
                  if (getRootEleWidth > 0 || getWindowWidth > 0) {
                    console.warn(
                      `根元素获取宽度初始化为0，200ms后尝试获取最新结果,getRootEleWidth为${getRootEleWidth},getWindowWidth为${getWindowWidth},getScreenWidth为${getScreenWidth}`,
                    );
                    draBusinessCustomReport({
                      type: 'rootEle_width_200_timeout_info',
                      errMsg: `根元素获取宽度初始化为0，200ms后尝试获取最新结果,getRootEleWidth为${getRootEleWidth},getWindowWidth为${getWindowWidth}`,
                      originReqDataStr: JSON.stringify({
                        isJdApp,
                        getRootEleWidth,
                        getWindowWidth,
                        getScreenWidth,
                      }),
                    });
                    const getRes =
                      getRootEleWidth > 0 && getWindowWidth > 0
                        ? Math.min(getRootEleWidth, getWindowWidth)
                        : Math.max(getRootEleWidth, getWindowWidth);
                    resolve2({
                      pageWidth: Math.round(getRes),
                    });
                  }
                }, 200);
              });
            };
            Promise.race([timerPromise(), this.getJdScreenSizeInfoPromise()]).then((res) => {
              const { pageWidth } = res;
              console.log('获取结果Promise.race getJdScreenSizeInfo', res);
              pageWidth > 0 ? resolve(pageWidth) : resolve(this.dealRootEleWidthFn(res, 2000));
            });
          }
        }));
      return this.rootEleWidthRegisterPromise;
    }
  }
  
  async getSystemInfo(params) {
    const getParams = Object.assign({}, params || {});
    if (this.rootEleInitWidth > 0) {
      getParams['rootEleInitWidth'] = this.rootEleInitWidth;
      console.log('获取当前系统信息的时候已经获取到根元素宽度，值为', this.rootEleInitWidth);
    } else {
      if (this._getJdPadMinWidthForListen()) {
        getParams['rootEleInitWidth'] = await this.getPadWindowRootEleWidthPromise();
        getParams['replaceSystemWidth'] = true;
      }
    }
    let info: UtilsInterFace.taroGetSystemInfoSyncRes | any = getSystemInfos(getParams);
    if (isJdAndAndroidDevice && info?.initWindowWidth <= 0) {
      let _isfoldScreen = false;
      const getStorageData = getTaroStorageKeyValue('jd_shopx_androidIsFoldScreen');
      console.info(
        '获取当前本地存储是否有jd_shopx_androidIsFoldScreen',
        getStorageData,
        '通过缓存值第一次判断是否是折叠屏',
        getStorageData === 'true',
      );
      if (!getStorageData) {
        _isfoldScreen = this.isAndroidFoldScreen();
        setTaroStorage('jd_shopx_androidIsFoldScreen', `${_isfoldScreen}`);
      } else {
        _isfoldScreen = getStorageData === 'true';
      }
      if (_isfoldScreen) {
        const getJdAndroidPageInfo = this.getJdAndroidPageChangeScreenInfo();
        if (getJdAndroidPageInfo) {
          info = getSystemInfos(getJdAndroidPageInfo);
          console.warn(
            '当前为松果安卓折叠屏app，获取折叠屏信息',
            getJdAndroidPageInfo,
            '获取转换后的系统信息',
            info,
          );
          sgmCustomReport({
            type: 2, 
            code: 'android_jdapp_foldScreen_info',
            msg: {
              title: `松果安卓app为折叠屏，重置获取的系统宽高信息，因为获取宽高度信息初始化内部可能存在横竖屏差异`,
              androidPageInfo: getJdAndroidPageInfo,
              jdAppVersionStr,
              taroSysInfo: info,
            },
          });
        }
      }
    }
    if (isJdApp) {
      info?.isJdTabletDevice && this.listenJdTabletScreenChange();
    }
    this.info.sysInfo = {
      actualNavBarHeight: 0,
      ...this.info.sysInfo,
      ...info,
      safeContentHeight: info?.screenHeight, 
      headerHeight: 0, 
      tabBarHeight: 0, 
    };
    if (isJdApp) {
      this.info.sysInfo['hostVersionName'] = jdAppVersionStr;
      this.info.sysInfo['hostAppVersion'] = jdAppVersion;
      this.getAddressCachePromise();
      this.getElderModePromise();
      this.getJDAppearanceStatePromise();
      this.createJdAndroidRquestEventForTouchStart();
    }
    this.getWifiVideoAutoPlayAsync();
    this.getMPaasConfigAsync();
    this.getNetWorkType();
  }
  
  taskTimeoutPromise(callBack, timeout = 2000) {
    return new Promise((resolve) => {
      setTimeout(() => {
        const getCallBackRes = typeof callBack === 'function' && callBack();
        return resolve(getCallBackRes || false);
      }, timeout);
    });
  }
  
  getElderModePromise() {
    if (this.info.sysInfo.hasOwnProperty('jdAppModeType')) {
      return Promise.resolve(this.info.sysInfo.jdAppModeType);
    } else {
      if (isJdAndAndroidDevice) {
        this.info.sysInfo.jdAppModeType = '0';
        return Promise.resolve(this.info.sysInfo.jdAppModeType);
      } else {
        return Promise.race([
          this.taskTimeoutPromise(() => {
            this.info.sysInfo.jdAppModeType = '0';
            return this.info.sysInfo.jdAppModeType;
          }),
          new Promise((resolve) => {
            const getCallBackName = `getJdCurrentModeType${Date.now()}`;
            if (!window[getCallBackName]) {
              window[getCallBackName] = (res) => {
                try {
                  const getResJson = typeof res === 'string' ? JSON.parse(res) : res;
                  const { status, data, msg } = getResJson;
                  console.log(`获取松果app展示模式成功，返回结果${data}`);
                  if (status === '0') {
                    this.info.sysInfo.jdAppModeType = data;
                    resolve(data);
                  } else {
                    resolve('0');
                  }
                } catch (e) {
                  resolve('0');
                }
                window[getCallBackName] = null;
              };
            }
            window?.webkit?.messageHandlers?.JDAppUnite?.postMessage({
              method: 'callSyncRouterModuleWithParams',
              params: JSON.stringify({
                routerURL: 'router://JDBModeModule/getCurrentMode', 
                routerParam: {}, 
                callBackName: `window.${getCallBackName}`, 
                callBackId: `${getCallBackName}Ios`, 
              }),
            });
          }),
        ]);
      }
    }
  }
  getAPPUseStraightCorner() {
    const routerURL = 'router://JDBaseUtilsModule/isUI14Enable';
    const params = {
      routerURL,
      routerParam: {},
      jdRouter: '1',
    };
    if (this.info.sysInfo.hasOwnProperty('jdStraightCorner')) {
      return Promise.resolve(this.info.sysInfo.jdStraightCorner);
    } else {
      return this.jmfeReayPromise()
        .then(() => {
          if (isJdAndHarmonyDevice || !isJdApp) {
            console.log('not APP or  is Harmony');
            return Promise.resolve(false);
          }
          console.log('jmfe setShareInfo', params);
          return Promise.race([
            window.jmfe.callRouter(params),
            this.taskTimeoutPromise(() => {
              return false;
            }),
          ]).then(({ status, data }) => {
            console.log('004 ~ file: index.tsx:133 ~ .then ~ data:', data);
            console.log('004 ~ file: index.tsx:133 ~ .then ~ status:', status);
            this.info.sysInfo.jdStraightCorner = status === '0' && Number(data) === 1;
            return Promise.resolve(status === '0' && Number(data) === 1);
          });
        })
        .catch((e) => {
          console.log('jmfe error', e);
          return Promise.resolve(false);
        });
    }
  }
  
  getJDAppearanceStatePromise() {
    if (this.info.sysInfo.hasOwnProperty('jdAppearanceState')) {
      return Promise.resolve(this.info.sysInfo.jdAppearanceState);
    } else {
      return Promise.race([
        this.taskTimeoutPromise(() => {
          this.info.sysInfo.jdAppearanceState = '0';
          return this.info.sysInfo.jdAppearanceState;
        }),
        new Promise((resolve) => {
          const getCallBackName = `getJdCurrentAppearanceState${Date.now()}`;
          if (!window[getCallBackName]) {
            window[getCallBackName] = (res) => {
              try {
                console.log('getJDAppearanceStatePromise', res);
                const getResJson = typeof res === 'string' ? JSON.parse(res) : res;
                const { status, data, msg } = getResJson;
                console.log(`获取松果app是否开启黑暗模式成功，返回结果${data}`);
                if (status === '0') {
                  this.info.sysInfo.jdAppearanceState = data;
                  resolve(data);
                } else {
                  resolve('0');
                }
              } catch (e) {
                resolve('0');
              }
              window[getCallBackName] = null;
            };
          }
          if (isAndroidDevice) {
            const jsonString = JSON.stringify({
              callBackName: `window.${getCallBackName}`, 
            });
            console.log('window.JDAppearance', window?.JDAppearance);
            window?.JDAppearance &&
              window?.JDAppearance?.getUiState &&
              window.JDAppearance.getUiState(jsonString);
          } else {
            window?.webkit?.messageHandlers?.JDAppUnite?.postMessage({
              method: 'callSyncRouterModuleWithParams',
              params: JSON.stringify({
                routerURL: 'router://JDWebViewBusinessModule/getJDAppearanceState', 
                routerParam: {}, 
                callBackName: `window.${getCallBackName}`, 
                callBackId: `${getCallBackName}Ios`, 
              }),
            });
          }
        }),
      ]);
    }
  }
  
  createJdAndroidRquestEventForTouchStart() {
    if (isJdAndAndroidDevice && window?.JdAndroid) {
      const rootEleNode = document.querySelector('body');
      if (rootEleNode) {
        rootEleNode.addEventListener('touchstart', this.jdAndroidAddEventListenerTouchStart, false);
      }
    }
  }
  jdAndroidAddEventListenerTouchStart(e) {
    const isH5SwiperCustomEle = e?.target?.closest('.J_h5SwiperCustom');
    if (!isH5SwiperCustomEle && window?.JdAndroid) {
      const hasCustomEle = e
        ? e?.target?.closest('.J_customScroll') || e?.target?.closest('.J_customLayout')
        : false;
      if (!hasCustomEle) {
        window?.JdAndroid?.requestEvent && window.JdAndroid.requestEvent(false);
        console.log(
          'createJdAndroidRquestEvent 所有松果安卓APP内的document touch start事件执行检测requestEvent并重置为false',
        );
      }
    }
  }
  removeJdAndroidRquestEventForTouchStart() {
    if (isJdAndAndroidDevice && window.JdAndroid) {
      const rootEleNode = document.querySelector('body');
      if (rootEleNode) {
        rootEleNode.removeEventListener(
          'touchstart',
          this.jdAndroidAddEventListenerTouchStart,
          false,
        );
      }
    }
  }
  
  getNetWorkType() {
    if (isJdApp) {
      this.jmfeReayPromise().then(() => {
        window.jmfe
          .getNetworkStatus()
          .then(({ status, data }) => {
            console.log('在app内初始化通过jmfe对象获取网络状态完成，当前网络状态====', data);
            if (status === '0') {
              this.info.sysInfo['netWorkType'] = data;
            } else {
              this._taroGetNetworkType();
            }
          })
          .catch((err) => {
            console.log('在app内初始化通过jmfe对象获取网络状态异常====', err);
            this._taroGetNetworkType();
          });
      });
    } else {
      this._taroGetNetworkType();
    }
  }
  _taroGetNetworkType() {
    Taro.getNetworkType().then((getRes) => {
      if (getRes && getRes.networkType) {
        this.info.sysInfo['netWorkType'] = getRes.networkType;
        console.log(
          '在app内通过taro对象获取网络状态完成，当前网络状态',
          this.info.sysInfo['netWorkType'],
        );
      }
    });
  }
  
  getCacheAddressRouter() {
    if (window.jmfe && isJdApp) {
      if (!isJdAndHarmonyDevice) {
        return Promise.race([
          window.jmfe.callRouter({
            jdRouter: '1', 
            routerURL: isAndroidDevice
              ? 'router://JDAddressModule/getCacheAddress'
              : 'router://JDBAddressCacheManagerModule/getCacheAddress',
            routerParam: { sceneId: 'basicShoppingProcess' },
          }),
          this.taskTimeoutPromise(() => {
            return {
              status: '-1000',
              msg: '原生router协议获取地址信息超时',
            };
          }, 3000),
        ]);
      } else {
        return Promise.resolve({
          status: '-1001',
          msg: '鸿蒙系统调用jmfe异常，获取失败',
        });
      }
    } else {
      return Promise.resolve({
        status: '-1002',
        msg: 'jmfe不存在，获取失败',
      });
    }
  }
  
  getAddressCachePromise() {
    return new Promise((resolve) => {
      if (this?.info?.sysInfo?.lat && this?.info?.sysInfo?.lng && this?.info?.sysInfo?.area) {
        resolve({
          lat: this.info.sysInfo.lat,
          lng: this.info.sysInfo.lng,
          area: this?.info?.sysInfo?.area,
        });
      } else {
        this.jmfeReayPromise()
          .then(() => {
            this.getCacheAddressRouter()
              .then((res) => {
                const { status, data } = res;
                console.log('原生端获取经纬度原始数据结果', status, data);
                if (status === '0' && data) {
                  const { lat, latitude, lng, longitude, provinceId, cityId, countyId, townId } =
                    data || {};
                  let area = '';
                  this.info.sysInfo['lat'] = `${lat || latitude || ''}`;
                  this.info.sysInfo['lng'] = `${lng || longitude || ''}`;
                  if (provinceId) {
                    area = `${provinceId}_${cityId || 0}_${countyId || 0}_${townId || 0}`;
                    this.info.pageInfo['address'] = area;
                    this.info.pageInfo['addressCommaStr'] = area.replace(/_/g, ',');
                    Taro.eventCenter.trigger(
                      TaroEventType.USER_AREA_UPDATE,
                      this.info.pageInfo.address,
                    );
                  }
                  resolve({
                    lat: this.info.sysInfo['lat'],
                    lng: this.info.sysInfo['lng'],
                    area: area,
                  });
                } else {
                  if (typeof res === 'object') {
                    sgmCustomReport({
                      type: 3, 
                      code: 'jdapp_getCacheAddress_info',
                      msg: {
                        title: '松果app内通过router协议获取用户地址及经纬度信息异常',
                        jdAppVersion: jdAppVersionStr,
                        ...res,
                      },
                    });
                    draBusinessCustomReport({
                      type: 'jdapp_getCacheAddress_info_err',
                      errMsg: '松果app内通过router协议获取用户地址及经纬度信息异常',
                      originReqDataStr: JSON.stringify({
                        isJdApp,
                        jdAppVersion: jdAppVersionStr,
                        ...res,
                      }),
                    });
                  }
                  resolve({ lat: '', lng: '', area: '' });
                }
              })
              .catch((e) => {
                console.log('getCacheAddressRouter catch e，获取经纬度信息异常e', e);
                draBusinessCustomReport({
                  type: 'jdapp_getCacheAddress_info_catch_err',
                  errMsg: '松果app内通过router协议获取用户地址及经纬度信息catch异常',
                  originReqDataStr: JSON.stringify({
                    isJdApp,
                    jdAppVersion: jdAppVersionStr,
                  }),
                });
                resolve({ lat: '', lng: '', area: '' });
              });
          })
          .catch((e) => {
            resolve({ lat: '', lng: '', area: '' });
            console.log('判断jmfe不存在，获取经纬度信息异常e', e);
          });
      }
    });
  }
  
  async updateMPaasConfigAsync(isBeforePageReady: boolean) {
    console.log('updateMPaasConfigAsync isBeforePageReady:', isBeforePageReady);
    if (!isJdApp) {
      return;
    }
    const avifSwitch = await getMPaasConfigByBussinessKey('avifSwitch', isBeforePageReady);
    this.info.sysInfo.dynamicConfig['avifSwitch'] = avifSwitch;
    const hybridHttpSwitch = await getMPaasConfigByBussinessKey(
      'hybridHttpSwitch',
      isBeforePageReady,
    );
    this.info.sysInfo.dynamicConfig['hybridHttpSwitch'] = hybridHttpSwitch;
    const isFollowAppVideoPlayStatus = await getMPaasConfigByBussinessKey(
      'isFollowAppVideoPlayStatus',
      isBeforePageReady,
    );
    console.log(
      'isBeforePageReady:',
      isBeforePageReady,
      'isFollowAppVideoPlayStatus:',
      isFollowAppVideoPlayStatus,
    );
    if (isFollowAppVideoPlayStatus === true || isFollowAppVideoPlayStatus === 'true') {
      this.info.sysInfo.dynamicConfig['isFollowAppVideoPlayStatus'] = true;
    }
  }
  
  async getWifiVideoAutoPlayAsync() {
    this.info.sysInfo['wifiVideoAutoPlay'] = false;
    if (!isJdApp) {
      return;
    }
    const videoPlayStatus = await getWifiVideoAutoPlay().catch((e) => {
      return 0;
    });
    if (Number(videoPlayStatus) === 1) {
      this.info.sysInfo['wifiVideoAutoPlay'] = true;
    }
  }
  
  async getMPaasConfigAsync() {
    this.info.sysInfo.dynamicConfig = {}; 
    this.info.sysInfo.dynamicConfig['avifSwitch'] = {};
    this.info.sysInfo.dynamicConfig['hybridHttpSwitch'] = {};
    this.info.sysInfo.dynamicConfig['isFollowAppVideoPlayStatus'] = false;
    return this.updateMPaasConfigAsync(true);
  }
  
  getDynamicConfig(key: string) {
    return this.info.sysInfo?.dynamicConfig?.[key];
  }
  async updateMPaasConfig() {
    console.log('updateMPaasConfig');
    if (
      isIosDevice && 
      versionCompare(jdAppVersionStr, MPAAS_CONFIG_APP_VERSION) < 0 && 
      versionCompare(jdAppVersionStr, MPAAS_CONFIG_APP_LOW_VERSION) >= 0 
    ) {
      try {
        await this.updateMPaasConfigAsync(false);
      } catch (e) {
        console.log('updateMPaasConfigAsync:', e);
      }
    }
  }
  
  toLogin(options) {
    return this.info.isJingGouMiniViewState || this.info.isJingxiMiniViewState
      ? this.toWxAppLogin(options)
      : this.toWebLogin(options);
  }
  
  doLogin(options) {
    return this.toLogin(options);
  }
  
  doLoginForJdPin(options = {}) {
    return this.doLogin({
      loginColor: {
        biz: WXAPP_BIZ_SHOP_LIGHT_KEY,
        dpin: 0,
      },
      ...options,
    });
  }
  
  toWebLogin(options) {
    let params: {
      returnurl: string;
    } = {
      returnurl: '',
    };
    const loginUrl = isPc
      ? `//passport.jd.com/new/login.aspx`
      : `${domain.mobileLogin}/user/login.action`;
    const defaultParams = {
      appid: '100',
      returnurl: window.location.href,
    };
    if (isString(options)) {
      params = Object.assign({}, defaultParams, {
        returnurl: options,
      });
    } else if (isObject(options)) {
      const { loginColor, ...otherOptions } = options;
      params = Object.assign({}, defaultParams, otherOptions);
    } else {
      params = defaultParams;
    }
    params.returnurl = encodeURIComponent(params.returnurl);
    let getFullUrl = loginUrl + '?' + serialize(params);
    if (isPc) {
      getFullUrl = getFullUrl.replace(/returnurl/, 'ReturnUrl');
    }
    return Promise.resolve({
      h5ToUrl: true,
      url: getFullUrl,
    }).then(() => {
      window.location.href = getFullUrl;
    });
  }
  
  toWxAppLogin(options = {}) {
    console.log('微信京购小程序中h5登录跳转', options);
    return Promise.resolve(true).then(() => {
      const { loginColor } = Object.assign(
        {},
        {
          loginColor: {
            biz: WXAPP_BIZ_KEY,
            dpin: 1,
          },
        },
        options,
      );
      window.location.href = `${domain.wq}/pinbind/pintokenredirect?biz=${
        loginColor.biz
      }&url=${encodeURIComponent(window.location.href)}`;
    });
  }
  
  getLoginCookie() {
    return Promise.resolve({
      pin: cookie.get('pin') || '',
    });
  }
  
  clearLoginCookie() {
    cookie.remove('pin');
  }
  
  checkStatusAndLogin(options = {}) {
    if (!this.checkStatusAndLoginPromise) {
      this.checkStatusAndLoginPromise = new Promise(async (resolve, reject) => {
        try {
          const getLoginState = await this.doCheckLoginStateAndForApiCheck(options);
          if (getLoginState) {
            resolve(true);
          } else {
            this.toLogin(options);
            reject(false);
          }
        } catch (e) {
          this.toLogin(options);
          reject(false);
        }
      });
      return this.checkStatusAndLoginPromise;
    } else {
      return this.checkStatusAndLoginPromise
        .then(() => {
          return Promise.resolve(true);
        })
        .catch(() => {
          this.toLogin(options);
          return Promise.reject(true);
        });
    }
  }
  
  checkJdStatusAndLogin(
    options = {
      loginColor: {
        biz: WXAPP_BIZ_SHOP_LIGHT_KEY,
        dpin: 0,
      },
    },
  ) {
    return this.checkStatusAndLogin(options);
  }
  
  doCheckLoginStateAndForApiCheck(options) {
    if (this.info.loginState) {
      return Promise.resolve(true);
    } else {
      return new Promise((resolve, reject) => {
        if (this.info.isJingGouMiniViewState || this.info.isJingxiMiniViewState) {
          const getWqAuthToken = cookie.get('wq_auth_token');
          const getWqSkey = cookie.get('wq_skey');
          const getWqUin = cookie.get('wq_uin');
          const isLoginState =
            options?.loginColor?.dpin === 0 ? getWqAuthToken : getWqSkey && getWqUin;
          if (isLoginState) {
            this.info.loginState = true;
            resolve(true);
          } else {
            reject(false);
          }
        } else {
          Taro.request({
            url: api.isLogin,
            jsonp: true,
            timeout: 3000,
            success: (res) => {
              const { statusCode, data } = res;
              if (statusCode === 200 && data?.islogin && Number(data.islogin) === 1) {
                this.info.loginState = true;
                resolve(true);
              } else {
                reject(false);
              }
            },
            fail: (err) => {
              console.log('登录检查异常', err);
              reject(false);
            },
          });
        }
      });
    }
  }
  
  checkLoginStatus(options) {
    return new Promise(async (resolve, reject) => {
      try {
        const getLoginState = await this.doCheckLoginStateAndForApiCheck(options);
        if (getLoginState) {
          const { pin } = await this.getLoginCookie();
          this.info.userInfo = {
            pin,
            encodePin: encodeURIComponent(pin),
            ptkey: '',
          };
          resolve(true);
        } else {
          reject(false);
        }
      } catch (e) {
        reject(false);
      }
    });
  }
  
  updatePageAndLogInfo(updateQuery = {}) {
    const createUpdateQueryInfo: {
      query: {
        shopId?: string | number;
        venderId?: string | number;
      };
      updateShopInfoState: boolean;
    } = Object.assign(
      {},
      {
        query: {},
        updateShopInfoState: false,
      },
      updateQuery,
    );
    console.log(
      '获取当前下发的店铺查询参数',
      updateQuery,
      '获取之前保存的shopInfo店铺查询参数',
      this.info?.shopInfo,
    );
    const { query, updateShopInfoState } = createUpdateQueryInfo;
    const { shopId, venderId, un_area } = query;
    if (updateShopInfoState) {
      this.info.queryInfo = {
        ...this.info.queryInfo,
        ...query,
      };
      if (shopId && venderId) {
        this.info.shopInfo = {
          shopId: `${shopId}`,
          venderId: `${venderId}`,
        };
      }
    } else {
      this.info.queryInfo = {
        ...query,
      };
      if (
        this.info.shopInfo?.shopId &&
        this.info.shopInfo?.venderId &&
        (this.info.shopInfo.shopId == shopId || this.info.shopInfo.venderId == venderId)
      ) {
        this.info.queryInfo.shopId = this.info.shopInfo.shopId;
        this.info.queryInfo.venderId = this.info.shopInfo.venderId;
        console.log(
          '当前存储的店铺shopId和venderId与下发的店铺信息shopId或者venderId为同一个，补充shopId或者venderId查询参数',
          this.info.queryInfo,
        );
      }
    }
    this.info.queryInfo['shopId'] &&
      (this.info.queryInfo['shopId'] = `${this.info.queryInfo['shopId']}`);
    this.info.queryInfo['venderId'] &&
      (this.info.queryInfo['venderId'] = `${this.info.queryInfo['venderId']}`);
    console.log(
      'h5==获取店铺下发查询参数\n',
      query,
      '\n获取店铺最后查询参数\n',
      this.info.queryInfo,
      '\n是否为更新店铺状态\n',
      updateShopInfoState,
    );
    const changeArea = un_area && un_area.length > 0 ? un_area : isPc && ipLoc_djd ? ipLoc_djd : '';
    if (changeArea) {
      const getBottomAreaStr = changeArea.replace(/-/g, '_');
      this.info.pageInfo.address = getBottomAreaStr;
      this.info.pageInfo.un_area = getBottomAreaStr;
      this.info.pageInfo.addressCommaStr = getBottomAreaStr.replace(/_/g, ',');
    }
  }
  
  dealLoadSdkList() {
    const globalLoadJsList = window?.shopGlobalSwitch?.asyncLoadJsList ?? [];
    const businessLoadJsList = window?.PAGE_DATA?.businessData?.asyncLoadJsList ?? [];
    const concatLoadJsList = [].concat(globalLoadJsList, businessLoadJsList);
    let mergeLoadJsList = globalLoadJsList;
    try {
      mergeLoadJsList = concatLoadJsList.reduce((accArr: any[], current: any) => {
        const getFindIndex = accArr.findIndex((item) => item?.fileName === current?.fileName);
        getFindIndex !== -1
          ? (accArr[getFindIndex] = { ...accArr[getFindIndex], ...current })
          : accArr.push(current);
        return accArr;
      }, []);
    } catch (e) {
      console.log('LoadJsList合并错误', e);
    }
    console.log(
      'globalLoadJsList',
      globalLoadJsList,
      'businessLoadJsList',
      businessLoadJsList,
      '两个加载jsList集合合并完成',
      mergeLoadJsList,
    );
    this.loadJsSdkList = mergeLoadJsList;
    return this.loadJsSdkList;
  }
  
  renderNextTickLoadSdk() {
    Taro.nextTick(() => {
      console.log(
        '页面渲染的下一帧执行的js加载方法,当前nextTick存在state的渲染问题，先延迟1s=======',
      );
      setTimeout(() => {
        this.loadOtherSdk(LoadJsInitTriggerType.NRXT_TICK, this.loadJsSdkList);
      }, 1000);
    });
  }
  
  loadOtherSdk(triggerType = LoadJsInitTriggerType.NOW, loadJsList: any[] = []) {
    const getLoadJsList =
      Array.isArray(loadJsList) && loadJsList.length > 0 ? loadJsList : this.dealLoadSdkList();
    const getLoadFilterList = getLoadJsList.filter((item) => {
      const getInitLoadEnvType = item?.initLoadEnvType || LoadJsInitLoadEnvType.ALL;
      let getLoastLoadEventState = true;
      if (getInitLoadEnvType === LoadJsInitLoadEnvType.JD_APP) {
        getLoastLoadEventState = isJdApp;
      }
      else if (getInitLoadEnvType === LoadJsInitLoadEnvType.M) {
        getLoastLoadEventState = !isJdApp || !!isJdAndHarmonyDevice;
      }
      const getInitTriggerType =
        isJdApp && item?.initJdAppTriggerType
          ? item?.initTriggerType
          : item?.initTriggerType || LoadJsInitTriggerType.NOW;
      const getInitLinkTriggerWay = window?.PAGE_DATA[item?.initLinkTriggerWay] || false;
      return getLoastLoadEventState && getInitTriggerType === triggerType && getInitLinkTriggerWay;
    });
    console.log(
      '获取当前触发方式',
      triggerType,
      '获取当前最后加载的js集合',
      getLoadFilterList,
      '过滤前的加载集合',
      getLoadJsList,
    );
    getLoadFilterList.length > 0 &&
      getLoadFilterList.forEach((item) => {
        const isLoadState = /sgm/.test(item?.fileName)
          ? window?.shopGlobalSwitch?.openSgm === 'true'
          : true;
        isLoadState &&
          this.loadItemSdkPromise(item)
            .then((res) => {
              console.info('当前js地址' + item?.src, '加载状态', res);
              const isFileNameNewDraSdkJs = res?.fileName === 'newDraSdkJs';
              if (isFileNameNewDraSdkJs && window?.dra?.run) {
                window.dra.run('init', { aid: res?.aid });
                window.dra.run('start');
              }
            })
            .catch((err) => {
              console.info('当前js地址加载异常', item?.src);
              window?.fetchErrorData &&
                window.fetchErrorData({
                  title: '公共js加载异常',
                  type: 'jsLoad',
                  data: err,
                });
            });
      });
  }
  loadScriptEle(jsInfo, resolve, reject) {
    const getFileName = jsInfo?.fileName;
    if (getFileName) {
      const getEleId = `J_loadJs_${getFileName}`;
      const getEle = document.getElementById(getEleId);
      if (!getEle) {
        const jsLoadErrorSgmCode = `jsLoadError_${jsInfo?.fileName || 'customJs'}`;
        const _sgmEle = document.createElement('script');
        _sgmEle.id = getEleId;
        _sgmEle.onload = function () {
          resolve({
            ...jsInfo,
            jsTip: 'js加载成功',
          });
        };
        _sgmEle.onerror = function () {
          reject({
            ...jsInfo,
            env: getSgmCustomCode(jsLoadErrorSgmCode),
            jsReqError: '当前js创建标签触发onerror异常回调，请排查网络络错误或语法错误或运行时错误',
          });
        };
        const dataAttrList = ['timeout', 'fileName', 'env'];
        const getJsInfoKeyList = Object.keys(jsInfo);
        getJsInfoKeyList.forEach((key) => {
          if (key === 'async') {
            _sgmEle.async = jsInfo[key];
          } else if (key === 'crossOrigin') {
            _sgmEle.crossOrigin = jsInfo[key];
          } else if (key === 'src') {
            _sgmEle.src = `${jsInfo[key]}`;
          } else if (dataAttrList.includes(key) || /init/.test(key)) {
            _sgmEle.setAttribute(`data-${key}`, jsInfo[key]);
          } else {
            _sgmEle.setAttribute(key, jsInfo[key]);
          }
        });
        document.head.appendChild(_sgmEle);
      } else {
        console.log(`当前${jsInfo?.fileName || 'js'}已经存在页面中，可以直接调用相关方法`, jsInfo);
        resolve({
          ...jsInfo,
          jsTip: 'js本身已存在页面中',
        });
      }
    } else {
      console.warn('当前js资源信息缺少必要的参数fileName,请关注', jsInfo);
    }
  }
  
  loadItemSdkPromise(jsInfo = {}) {
    if (jsInfo?.src) {
      const getInitLoadType =
        isJdApp && jsInfo?.initJdAppLoadType
          ? jsInfo?.initJdAppLoadType
          : jsInfo?.initLoadType || LoadJsInitLoadType.ALL;
      if (getInitLoadType !== LoadJsInitLoadType.NONE) {
        const getFileKeyName = jsInfo?.fileName || jsInfo?.src;
        if (!this.loadJsSdkListCachePromise[getFileKeyName]) {
          if (getInitLoadType !== LoadJsInitLoadType.INSERT_ELE) {
            this.loadJsSdkListCachePromise[getFileKeyName] = new Promise((resolve, reject) => {
              const jsLoadErrorSgmCode = `jsLoadError_${jsInfo?.fileName || 'customJs'}`;
              try {
                const jsXhrRequest = new XMLHttpRequest();
                jsXhrRequest.timeout = jsInfo?.timeout ?? 2000;
                const jsUrl = `${jsInfo?.src}`;
                jsXhrRequest.open('GET', jsUrl, true);
                jsXhrRequest.onreadystatechange = () => {
                  if (jsXhrRequest.readyState === 4) {
                    const getReqStatus = jsXhrRequest.status;
                    if ((getReqStatus >= 200 && getReqStatus < 300) || getReqStatus === 304) {
                      const getInsetHeadState = getInitLoadType === LoadJsInitLoadType.ALL;
                      if (getInsetHeadState) {
                        this.loadScriptEle(jsInfo, resolve, reject);
                      } else {
                        resolve({
                          ...jsInfo,
                          jsTip: 'js请求成功，暂未插入head节点，业务自行单独插入',
                        });
                      }
                      getReqStatus !== 200 &&
                        sgmCustomReport({
                          type: 3,
                          code: 'js_load_special_code',
                          msg: {
                            msg: '当前js加载成功，状态非200，特殊上报观察',
                            jsReqState: getReqStatus,
                            env: getSgmCustomCode('js_load_special_code'),
                            data: jsInfo,
                          },
                        });
                    } else {
                      const getRes = {
                        ...jsInfo,
                        env: getSgmCustomCode(jsLoadErrorSgmCode),
                        jsReqError: `请求状态异常,状态码为${getReqStatus}`,
                        jsReqState: getReqStatus, 
                      };
                      console.log('当前js请求状态异常，具体信息见', getRes);
                      reject(getRes);
                    }
                  }
                };
                jsXhrRequest.onerror = () => {
                  const getRes = {
                    ...jsInfo,
                    env: getSgmCustomCode(jsLoadErrorSgmCode),
                    jsReqError: '请求错误',
                  };
                  console.log('当前js请求错误', getRes);
                  jsXhrRequest.abort();
                  reject(getRes);
                };
                jsXhrRequest.ontimeout = () => {
                  const getRes = {
                    ...jsInfo,
                    env: getSgmCustomCode(jsLoadErrorSgmCode),
                    jsReqError: `请求${jsXhrRequest.timeout}ms超时异常`,
                    jsReqState: jsXhrRequest.status, 
                  };
                  console.log('当前js请求超时异常', getRes);
                  jsXhrRequest.abort();
                  reject(getRes);
                };
                jsXhrRequest.send();
              } catch (e) {
                console.log('执行js请求异常', e);
                reject({
                  ...jsInfo,
                  env: getSgmCustomCode(jsLoadErrorSgmCode),
                  jsReqError: '未知异常',
                  error: e,
                });
              }
            });
          } else {
            this.loadJsSdkListCachePromise[getFileKeyName] = new Promise((resolve, reject) => {
              return this.loadScriptEle(jsInfo, resolve, reject);
            });
          }
        }
        return this.loadJsSdkListCachePromise[getFileKeyName];
      } else {
        return Promise.resolve({
          ...jsInfo,
          jsTip: 'js加载方式设置为不加载，当前不做处理',
        });
      }
    } else {
      return Promise.reject(jsInfo);
    }
  }