@conecli/cone-render 0.9.1-shop2.24 → 0.9.1-shop2.26

package/dist/common/index.h5.ts

@@ -1 +1 @@
-import Taro from '@tarojs/taro'
  isIosDevice,
  isAndroidDevice,
  isJdAndHarmonyDevice,
  isJdAndAndroidDevice,
  jdAppVersion,
  jdAppVersionStr,
  isString,
  isObject,
  serialize,
  dealNativePixelToCssPixel,
  isPc,
  BUSINESS_TYPE,
  JSSDK_APP_WEBVIEW_CODE,
  SECTION_HOME_TAB_NAME_TYPE,
  SECTION_HOME_TAB_TYPE,
  WXAPP_BIZ_KEY,
  WX_BUSINESS_TYPE,
  MPAAS_CONFIG_APP_VERSION,
  MPAAS_CONFIG_APP_LOW_VERSION,
  WXAPP_BIZ_SHOP_LIGHT_KEY,
  LoadJsInitLoadEnvType,
  LoadJsInitLoadType,
  LoadJsInitTriggerType
  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
  public loadJsSdkList: Array<any>
  public loadJsSdkListCachePromise: any
  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.loadOtherSdk()
    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`, 
              }),
            })
          }),
        ])
      }
    }
  }
  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(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 }) => {
              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,
                    ',',
                  )
                }
                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: {
            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 : ipLoc_djd ? ipLoc_djd : ''
    if (changeArea) {
      this.info.pageInfo.address = changeArea
      this.info.pageInfo.un_area = changeArea
      this.info.pageInfo.addressCommaStr = changeArea.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
      }
      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)
        })
        .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)
    }
  }
+import Taro from '@tarojs/taro'
  isIosDevice,
  isAndroidDevice,
  isJdAndHarmonyDevice,
  isJdAndAndroidDevice,
  jdAppVersion,
  jdAppVersionStr,
  isString,
  isObject,
  serialize,
  dealNativePixelToCssPixel,
  isPc,
  BUSINESS_TYPE,
  JSSDK_APP_WEBVIEW_CODE,
  SECTION_HOME_TAB_NAME_TYPE,
  SECTION_HOME_TAB_TYPE,
  WXAPP_BIZ_KEY,
  WX_BUSINESS_TYPE,
  MPAAS_CONFIG_APP_VERSION,
  MPAAS_CONFIG_APP_LOW_VERSION,
  WXAPP_BIZ_SHOP_LIGHT_KEY,
  LoadJsInitLoadEnvType,
  LoadJsInitLoadType,
  LoadJsInitTriggerType
  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
  public loadJsSdkList: Array<any>
  public loadJsSdkListCachePromise: any
  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.loadOtherSdk()
    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 && 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
            }
          })
        }
      }
    }
    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(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 }) => {
              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,
                    ',',
                  )
                }
                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: {
            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 : ipLoc_djd ? ipLoc_djd : ''
    if (changeArea) {
      this.info.pageInfo.address = changeArea
      this.info.pageInfo.un_area = changeArea
      this.info.pageInfo.addressCommaStr = changeArea.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
      }
      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)
    }
  }