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

package/dist/common/index.h5.ts

@@ -1 +1 @@
-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会携带',
        )
      }
    }
  }
+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,
  TaroEventType,
  getSystemInfos,
  ipLoc_djd,
  sgmCustomReport,
  getTaroStorageKeyValue,
  setTaroStorage,
  abTestLabels: {}, 
  loginState: false, 
  cookiesStr: '', 
  userInfo: userPinKey,
  isJingGouMiniViewState: false, 
  isJingxiMiniViewState: false, 
  pageInfo: {
    wxBusinessType: WX_BUSINESS_TYPE.NO,
    address: '', 
    addressCommaStr: '', 
    un_area: '', 
    vapptype: '1', 
    pageType: 'home', 
    isExposureState: false, 
    moduleId: '',
    entrance: '',
    dataType: BUSINESS_TYPE.ONLINE, 
    floorExposureInfo: {}, 
    floorVideInfo: {}, 
    productVideInfo: {}, 
    tabsLoadAllDataInfo: {
      [SECTION_HOME_TAB_NAME_TYPE[SECTION_HOME_TAB_TYPE.HOME_WELL_CHOSEN]]: false,
    }, 
    updateShopInfosAllState: false, 
    isVipShop: false, 
    isJdShowNativeImmersivePlayer: false, 
    ...shopConfig,
    pageScrollTop: 0, 
    pageIdxHeightInfo: {
      list: [],
    },
    shopNavBarHeight: 0, 
  },
  defaultQueryLogInfo: {
    sourceType: 'JDshop',
    sourceValue: '',
    moduleId: 'none', 
    entrance: 'none',
  },
  sysInfo: {
    windowWidth: isPc ? 375 : 0,
    containerWidth: isPc ? 375 : 0,
    windowHeight: 0,
    netWorkType: '4g',
    jdBottomBarHeight: 0,
    jdNativeHeaderHeight: 0,
    isJdTabletDevice: false,
    isJdTabletLandscape: false,
  },
  queryInfo: {},
  shopInfo: {},
  openAppData: {}, 
  public info: CommonInterFace.BaseConfigInfo;
  public config: {
    [key: string]: any;
  }; 
  public lazyContainer: CommonInterFace.lazyContainer;
  public renderedIsvComponents: CommonInterFace.renderedIsvComponents;
  public rootEleNode: HTMLElement | null;
  public checkStatusAndLoginPromise: object | null;
  private jmfeRegisterStatePromise: Promise<any> | null;
  private 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((err) => {
                console.error('jmfe ready error', err);
                reject(false);
              });
          }));
        return this.jmfeRegisterStatePromise;
      }
    } else {
      return Promise.reject(false);
    }
  }
  
  getJdScreenSizeInfo() {
    return new Promise((resolve) => {
      this.jmfeReayPromise().then(() => {
        return Promise.race([
          window.jmfe.getScreenSize(),
          this.taskTimeoutPromise(() => {
            return {
              status: '-10',
              msg: '获取大屏信息2s超时',
            };
          }),
        ])
          .then((res) => {
            console.log('===获取app大屏信息====', res);
            const { status, data } = res;
            if (status === '0' && data) {
              const { sizeType, isLandscape, pageHeight, pageWidth } = data;
              const getPageInfo = dealNativePixelToCssPixel({
                pageWidth,
                pageHeight,
              });
              this.info.sysInfo.jdScreenSizeType = sizeType;
              this.info.sysInfo.isJdTabletDevice = window.screen?.width >= 720;
              this.info.sysInfo.isJdTabletLandscape = isLandscape === '1';
              console.log(
                '===计算是否是app大屏信息,需满足宽度最新720===',
                getPageInfo,
                '原始数据',
                data,
              );
              resolve(getPageInfo);
            } else {
              resolve(false);
            }
          })
          .catch((err) => {
            console.log('获取大屏信息异常', err);
            resolve(false);
          });
      });
    });
  }
  
  listenJdTabletScreenChange() {
    this.jmfeReayPromise().then(() => {
      try {
        console.log('初始化监听大屏信息变化', window.jmfe.listenDeviceScreenChange);
        window.jmfe.listenDeviceScreenChange((event) => {
          console.log(
            '监听app大屏信息变化,orientation为landscape表示横屏,multiScreen为1表示android端分屏',
            event,
            '通过前端判断是不是横屏',
            window.matchMedia('(orientation: landscape)')?.matches,
          );
          const { orientation } = event?.data;
          if (orientation) {
            this.info.sysInfo.isJdTabletLandscape = orientation === 'landscape';
            Taro.eventCenter.trigger(
              TaroEventType.TABLE_SCREEN_CHANGE,
              this.info.sysInfo.isJdTabletLandscape,
              orientation,
            );
          }
        });
      } catch (error) {
        console.log('listenScreenChange的打印error:', error);
      }
    });
  }
  
  updateBusinessDomainAndApi(domain, api) {
  }
  
  formatNativeScreenPageData(action) {
    let getChangePageInfo: any = null;
    try {
      const getNativeScreenPageInfoStr = window.XWebView?._callNative(
        JSON.stringify({
          plugin: 'JDHybridScreenPlugin',
          action,
          sync: '1',
        }),
      );
      const getChangePageInfoData =
        typeof getNativeScreenPageInfoStr === 'string'
          ? JSON.parse(getNativeScreenPageInfoStr)
          : null;
      if (getChangePageInfoData && typeof getChangePageInfoData === 'object') {
        const { code, data } = getChangePageInfoData;
        getChangePageInfo = code && code === '0' ? data : null;
      }
    } catch (e) {
      console.log('JDHybridScreenPlugin转换异常', e);
    }
    return getChangePageInfo;
  }
  
  isAndroidFoldScreen() {
    return this.formatNativeScreenPageData('isFoldScreen') === '1';
  }
  
  getJdAndroidPageChangeScreenInfo() {
    const getPageScreenInfo = this.formatNativeScreenPageData('getScreenSize');
    if (getPageScreenInfo && getPageScreenInfo?.pageWidth && getPageScreenInfo?.pageHeight) {
      const { pageWidth, pageHeight } = dealNativePixelToCssPixel({
        pageWidth: getPageScreenInfo.pageWidth,
        pageHeight: getPageScreenInfo.pageHeight,
      });
      getPageScreenInfo.pageWidth = pageWidth;
      getPageScreenInfo.pageHeight = pageHeight;
    }
    return getPageScreenInfo;
  }
  
  async getSystemInfo(params) {
    let info: UtilsInterFace.taroGetSystemInfoSyncRes | any = 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,
            },
          });
        }
      }
    }
    if (isJdApp) {
      info?.isJdTabletDevice && this.listenJdTabletScreenChange();
    }
    this.info.sysInfo = {
      actualNavBarHeight: 0,
      ...this.info.sysInfo,
      ...info,
      safeContentHeight: info?.screenHeight, 
      headerHeight: 0, 
      tabBarHeight: 0, 
    };
    if (isJdApp) {
      this.info.sysInfo['hostVersionName'] = jdAppVersionStr;
      this.info.sysInfo['hostAppVersion'] = jdAppVersion;
      this.getAddressCachePromise();
      this.getElderModePromise();
      this.getJDAppearanceStatePromise();
      this.createJdAndroidRquestEventForTouchStart();
    }
    this.getWifiVideoAutoPlayAsync();
    this.getMPaasConfigAsync();
    this.getNetWorkType();
  }
  
  taskTimeoutPromise(callBack, timeout = 2000) {
    return new Promise((resolve) => {
      setTimeout(() => {
        const getCallBackRes = typeof callBack === 'function' && callBack();
        return resolve(getCallBackRes || false);
      }, timeout);
    });
  }
  
  getElderModePromise() {
    if (this.info.sysInfo.hasOwnProperty('jdAppModeType')) {
      return Promise.resolve(this.info.sysInfo.jdAppModeType);
    } else {
      if (isJdAndAndroidDevice) {
        this.info.sysInfo.jdAppModeType = '0';
        return Promise.resolve(this.info.sysInfo.jdAppModeType);
      } else {
        return Promise.race([
          this.taskTimeoutPromise(() => {
            this.info.sysInfo.jdAppModeType = '0';
            return this.info.sysInfo.jdAppModeType;
          }),
          new Promise((resolve) => {
            const getCallBackName = `getJdCurrentModeType${Date.now()}`;
            if (!window[getCallBackName]) {
              window[getCallBackName] = (res) => {
                try {
                  const getResJson = typeof res === 'string' ? JSON.parse(res) : res;
                  const { status, data, msg } = getResJson;
                  console.log(`获取松果app展示模式成功，返回结果${data}`);
                  if (status === '0') {
                    this.info.sysInfo.jdAppModeType = data;
                    resolve(data);
                  } else {
                    resolve('0');
                  }
                } catch (e) {
                  resolve('0');
                }
                window[getCallBackName] = null;
              };
            }
            window?.webkit?.messageHandlers?.JDAppUnite?.postMessage({
              method: 'callSyncRouterModuleWithParams',
              params: JSON.stringify({
                routerURL: 'router://JDBModeModule/getCurrentMode', 
                routerParam: {}, 
                callBackName: `window.${getCallBackName}`, 
                callBackId: `${getCallBackName}Ios`, 
              }),
            });
          }),
        ]);
      }
    }
  }
  getAPPUseStraightCorner() {
    const routerURL = 'router://JDBaseUtilsModule/isUI14Enable';
    const params = {
      routerURL,
      routerParam: {},
      jdRouter: '1',
    };
    if (this.info.sysInfo.hasOwnProperty('jdStraightCorner')) {
      return Promise.resolve(this.info.sysInfo.jdStraightCorner);
    } else {
      return this.jmfeReayPromise()
        .then(() => {
          if (isJdAndHarmonyDevice || !isJdApp) {
            console.log('not APP or  is Harmony');
            return Promise.resolve(false);
          }
          console.log('jmfe setShareInfo', params);
          return Promise.race([
            window.jmfe.callRouter(params),
            this.taskTimeoutPromise(() => {
              return false;
            }),
          ]).then(({ status, data }) => {
            console.log('004 ~ file: index.tsx:133 ~ .then ~ data:', data);
            console.log('004 ~ file: index.tsx:133 ~ .then ~ status:', status);
            this.info.sysInfo.jdStraightCorner = status === '0' && Number(data) === 1;
            return Promise.resolve(status === '0' && Number(data) === 1);
          });
        })
        .catch((e) => {
          console.log('jmfe error', e);
          return Promise.resolve(false);
        });
    }
  }
  
  getJDAppearanceStatePromise() {
    if (this.info.sysInfo.hasOwnProperty('jdAppearanceState')) {
      return Promise.resolve(this.info.sysInfo.jdAppearanceState);
    } else {
      return Promise.race([
        this.taskTimeoutPromise(() => {
          this.info.sysInfo.jdAppearanceState = '0';
          return this.info.sysInfo.jdAppearanceState;
        }),
        new Promise((resolve) => {
          const getCallBackName = `getJdCurrentAppearanceState${Date.now()}`;
          if (!window[getCallBackName]) {
            window[getCallBackName] = (res) => {
              try {
                console.log('getJDAppearanceStatePromise', res);
                const getResJson = typeof res === 'string' ? JSON.parse(res) : res;
                const { status, data, msg } = getResJson;
                console.log(`获取松果app是否开启黑暗模式成功，返回结果${data}`);
                if (status === '0') {
                  this.info.sysInfo.jdAppearanceState = data;
                  resolve(data);
                } else {
                  resolve('0');
                }
              } catch (e) {
                resolve('0');
              }
              window[getCallBackName] = null;
            };
          }
          if (isAndroidDevice) {
            const jsonString = JSON.stringify({
              callBackName: `window.${getCallBackName}`, 
            });
            console.log('window.JDAppearance', window.JDAppearance);
            window.JDAppearance && window.JDAppearance.getUiState(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 && isJdApp) {
      if (!isJdAndHarmonyDevice) {
        return Promise.race([
          window.jmfe.callRouter({
            jdRouter: '1', 
            routerURL: isAndroidDevice
              ? 'router://JDAddressModule/getCacheAddress'
              : 'router://JDBAddressCacheManagerModule/getCacheAddress',
            routerParam: { sceneId: 'basicShoppingProcess' },
          }),
          this.taskTimeoutPromise(() => {
            return {
              status: '-1000',
              msg: '原生router协议获取地址信息超时',
            };
          }, 3000),
        ]);
      } else {
        return Promise.resolve({
          status: '-1001',
          msg: '鸿蒙系统调用jmfe异常，获取失败',
        });
      }
    } else {
      return Promise.resolve({
        status: '-1002',
        msg: 'jmfe不存在，获取失败',
      });
    }
  }
  
  getAddressCachePromise() {
    return new Promise((resolve) => {
      if (this?.info?.sysInfo?.lat && this?.info?.sysInfo?.lng && this?.info?.sysInfo?.area) {
        resolve({
          lat: this.info.sysInfo.lat,
          lng: this.info.sysInfo.lng,
          area: this?.info?.sysInfo?.area,
        });
      } else {
        this.jmfeReayPromise()
          .then(() => {
            this.getCacheAddressRouter()
              .then((res) => {
                const { status, data } = res;
                console.log('原生端获取经纬度原始数据结果', status, data);
                if (status === '0' && data) {
                  const { lat, latitude, lng, longitude, provinceId, cityId, countyId, townId } =
                    data || {};
                  let area = '';
                  this.info.sysInfo['lat'] = `${lat || latitude || ''}`;
                  this.info.sysInfo['lng'] = `${lng || longitude || ''}`;
                  if (provinceId) {
                    area = `${provinceId}_${cityId || 0}_${countyId || 0}_${townId || 0}`;
                    this.info.pageInfo['address'] = area;
                    this.info.pageInfo['addressCommaStr'] = area.replace(/_/g, ',');
                    Taro.eventCenter.trigger(
                      TaroEventType.USER_AREA_UPDATE,
                      this.info.pageInfo.address,
                    );
                  }
                  resolve({
                    lat: this.info.sysInfo['lat'],
                    lng: this.info.sysInfo['lng'],
                    area: area,
                  });
                } else {
                  typeof res === 'object' &&
                    sgmCustomReport({
                      type: 3, 
                      code: 'jdapp_getCacheAddress_info',
                      msg: {
                        title: '松果app内通过router协议获取用户地址及经纬度信息异常',
                        jdAppVersion: jdAppVersionStr,
                        ...res,
                      },
                    });
                  resolve({ lat: '', lng: '', area: '' });
                }
              })
              .catch((e) => {
                console.log(' ~~ file: index.h5.ts:518 ~~ .catch ~~ e:', e);
                resolve({ lat: '', lng: '', area: '' });
                console.log('getCacheAddressRouter catch e，获取经纬度信息异常e', e);
              });
          })
          .catch((e) => {
            resolve({ lat: '', lng: '', area: '' });
            console.log('判断jmfe不存在，获取经纬度信息异常e', e);
          });
      }
    });
  }
  
  async updateMPaasConfigAsync(isBeforePageReady: boolean) {
    console.log('updateMPaasConfigAsync isBeforePageReady:', isBeforePageReady);
    if (!isJdApp) {
      return;
    }
    const avifSwitch = await getMPaasConfigByBussinessKey('avifSwitch', isBeforePageReady);
    this.info.sysInfo.dynamicConfig['avifSwitch'] = avifSwitch;
    const hybridHttpSwitch = await getMPaasConfigByBussinessKey(
      'hybridHttpSwitch',
      isBeforePageReady,
    );
    this.info.sysInfo.dynamicConfig['hybridHttpSwitch'] = hybridHttpSwitch;
    const isFollowAppVideoPlayStatus = await getMPaasConfigByBussinessKey(
      'isFollowAppVideoPlayStatus',
      isBeforePageReady,
    );
    console.log(
      'isBeforePageReady:',
      isBeforePageReady,
      'isFollowAppVideoPlayStatus:',
      isFollowAppVideoPlayStatus,
    );
    if (isFollowAppVideoPlayStatus === true || isFollowAppVideoPlayStatus === 'true') {
      this.info.sysInfo.dynamicConfig['isFollowAppVideoPlayStatus'] = true;
    }
  }
  
  async getWifiVideoAutoPlayAsync() {
    this.info.sysInfo['wifiVideoAutoPlay'] = false;
    if (!isJdApp) {
      return;
    }
    const videoPlayStatus = await getWifiVideoAutoPlay().catch((e) => {
      return 0;
    });
    if (Number(videoPlayStatus) === 1) {
      this.info.sysInfo['wifiVideoAutoPlay'] = true;
    }
  }
  
  async getMPaasConfigAsync() {
    this.info.sysInfo.dynamicConfig = {}; 
    this.info.sysInfo.dynamicConfig['avifSwitch'] = {};
    this.info.sysInfo.dynamicConfig['hybridHttpSwitch'] = {};
    this.info.sysInfo.dynamicConfig['isFollowAppVideoPlayStatus'] = false;
    return this.updateMPaasConfigAsync(true);
  }
  
  getDynamicConfig(key: string) {
    return this.info.sysInfo.dynamicConfig[key];
  }
  async updateMPaasConfig() {
    console.log('updateMPaasConfig');
    if (
      isIosDevice && 
      versionCompare(jdAppVersionStr, MPAAS_CONFIG_APP_VERSION) < 0 && 
      versionCompare(jdAppVersionStr, MPAAS_CONFIG_APP_LOW_VERSION) >= 0 
    ) {
      try {
        await this.updateMPaasConfigAsync(false);
      } catch (e) {
        console.log('updateMPaasConfigAsync:', e);
      }
    }
  }
  
  toLogin(options) {
    return this.info.isJingGouMiniViewState || this.info.isJingxiMiniViewState
      ? this.toWxAppLogin(options)
      : this.toWebLogin(options);
  }
  
  doLogin(options) {
    return this.toLogin(options);
  }
  
  doLoginForJdPin(options = {}) {
    return this.doLogin({
      loginColor: {
        biz: WXAPP_BIZ_SHOP_LIGHT_KEY,
        dpin: 0,
      },
      ...options,
    });
  }
  
  toWebLogin(options) {
    let params: {
      returnurl: string;
    } = {
      returnurl: '',
    };
    const loginUrl = isPc
      ? `//passport.jd.com/new/login.aspx`
      : `${domain.mobileLogin}/user/login.action`;
    const defaultParams = {
      appid: '100',
      returnurl: window.location.href,
    };
    if (isString(options)) {
      params = Object.assign({}, defaultParams, {
        returnurl: options,
      });
    } else if (isObject(options)) {
      const { loginColor, ...otherOptions } = options;
      params = Object.assign({}, defaultParams, otherOptions);
    } else {
      params = defaultParams;
    }
    params.returnurl = encodeURIComponent(params.returnurl);
    let getFullUrl = loginUrl + '?' + serialize(params);
    if (isPc) {
      getFullUrl = getFullUrl.replace(/returnurl/, 'ReturnUrl');
    }
    return Promise.resolve({
      h5ToUrl: true,
      url: getFullUrl,
    }).then(() => {
      window.location.href = getFullUrl;
    });
  }
  
  toWxAppLogin(options = {}) {
    console.log('微信京购小程序中h5登录跳转', options);
    return Promise.resolve(true).then(() => {
      const { loginColor } = Object.assign(
        {},
        {
          loginColor: {
            biz: WXAPP_BIZ_KEY,
            dpin: 1,
          },
        },
        options,
      );
      window.location.href = `${domain.wq}/pinbind/pintokenredirect?biz=${
        loginColor.biz
      }&url=${encodeURIComponent(window.location.href)}`;
    });
  }
  
  getLoginCookie() {
    return Promise.resolve({
      pin: cookie.get('pin') || '',
    });
  }
  
  clearLoginCookie() {
    cookie.remove('pin');
  }
  
  checkStatusAndLogin(options = {}) {
    if (!this.checkStatusAndLoginPromise) {
      this.checkStatusAndLoginPromise = new Promise(async (resolve, reject) => {
        try {
          const getLoginState = await this.doCheckLoginStateAndForApiCheck(options);
          if (getLoginState) {
            resolve(true);
          } else {
            this.toLogin(options);
            reject(false);
          }
        } catch (e) {
          this.toLogin(options);
          reject(false);
        }
      });
      return this.checkStatusAndLoginPromise;
    } else {
      return this.checkStatusAndLoginPromise
        .then(() => {
          return Promise.resolve(true);
        })
        .catch(() => {
          this.toLogin(options);
          return Promise.reject(true);
        });
    }
  }
  
  checkJdStatusAndLogin(
    options = {
      loginColor: {
        biz: WXAPP_BIZ_SHOP_LIGHT_KEY,
        dpin: 0,
      },
    },
  ) {
    return this.checkStatusAndLogin(options);
  }
  
  doCheckLoginStateAndForApiCheck(options) {
    if (this.info.loginState) {
      return Promise.resolve(true);
    } else {
      return new Promise((resolve, reject) => {
        if (this.info.isJingGouMiniViewState || this.info.isJingxiMiniViewState) {
          const getWqAuthToken = cookie.get('wq_auth_token');
          const getWqSkey = cookie.get('wq_skey');
          const getWqUin = cookie.get('wq_uin');
          const isLoginState =
            options?.loginColor?.dpin === 0 ? getWqAuthToken : getWqSkey && getWqUin;
          if (isLoginState) {
            this.info.loginState = true;
            resolve(true);
          } else {
            reject(false);
          }
        } else {
          Taro.request({
            url: api.isLogin,
            jsonp: true,
            timeout: 3000,
            success: (res) => {
              const { statusCode, data } = res;
              if (statusCode === 200 && data?.islogin && Number(data.islogin) === 1) {
                this.info.loginState = true;
                resolve(true);
              } else {
                reject(false);
              }
            },
            fail: (err) => {
              console.log('登录检查异常', err);
              reject(false);
            },
          });
        }
      });
    }
  }
  
  checkLoginStatus(options) {
    return new Promise(async (resolve, reject) => {
      try {
        const getLoginState = await this.doCheckLoginStateAndForApiCheck(options);
        if (getLoginState) {
          const { pin } = await this.getLoginCookie();
          this.info.userInfo = {
            pin,
            encodePin: encodeURIComponent(pin),
            ptkey: '',
          };
          resolve(true);
        } else {
          reject(false);
        }
      } catch (e) {
        reject(false);
      }
    });
  }
  
  updatePageAndLogInfo(updateQuery = {}) {
    const createUpdateQueryInfo: {
      query: {
        shopId?: string | number;
        venderId?: string | number;
      };
      updateShopInfoState: boolean;
    } = Object.assign(
      {},
      {
        query: {},
        updateShopInfoState: false,
      },
      updateQuery,
    );
    console.log(
      '获取当前下发的店铺查询参数',
      updateQuery,
      '获取之前保存的shopInfo店铺查询参数',
      this.info?.shopInfo,
    );
    const { query, updateShopInfoState } = createUpdateQueryInfo;
    const { shopId, venderId, un_area } = query;
    if (updateShopInfoState) {
      this.info.queryInfo = {
        ...this.info.queryInfo,
        ...query,
      };
      if (shopId && venderId) {
        this.info.shopInfo = {
          shopId: `${shopId}`,
          venderId: `${venderId}`,
        };
      }
    } else {
      this.info.queryInfo = {
        ...query,
      };
      if (
        this.info.shopInfo?.shopId &&
        this.info.shopInfo?.venderId &&
        (this.info.shopInfo.shopId == shopId || this.info.shopInfo.venderId == venderId)
      ) {
        this.info.queryInfo.shopId = this.info.shopInfo.shopId;
        this.info.queryInfo.venderId = this.info.shopInfo.venderId;
        console.log(
          '当前存储的店铺shopId和venderId与下发的店铺信息shopId或者venderId为同一个，补充shopId或者venderId查询参数',
          this.info.queryInfo,
        );
      }
    }
    this.info.queryInfo['shopId'] &&
      (this.info.queryInfo['shopId'] = `${this.info.queryInfo['shopId']}`);
    this.info.queryInfo['venderId'] &&
      (this.info.queryInfo['venderId'] = `${this.info.queryInfo['venderId']}`);
    console.log(
      'h5==获取店铺下发查询参数\n',
      query,
      '\n获取店铺最后查询参数\n',
      this.info.queryInfo,
      '\n是否为更新店铺状态\n',
      updateShopInfoState,
    );
    const changeArea = un_area && un_area.length > 0 ? un_area : 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 || !!isJdAndHarmonyDevice
      }
      const getInitTriggerType =
        isJdApp && item?.initJdAppTriggerType
          ? item?.initTriggerType
          : item?.initTriggerType || LoadJsInitTriggerType.NOW;
      const getInitLinkTriggerWay = window?.PAGE_DATA[item?.initLinkTriggerWay] || false;
      return getLoastLoadEventState && getInitTriggerType === triggerType && getInitLinkTriggerWay;
    });
    console.log(
      '获取当前触发方式',
      triggerType,
      '获取当前最后加载的js集合',
      getLoadFilterList,
      '过滤前的加载集合',
      getLoadJsList,
    );
    getLoadFilterList.length > 0 &&
      getLoadFilterList.forEach((item) => {
        const isLoadState = /sgm/.test(item?.fileName)
          ? window?.shopGlobalSwitch?.openSgm === 'true'
          : true;
        isLoadState &&
          this.loadItemSdkPromise(item)
            .then((res) => {
              console.info('当前js地址' + item?.src, '加载状态', res);
              const isFileNameNewDraSdkJs = res?.fileName === 'newDraSdkJs';
              if (isFileNameNewDraSdkJs && window?.dra?.run) {
                window.dra.run('init', { aid: res?.aid });
                window.dra.run('start');
              }
            })
            .catch((err) => {
              console.info('当前js地址加载异常', item?.src);
              window?.fetchErrorData &&
                window.fetchErrorData({
                  title: '公共js加载异常',
                  type: 'jsLoad',
                  data: err,
                });
            });
      });
  }
  loadScriptEle(jsInfo, resolve, reject) {
    const getFileName = jsInfo?.fileName;
    if (getFileName) {
      const getEleId = `J_loadJs_${getFileName}`;
      const getEle = document.getElementById(getEleId);
      if (!getEle) {
        const jsLoadErrorSgmCode = `jsLoadError_${jsInfo?.fileName || 'customJs'}`;
        const _sgmEle = document.createElement('script');
        _sgmEle.id = getEleId;
        _sgmEle.onload = function () {
          resolve({
            ...jsInfo,
            jsTip: 'js加载成功',
          });
        };
        _sgmEle.onerror = function () {
          reject({
            ...jsInfo,
            env: getSgmCustomCode(jsLoadErrorSgmCode),
            jsReqError: '当前js创建标签触发onerror异常回调，请排查网络络错误或语法错误或运行时错误',
          });
        };
        const dataAttrList = ['timeout', 'fileName', 'env'];
        const getJsInfoKeyList = Object.keys(jsInfo);
        getJsInfoKeyList.forEach((key) => {
          if (key === 'async') {
            _sgmEle.async = jsInfo[key];
          } else if (key === 'crossOrigin') {
            _sgmEle.crossOrigin = jsInfo[key];
          } else if (key === 'src') {
            _sgmEle.src = `${jsInfo[key]}`;
          } else if (dataAttrList.includes(key) || /init/.test(key)) {
            _sgmEle.setAttribute(`data-${key}`, jsInfo[key]);
          } else {
            _sgmEle.setAttribute(key, jsInfo[key]);
          }
        });
        document.head.appendChild(_sgmEle);
      } else {
        console.log(`当前${jsInfo?.fileName || 'js'}已经存在页面中，可以直接调用相关方法`, jsInfo);
        resolve({
          ...jsInfo,
          jsTip: 'js本身已存在页面中',
        });
      }
    } else {
      console.warn('当前js资源信息缺少必要的参数fileName,请关注', jsInfo);
    }
  }
  
  loadItemSdkPromise(jsInfo = {}) {
    if (jsInfo?.src) {
      const getInitLoadType =
        isJdApp && jsInfo?.initJdAppLoadType
          ? jsInfo?.initJdAppLoadType
          : jsInfo?.initLoadType || LoadJsInitLoadType.ALL;
      if (getInitLoadType !== LoadJsInitLoadType.NONE) {
        const getFileKeyName = jsInfo?.fileName || jsInfo?.src;
        if (!this.loadJsSdkListCachePromise[getFileKeyName]) {
          if (getInitLoadType !== LoadJsInitLoadType.INSERT_ELE) {
            this.loadJsSdkListCachePromise[getFileKeyName] = new Promise((resolve, reject) => {
              const jsLoadErrorSgmCode = `jsLoadError_${jsInfo?.fileName || 'customJs'}`;
              try {
                const jsXhrRequest = new XMLHttpRequest();
                jsXhrRequest.timeout = jsInfo?.timeout ?? 2000;
                const jsUrl = `${jsInfo?.src}`;
                jsXhrRequest.open('GET', jsUrl, true);
                jsXhrRequest.onreadystatechange = () => {
                  if (jsXhrRequest.readyState === 4) {
                    const getReqStatus = jsXhrRequest.status;
                    if ((getReqStatus >= 200 && getReqStatus < 300) || getReqStatus === 304) {
                      const getInsetHeadState = getInitLoadType === LoadJsInitLoadType.ALL;
                      if (getInsetHeadState) {
                        this.loadScriptEle(jsInfo, resolve, reject);
                      } else {
                        resolve({
                          ...jsInfo,
                          jsTip: 'js请求成功，暂未插入head节点，业务自行单独插入',
                        });
                      }
                      getReqStatus !== 200 &&
                        sgmCustomReport({
                          type: 3,
                          code: 'js_load_special_code',
                          msg: {
                            msg: '当前js加载成功，状态非200，特殊上报观察',
                            jsReqState: getReqStatus,
                            env: getSgmCustomCode('js_load_special_code'),
                            data: jsInfo,
                          },
                        });
                    } else {
                      const getRes = {
                        ...jsInfo,
                        env: getSgmCustomCode(jsLoadErrorSgmCode),
                        jsReqError: `请求状态异常,状态码为${getReqStatus}`,
                        jsReqState: getReqStatus, 
                      };
                      console.log('当前js请求状态异常，具体信息见', getRes);
                      reject(getRes);
                    }
                  }
                };
                jsXhrRequest.onerror = () => {
                  const getRes = {
                    ...jsInfo,
                    env: getSgmCustomCode(jsLoadErrorSgmCode),
                    jsReqError: '请求错误',
                  };
                  console.log('当前js请求错误', getRes);
                  jsXhrRequest.abort();
                  reject(getRes);
                };
                jsXhrRequest.ontimeout = () => {
                  const getRes = {
                    ...jsInfo,
                    env: getSgmCustomCode(jsLoadErrorSgmCode),
                    jsReqError: `请求${jsXhrRequest.timeout}ms超时异常`,
                    jsReqState: jsXhrRequest.status, 
                  };
                  console.log('当前js请求超时异常', getRes);
                  jsXhrRequest.abort();
                  reject(getRes);
                };
                jsXhrRequest.send();
              } catch (e) {
                console.log('执行js请求异常', e);
                reject({
                  ...jsInfo,
                  env: getSgmCustomCode(jsLoadErrorSgmCode),
                  jsReqError: '未知异常',
                  error: e,
                });
              }
            });
          } else {
            this.loadJsSdkListCachePromise[getFileKeyName] = new Promise((resolve, reject) => {
              return this.loadScriptEle(jsInfo, resolve, reject);
            });
          }
        }
        return this.loadJsSdkListCachePromise[getFileKeyName];
      } else {
        return Promise.resolve({
          ...jsInfo,
          jsTip: 'js加载方式设置为不加载，当前不做处理',
        });
      }
    } else {
      return Promise.reject(jsInfo);
    }
  }