@conecli/cone-render 0.9.1-shop2.2 → 0.9.1-shop2.4

package/dist/common/index.h5.ts

@@ -1 +1 @@
-import Taro from '@tarojs/taro'
    urlCookie
  public config: {
    [key: string]: any
  } 
  public lazyContainer: CommonInterFace.lazyContainer
    this.config = {}
      ...info,
    let getFullUrl = loginUrl + '?' + serialize(params)
    if(isPc) {
      getFullUrl = getFullUrl.replace(/returnurl/,'ReturnUrl')
    }
      pin: cookie.get('pin') || ''
    })
    if(!this.checkStatusAndLoginPromise){
      this.checkStatusAndLoginPromise = new Promise(async (resolve, reject) => {
       try {
         const getLoginState = await this.doCheckLoginStateAndForApiCheck()
         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)
      })
    }
   
  doCheckLoginStateAndForApiCheck() {
    if(this.info.loginState){
      return Promise.resolve(true)
    }else {
      return new Promise((resolve, reject) => {
        if(this.info.isJingGouMiniViewState){
          const getWqAuthToken = cookie.get("wq_auth_token")
          if(getWqAuthToken){
            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)
            }
          })
        }
      })
    }
  }
  
      try {
        const getLoginState = await this.doCheckLoginStateAndForApiCheck()
        if(getLoginState){
          const { pin } = await this.getLoginCookie();
          this.info.userInfo = {
            pin,
            encodePin: encodeURIComponent(pin),
            ptkey: '',
          }
          resolve(true)
        }else {
          reject(false)
        }
      }catch (e) {
        reject(false)
      }
    })
    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,
  isJdAndAndroidDevice,
  jdAppVersion,
  jdAppVersionStr,
  isString,
  isObject,
  serialize,
  urlCookie,
  BUSINESS_TYPE,
  SECTION_HOME_TAB_TYPE,
  SECTION_HOME_TAB_NAME_TYPE,
  WXAPP_BIZ_KEY,
  WX_BUSINESS_TYPE,
  JSSDK_APP_WEBVIEW_CODE,
  loginState: false, 
  cookiesStr: '', 
  userInfo: userPinKey,
  isJingGouMiniViewState: 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: {}, 
    tabsLoadAllDataInfo: {
      [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_WELL_CHOSEN]]:
        false,
    }, 
    updateShopInfosAllState: false, 
    isVipShop: 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',
  },
  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 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
    isJdApp && this.jmfeReayPromise()
  }
  _getConfig(opt) {
    return Object.assign({}, DefaultConfig, opt)
  }
  
  jmfeReayPromise() {
    return this.jmfeRegisterState ? Promise.resolve(true) : 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)
      })
    })
  }
  
  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){
      getPageScreenInfo.pageWidth = Math.round(getPageScreenInfo.pageWidth / window.devicePixelRatio)
      getPageScreenInfo.pageHeight = Math.round(getPageScreenInfo.pageHeight / window.devicePixelRatio)
    }
    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.getNetWorkType()
  }
  
  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'])
      }
    })
  }
  
  getElderModePromise(){
    if(this.info.sysInfo.hasOwnProperty('jdAppModeType')){
      return Promise.resolve(this.info.sysInfo.jdAppModeType)
    }else {
      if(isJdAndAndroidDevice || /mac|window/i.test(navigator.userAgent)){
        this.info.sysInfo.jdAppModeType = "0"
        return Promise.resolve(this.info.sysInfo.jdAppModeType)
      }else {
        return new Promise(resolve => {
          const getCallBackName = `getJdCurrentModeType${Date.now()}`
          if(!window[getCallBackName]){
            window[getCallBackName] = function(res){
              try {
                const getResJson = typeof res === 'string' ? JSON.parse(res) : res;
                const {status, data, msg} = getResJson
                status === '0' ? resolve(data) : 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`, 
            }),
          })
        })
      }
    }
  }
  getCacheAddressRouter() {
    if (!window.jmfe) return
    if (isAndroidDevice) {
      return window.jmfe.callRouter({
        jdRouter: '1', 
        routerURL: 'router://JDAddressModule/getCacheAddress',
        routerParam: { sceneId: 'basicShoppingProcess' },
      })
    } else {
      return window.jmfe.callRouter({
        jdRouter: '1', 
        routerURL: 'router://JDBAddressCacheManagerModule/getCacheAddress',
        routerParam: { sceneId: 'basicShoppingProcess' },
      })
    }
  }
  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(() => {
              resolve({ lat: '', lng: '', area: '' })
            })
        }).catch(() => {
          resolve({ lat: '', lng: '', area: '' })
          console.log("判断jmfe不存在，获取经纬度信息异常")
        })
      }
    })
  }
  
  toLogin(options) {
    return this.info.isJingGouMiniViewState
      ? this.toWxAppLogin(options)
      : this.toWebLogin(options)
  }
  
  doLogin(options) {
    return this.toLogin(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)) {
      params = Object.assign({}, defaultParams, options)
    } 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(() => {
      window.location.href = `${
        domain.wq
      }/pinbind/pintokenredirect?biz=${WXAPP_BIZ_KEY}&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()
          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)
        })
    }
  }
  
  doCheckLoginStateAndForApiCheck() {
    if (this.info.loginState) {
      return Promise.resolve(true)
    } else {
      return new Promise((resolve, reject) => {
        if (this.info.isJingGouMiniViewState) {
          const getWqAuthToken = cookie.get('wq_auth_token')
          if (getWqAuthToken) {
            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() {
    return new Promise(async (resolve, reject) => {
      try {
        const getLoginState = await this.doCheckLoginStateAndForApiCheck()
        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, ',')
    }
    if (urlCookie['wq_auth_token']) {
      try {
        this.info.userInfo.wqAuthToken = urlCookie['wq_auth_token']
        console.log(
          'url中获取cookie内wq_auth_token下发成功，将会在接口中的cookie携带',
          urlCookie['wq_auth_token'],
        )
        cookie.set('wq_auth_token', this.info.userInfo.wqAuthToken, {
          domain: '.jd.com',
          path: '/', 
          expires: new Date(Date.now() + 4 * 60 * 60 * 1000), 
        })
      } catch (e) {
        console.log(
          'url中转换解析下发的cookie失败，这里主要是京购下面访问h5会携带',
        )
      }
    }
  }