@conecli/cone-render 0.9.1-shop2.11 → 0.9.1-shop2.12

package/dist/common/index.h5.ts

@@ -1 +1 @@
-import Taro from '@tarojs/taro'
  isJdApp,
  isIosDevice,
  isAndroidDevice,
  isJdAndHarmonyDevice,
  isJdAndAndroidDevice,
  jdAppVersion,
  jdAppVersionStr,
  isString,
  isObject,
  serialize,
  dealNativePixelToCssPixel
  BUSINESS_TYPE,
  JSSDK_APP_WEBVIEW_CODE,
  SECTION_HOME_TAB_NAME_TYPE,
  SECTION_HOME_TAB_TYPE,
  WX_BUSINESS_TYPE,
  WXAPP_BIZ_KEY,
  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.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:514 ~~ .catch ~~ e:", e)
              resolve({ lat: '', lng: '', area: '' })
            })
        }).catch((e) => {
            console.log(" ~~ file: index.h5.ts:518 ~~ .catch ~~ e:", e)
          resolve({ lat: '', lng: '', area: '' })
          console.log("判断jmfe不存在，获取经纬度信息异常")
        })
      }
    })
  }
  
  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'
  isJdApp,
  isIosDevice,
  isAndroidDevice,
  isJdAndHarmonyDevice,
  isJdAndAndroidDevice,
  jdAppVersion,
  jdAppVersionStr,
  isString,
  isObject,
  serialize,
  dealNativePixelToCssPixel,
  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,
  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, ',')
    }
  }