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

package/dist/jumpEventReport/web.jdjch.ts

@@ -1 +1 @@
-import {JdJumpJdApp} from './jdJumpJdApp'
  routerInfo: {
    params: {},
  }, 
  nativeEvent: null, 
  jumpConfig: {
    venderId: null,
    shopId: null,
    sourceValue: '',
    sourceType: 'App-H5',
    activityType: 'shopx',
    moduleId: 'none', 
    entrance: 'none',
  },
  logPageParamStr: '',
  public logPageId: string
  public jumpConfig: JumpEventReportInterFace.JumpH5ReportConfig
  constructor(opt = {}) {
    console.log('jdb加载==========')
    super(opt)
    this.getConfig(opt)
  }
  jdbOpenAppParams(openAppUrl): Object | boolean {
    let getParams: boolean | Object = false
    if (this.isOpenJdbAppUrl(openAppUrl)) {
      try {
        getParams = openAppUrl.replace(
          /openApp\.jdbmall:\/\/virtual\?params=/i,
          '',
        )
        getParams = JSON.parse(String(getParams))
      } catch (e) {
        console.log(e)
      }
    }
    return getParams
  }
  isOpenJdbAppUrl(openAppUrl) {
    return /openApp\.jdbmall:\/\/virtual\?params=/i.test(openAppUrl)
  }
  
  async jdJumpConfigUrl(detail, logEventInfo = {}) {
    const {configDataType, configDataValue} = detail
    switch (configDataType) {
      case LinkConfigType.CONFIG_TYPE_SKU_LIST:
        this.jdJumpToProduct(
          {
            ...configDataValue,
            skuId: configDataValue.skuIds,
            skuUniformBizInfo: {buId: configDataValue.buId},
          },
          logEventInfo,
        )
        break
      case LinkConfigType.CONFIG_TYPE_CUSTOM_LINK: {
        const _url = configDataValue.linkUrl
        if (this.isOpenJdbAppUrl(_url)) {
          const getOpenAppParams = this.jdbOpenAppParams(_url)
          console.log('jd web 获取自定义链接解析后的参数结果', getOpenAppParams)
          if (getOpenAppParams) {
            this.jdNavigateToNative(
              Object.assign({}, getOpenAppParams, {
                logEventInfo,
              }),
            )
          }
        } else {
          const win = window.parent !== window ? window.parent : window;
          win.location.href = _url
        }
        break
      }
      default:
    }
  }
  
  jdJumpToProduct(skuParams, logEventInfo) {
    if (typeof skuParams !== 'object') {
      console.error('万商app跳转商品详情参数需要对象，详情请查看文档')
      return
    }
    
    let {skuId, bMallTag = '1', skuUniformBizInfo} = skuParams
    skuId = skuId.toString().trim()
    let url = 'https://b2b.m.jd'
    url = url + `.com/goods-detail/#/pages/index/index?skuId=${skuId}&bMallTag=${bMallTag}&skuSourceInfo=${encodeURIComponent(JSON.stringify(skuUniformBizInfo))}`
    if(/jdjchshopapp/i.test(navigator.userAgent)) {
      const {browser} = window['@jd/jdb-jssdk-b2b'] || {}
      if (browser) {
        browser.openPage({
          url,
        })
      }
    }else {
      const win = window.parent !== window ? window.parent : window;
      win.location.href = url
    }
  }
  
  jdNavigateToNative(
    params: {},
    url = OpenAppHost,
    successBack?: Function | null,
    failBack?: Function | null,
  ) {
    console.log('jdb web', params)
    const getResParams: JumpEventReportInterFace.JdMiniJumpParams =
      Object.assign(
        {},
        {
          param: {},
        },
        params,
      )
    const {logEventInfo, ...otherParams} = getResParams
    console.log(
      'jdb web 获取open协议参数 jdNavigateToNative params: ',
      otherParams,
    )
    console.log('logEventInfo params: ', logEventInfo)
    console.log('otherParams', otherParams)
    const paramsStr = JSON.stringify(otherParams)
    console.log('跳转web jdb open协议', `${url}?params=${paramsStr}`)
    global.info.pageInfo.dataType === BUSINESS_TYPE.ONLINE &&
    this.clickEventLog(logEventInfo || getResParams)
      .then(() => {
        if (typeof successBack == 'function') {
          successBack(getResParams)
        } else {
          try {
            const paramsStr = JSON.stringify(otherParams)
            console.log(
              'success: 跳转web jdb open协议',
              `${url}?params=${paramsStr}`,
            )
            window.location.href = `${url}?params=${paramsStr}`
          } catch (e) {
            console.log('跳转异常', e)
          }
        }
      })
      .catch((e) => {
        console.log('catch', e)
        typeof failBack == 'function' && failBack(getResParams)
      })
  }
  
  clickEventLog(
    opts: JumpEventReportInterFace.OptEventLogParams = {},
    reportKey = 'click',
  ) {
    const {eventId, jsonParam, eventLevel = 3, ...otherParams} = opts
    if (eventId && jsonParam) {
      const {etModelInfo, logBaseInfo} = jsonParam
      let getJsonParam = {}
      if (etModelInfo && logBaseInfo) {
        getJsonParam = logBaseInfo
      } else {
        if (Array.isArray(jsonParam)){
          getJsonParam = jsonParam
        } else {
          getJsonParam = Object.assign(
            {},
            {
              shopid: global.info.queryInfo?.shopId,
            },
            jsonParam,
          )
        }
      }
      const webLogParams = {
        eid: eventId,
        elevel: eventLevel,
        eparam: JSON.stringify(getJsonParam),
        jsonParam: JSON.stringify(getJsonParam),
        etModel: JSON.stringify(etModelInfo || {}),
        pageId: this.logPageId,
        pageParam: this.logPageParamStr, 
        ...otherParams,
      }
      return /click|exposure/.test(reportKey)
        ? reportClick(webLogParams)
        : reportToCart(opts, webLogParams)
    } else {
      console.log('暂无埋点参数eventId和eventParam')
      return Promise.resolve(false)
    }
  }
  getConfig(opt = {}) {
    return Object.assign(this, {}, defaultConfig, opt)
  }
+import {JdJumpJdApp} from './jdJumpJdApp'
  routerInfo: {
    params: {},
  }, 
  nativeEvent: null, 
  jumpConfig: {
    venderId: null,
    shopId: null,
    sourceValue: '',
    sourceType: 'App-H5',
    activityType: 'shopx',
    moduleId: 'none', 
    entrance: 'none',
  },
  logPageParamStr: '',
  public logPageId: string
  public jumpConfig: JumpEventReportInterFace.JumpH5ReportConfig
  constructor(opt = {}) {
    console.log('jdb加载==========')
    super(opt)
    this.getConfig(opt)
  }
  jdbOpenAppParams(openAppUrl): Object | boolean {
    let getParams: boolean | Object = false
    if (this.isOpenJdbAppUrl(openAppUrl)) {
      try {
        getParams = openAppUrl.replace(
          /openApp\.jdbmall:\/\/virtual\?params=/i,
          '',
        )
        getParams = JSON.parse(String(getParams))
      } catch (e) {
        console.log(e)
      }
    }
    return getParams
  }
  isOpenJdbAppUrl(openAppUrl) {
    return /openApp\.jdbmall:\/\/virtual\?params=/i.test(openAppUrl)
  }
  
  async jdJumpConfigUrl(detail, logEventInfo = {}) {
    const {configDataType, configDataValue} = detail
    switch (configDataType) {
      case LinkConfigType.CONFIG_TYPE_SKU_LIST:
        this.jdJumpToProduct(
          {
            ...configDataValue,
            skuId: configDataValue.skuIds,
            skuUniformBizInfo: {buId: configDataValue.buId},
          },
          logEventInfo,
        )
        break
      case LinkConfigType.CONFIG_TYPE_CUSTOM_LINK: {
        const _url = configDataValue.linkUrl
        if (this.isOpenJdbAppUrl(_url)) {
          const getOpenAppParams = this.jdbOpenAppParams(_url)
          console.log('jd web 获取自定义链接解析后的参数结果', getOpenAppParams)
          if (getOpenAppParams) {
            this.jdNavigateToNative(
              Object.assign({}, getOpenAppParams, {
                logEventInfo,
              }),
            )
          }
        } else {
          const win = window.parent !== window ? window.parent : window;
          win.location.href = _url
        }
        break
      }
      default:
    }
  }
  
  jdJumpToProduct(skuParams, logEventInfo) {
    if (typeof skuParams !== 'object') {
      console.error('万商app跳转商品详情参数需要对象，详情请查看文档')
      return
    }
    
    let {skuId, bMallTag = '1', skuUniformBizInfo} = skuParams
    skuId = skuId.toString().trim()
    let url = 'https://b2b.m.jd'
    url = url + `.com/goods-detail/#/pages/index/index?skuId=${skuId}&bMallTag=${bMallTag}&skuSourceInfo=${encodeURIComponent(JSON.stringify(skuUniformBizInfo))}`
    if(/jdjchshopapp/i.test(navigator.userAgent)) {
      const {browser} = window['@jd/jdb-jssdk-b2b'] || {}
      if (browser) {
        browser.openPage({
          url,
        })
      }
    }else {
      const win = window.parent !== window ? window.parent : window;
      win.location.href = url
    }
  }
  
  jdJumpSkuInfoToProduct(skuInfo: any = {}, logEventInfo) {
    this.jdJumpToProduct(skuInfo, logEventInfo)
  }
  
  jdNavigateToNative(
    params: {},
    url = OpenAppHost,
    successBack?: Function | null,
    failBack?: Function | null,
  ) {
    console.log('jdb web', params)
    const getResParams: JumpEventReportInterFace.JdMiniJumpParams =
      Object.assign(
        {},
        {
          param: {},
        },
        params,
      )
    const {logEventInfo, ...otherParams} = getResParams
    console.log(
      'jdb web 获取open协议参数 jdNavigateToNative params: ',
      otherParams,
    )
    console.log('logEventInfo params: ', logEventInfo)
    console.log('otherParams', otherParams)
    const paramsStr = JSON.stringify(otherParams)
    console.log('跳转web jdb open协议', `${url}?params=${paramsStr}`)
    global.info.pageInfo.dataType === BUSINESS_TYPE.ONLINE &&
    this.clickEventLog(logEventInfo || getResParams)
      .then(() => {
        if (typeof successBack == 'function') {
          successBack(getResParams)
        } else {
          try {
            const paramsStr = JSON.stringify(otherParams)
            console.log(
              'success: 跳转web jdb open协议',
              `${url}?params=${paramsStr}`,
            )
            window.location.href = `${url}?params=${paramsStr}`
          } catch (e) {
            console.log('跳转异常', e)
          }
        }
      })
      .catch((e) => {
        console.log('catch', e)
        typeof failBack == 'function' && failBack(getResParams)
      })
  }
  
  clickEventLog(
    opts: JumpEventReportInterFace.OptEventLogParams = {},
    reportKey = 'click',
  ) {
    const {eventId, jsonParam, eventLevel = 3, ...otherParams} = opts
    if (eventId && jsonParam) {
      const {etModelInfo, logBaseInfo} = jsonParam
      let getJsonParam = {}
      if (etModelInfo && logBaseInfo) {
        getJsonParam = logBaseInfo
      } else {
        if (Array.isArray(jsonParam)){
          getJsonParam = jsonParam
        } else {
          getJsonParam = Object.assign(
            {},
            {
              shopid: global.info.queryInfo?.shopId,
            },
            jsonParam,
          )
        }
      }
      const webLogParams = {
        eid: eventId,
        elevel: eventLevel,
        eparam: JSON.stringify(getJsonParam),
        jsonParam: JSON.stringify(getJsonParam),
        etModel: JSON.stringify(etModelInfo || {}),
        pageId: this.logPageId,
        pageParam: this.logPageParamStr, 
        ...otherParams,
      }
      return /click|exposure/.test(reportKey)
        ? reportClick(webLogParams)
        : reportToCart(opts, webLogParams)
    } else {
      console.log('暂无埋点参数eventId和eventParam')
      return Promise.resolve(false)
    }
  }
  getConfig(opt = {}) {
    return Object.assign(this, {}, defaultConfig, opt)
  }

package/dist/jumpEventReport/web.jxwxapp.ts

@@ -1 +1 @@
-import global from '../common'
  isH5AdnJxMini,
  public jingXiMiniState: boolean
  constructor(opt) {
    super(opt)
    this.jingXiMiniState = false
    this.getConfig(opt)
    console.log(
      'window.shopGlobalSwitch:',
      JSON.stringify(window.shopGlobalSwitch),
    )
    this.init()
  }
  getConfig(opt) {
    return Object.assign(this, {}, defaultConfig, super.getConfig(opt), opt)
  }
   
  async init() {
    if (window.isJingxiMiniViewState) {
      this.jingXiMiniState = true
      global.info.isJingxiMiniViewState  = true
    } else {
      console.log(
        '初始化进行小程序环境检查, 当前是否是京喜小程序',
        isH5AdnJxMini
      )
      if (isH5AdnJxMini) {
        console.log('进入了 isH5AdnJxMini 的 else if')
        this.jingXiMiniState = true
        global.info.isJingxiMiniViewState  = true
        window.isJingxiMiniViewState = true
      } else {
        console.log('进入了 this.isH5OpenToWxapp 的esle')
      }
    }
  }
  
  jdJumpToMiniPage(pageUrl, logEventInfo, type = 'navigateTo') {
    this.jdNavigateToNative(
      pageUrl,
      logEventInfo,
      () => {
        console.log('JD.wxappext.goto',pageUrl)
        wx?.miniProgram[type] &&
          wx?.miniProgram[type]({
            url: pageUrl,
          })
      },
      () => {
        console.log('JD.wxappext.goto2')
        wx?.miniProgram[type] &&
          wx?.miniProgram[type]({
            url: pageUrl,
          })
      },
    )
  }
  
  jdJumpToWebInner(url, logEventInfo) {
    super.jdJumpToWeb(url, logEventInfo)
  }
  
  jdJumpToProduct(skuIds, logEventInfo) {
    if (this.jingXiMiniState) {
      const detailUrl = `${this.jumpMiniPath.jxDetail}?sku=${skuIds}`
      this.jdJumpToMiniPage(detailUrl, logEventInfo)
    } else {
      super.jdJumpToProduct(skuIds, logEventInfo)
    }
  }
  jdJumpToCouponSearchProductList(couponId, logEventInfo = {}) {
    if (this.jingXiMiniState) {
      const batchParam = `coupon_batch=${couponId}`
      const detailUrl = `${this.jumpMiniPath.jxCouponSearch}?${batchParam}`
      this.jdJumpToMiniPage(detailUrl, logEventInfo)
    } else {
      super.jdJumpToCouponSearchProductList(couponId, logEventInfo)
    }
  }
+import global from '../common'
  isH5AdnJxMini,
  public jingXiMiniState: boolean
  constructor(opt) {
    super(opt)
    this.jingXiMiniState = false
    this.getConfig(opt)
    console.log(
      'window.shopGlobalSwitch:',
      JSON.stringify(window.shopGlobalSwitch),
    )
    this.init()
  }
  getConfig(opt) {
    return Object.assign(this, {}, defaultConfig, super.getConfig(opt), opt)
  }
   
  async init() {
    if (window.isJingxiMiniViewState) {
      this.jingXiMiniState = true
      global.info.isJingxiMiniViewState  = true
    } else {
      console.log(
        '初始化进行小程序环境检查, 当前是否是京喜小程序',
        isH5AdnJxMini
      )
      if (isH5AdnJxMini) {
        console.log('进入了 isH5AdnJxMini 的 else if')
        this.jingXiMiniState = true
        global.info.isJingxiMiniViewState  = true
        window.isJingxiMiniViewState = true
      } else {
        console.log('进入了 this.isH5OpenToWxapp 的esle')
      }
    }
  }
  
  jdJumpToMiniPage(pageUrl, logEventInfo, type = 'navigateTo') {
    this.jdNavigateToNative(
      pageUrl,
      logEventInfo,
      () => {
        console.log('JD.wxappext.goto',pageUrl)
        wx?.miniProgram[type] &&
          wx?.miniProgram[type]({
            url: pageUrl,
          })
      },
      () => {
        console.log('JD.wxappext.goto2')
        wx?.miniProgram[type] &&
          wx?.miniProgram[type]({
            url: pageUrl,
          })
      },
    )
  }
  
  jdJumpToWebInner(url, logEventInfo) {
    super.jdJumpToWeb(url, logEventInfo)
  }
  
  jdJumpToProduct(skuIds, logEventInfo) {
    if (this.jingXiMiniState) {
      const detailUrl = `${this.jumpMiniPath.jxDetail}?sku=${skuIds}`
      this.jdJumpToMiniPage(detailUrl, logEventInfo)
    } else {
      super.jdJumpToProduct(skuIds, logEventInfo)
    }
  }
  
  jdJumpSkuInfoToProduct(skuInfo: any = {}, logEventInfo) {
    const getSkuId = skuInfo?.skuId;
    this.jdJumpToProduct(getSkuId, logEventInfo)
  }
  jdJumpToCouponSearchProductList(couponId, logEventInfo = {}) {
    if (this.jingXiMiniState) {
      const batchParam = `coupon_batch=${couponId}`
      const detailUrl = `${this.jumpMiniPath.jxCouponSearch}?${batchParam}`
      this.jdJumpToMiniPage(detailUrl, logEventInfo)
    } else {
      super.jdJumpToCouponSearchProductList(couponId, logEventInfo)
    }
  }