xiaoe_mp_npm 0.2.2-beta1 → 0.2.2-beta2

package/miniprogram_dist/Lottery/countdown.js

@@ -0,0 +1,88 @@
+export class Countdown {
+  static create(tickStep) {
+    return new Countdown(tickStep)
+  }
+
+  static parseCountdown(countdown) {
+    countdown = Math.floor(countdown / 1000)
+    return {
+      h: Math.floor(countdown / 3600),
+      m: Math.floor((countdown / 60) % 60),
+      s: countdown % 60
+    }
+  }
+
+  // 兼容IOS端，转换时间格式
+  // 2021-11-29 to 2021/11/29
+  static convertDate(date = '') {
+    return date.replaceAll('-', '/')
+  }
+
+  constructor(tickStep = 1000) {
+    this.timer = 0
+    this.targetDate = ''
+    this.countdown = 0
+    this.callbacks = []
+    this.tickStep = tickStep
+  }
+
+  onTick(callback) {
+    this.callbacks.push(callback)
+    return this
+  }
+
+  updateTargetDate(targetDate) {
+    this.targetDate = targetDate
+    return this
+  }
+
+  getRemainingTime() {
+    if (!this.targetDate) return 0
+    const now = new Date().getTime()
+    const endAt = new Date(Countdown.convertDate(this.targetDate)).getTime()
+    return endAt - now
+  }
+
+  clearTimer() {
+    clearInterval(this.timer)
+    this.timer = 0
+  }
+
+  start() {
+    if (!this.targetDate) {
+      console.warn('targetDate is not defined.')
+      return this
+    }
+
+    this.clearTimer()
+    this.countdown = this.getRemainingTime()
+    this.timer = setInterval(() => {
+      let nextCountdown = this.getRemainingTime()
+      if (nextCountdown <= 0) {
+        nextCountdown = 0
+        this.clearTimer()
+      }
+      this.countdown = nextCountdown
+      this.callbacks.forEach(callback => {
+        callback(nextCountdown)
+      })
+    }, this.tickStep)
+
+    return this
+  }
+
+  pause() {
+    this.clearTimer()
+    return this
+  }
+
+  stop() {
+    this.clearTimer()
+    this.countdown = 0
+    this.targetDate = ''
+    return this
+  }
+}
+
+const countdownInstance = Countdown.create()
+export default countdownInstance

package/miniprogram_dist/Lottery/eventBus.js

@@ -0,0 +1,29 @@
+export class EventBus {
+  constructor() {
+    this.taskMap = {}
+  }
+
+  on(event, callback) {
+    const preCallbacks = this.taskMap[event] || []
+    this.taskMap[event] = [...preCallbacks, callback]
+    return this
+  }
+
+  emit(event, ...params) {
+    const callbacks = this.taskMap[event] || []
+    callbacks.forEach(callback => {
+      callback(...params)
+    })
+    return this
+  }
+
+  off(event) {
+    this.taskMap[event] = []
+    return this
+  }
+}
+
+const eventBus = new EventBus()
+export default eventBus
+// FIXME: 仅用于调试
+wx.eventBus = eventBus

package/miniprogram_dist/Lottery/remotePic.js

@@ -0,0 +1,52 @@
+// 超过20k的图片资源统一放CDN服务。
+// 存放方式：B端现网访问 现网蓝悦2号7978 店铺，素材中心 -> 搜索分组"鹅直播素材（勿删）(12)"，将图片传入该文件夹即可。
+// 取链接方式，F12打开控制台，找到对应图片链接，然后去掉?后面的搜索参数即为最终图片链接
+// 比如：
+// https://wechatapppro-1252524126.cos.ap-shanghai.myqcloud.com/appAKLWLitn7978/image/b_u_5b2225aa46488_oGKN7IvA/kvumosz20xq9.png?imageView2/2/w/200/q/60
+// ->
+// https://wechatapppro-1252524126.cos.ap-shanghai.myqcloud.com/appAKLWLitn7978/image/b_u_5b2225aa46488_oGKN7IvA/kvumosz20xq9.png
+
+export default {
+  prize_icon_new_land:
+    'https://wechatapppro-1252524126.file.myqcloud.com/appAKLWLitn7978/image/b_u_5b2225aa46488_oGKN7IvA/kxekrnvf0fk9.png',
+  draw_background_new_title:
+    'https://wechatapppro-1252524126.file.myqcloud.com/appAKLWLitn7978/image/b_u_5b2225aa46488_oGKN7IvA/kx8cutd70zj3.png',
+  my_rewards:
+    'https://wechatapppro-1252524126.file.myqcloud.com/appAKLWLitn7978/image/b_u_5b2225aa46488_oGKN7IvA/kx8d2m6t0101.png',
+  losing_lottery_title:
+    'https://wechatapppro-1252524126.file.myqcloud.com/appAKLWLitn7978/image/b_u_5b2225aa46488_oGKN7IvA/kxgx3jib0xl1.png',
+  losing_lottery:
+    'https://wechatapppro-1252524126.file.myqcloud.com/appAKLWLitn7978/image/b_u_5b2225aa46488_oGKN7IvA/kx8cus020yyc.png',
+  draw_background_new:
+    'https://wechatapppro-1252524126.file.myqcloud.com/appAKLWLitn7978/image/b_u_5b2225aa46488_oGKN7IvA/kx8cus040oea.png',
+  reward_list_title:
+    'https://wechatapppro-1252524126.cos.ap-shanghai.myqcloud.com/appAKLWLitn7978/image/b_u_5b2225aa46488_oGKN7IvA/kw20xwpx02j4.png',
+  reward_list_bg:
+    'https://wechatapppro-1252524126.cos.ap-shanghai.myqcloud.com/appAKLWLitn7978/image/b_u_5b2225aa46488_oGKN7IvA/kw20xwp50n3w.png',
+  no_winner_bg_top:
+    'https://wechatapppro-1252524126.cos.ap-shanghai.myqcloud.com/appAKLWLitn7978/image/b_u_5b2225aa46488_oGKN7IvA/kwabzdln0rkz.png',
+  reward_empty_v2:
+    'https://wechatapppro-1252524126.cos.ap-shanghai.myqcloud.com/appAKLWLitn7978/image/b_u_5b2225aa46488_oGKN7IvA/kw20xwov04c7.png',
+  reward_bg_top_v2:
+    'https://wechatapppro-1252524126.cos.ap-shanghai.myqcloud.com/appAKLWLitn7978/image/b_u_5b2225aa46488_oGKN7IvA/kw20xxhe0mi6.png',
+  reward_part_title_v2:
+    'https://wechatapppro-1252524126.file.myqcloud.com/appAKLWLitn7978/image/b_u_5b2225aa46488_oGKN7IvA/kxgz96xp0f9a.png',
+  reward_bg_bottom_v2:
+    'https://wechatapppro-1252524126.cos.ap-shanghai.myqcloud.com/appAKLWLitn7978/image/b_u_5b2225aa46488_oGKN7IvA/kw20xxgs0uvr.png',
+  is_not_winner_title:
+    'https://wechatapppro-1252524126.file.myqcloud.com/appAKLWLitn7978/image/b_u_5b2225aa46488_oGKN7IvA/kxgxq1fv004j.png',
+  winner_background_new_title:
+    'https://wechatapppro-1252524126.file.myqcloud.com/appAKLWLitn7978/image/b_u_5b2225aa46488_oGKN7IvA/kx8cus040qts.png',
+  rewards_full_bg:
+    'https://wechatapppro-1252524126.cos.ap-shanghai.myqcloud.com/appAKLWLitn7978/image/b_u_5b2225aa46488_oGKN7IvA/kw20xxl20sqn.png',
+  winner_list_bg_top:
+    'https://wechatapppro-1252524126.cos.ap-shanghai.myqcloud.com/appAKLWLitn7978/image/b_u_5b2225aa46488_oGKN7IvA/kw20xyao0yx6.png',
+  winner_list_title:
+    'https://wechatapppro-1252524126.file.myqcloud.com/appAKLWLitn7978/image/b_u_5b2225aa46488_oGKN7IvA/kx8dgp1d0qtx.png',
+  winner_background_new:
+    'https://wechatapppro-1252524126.cos.ap-shanghai.myqcloud.com/appAKLWLitn7978/image/b_u_5b2225aa46488_oGKN7IvA/kw20xya203cy.png',
+  white_left_arrow:
+    'https://wechatapppro-1252524126.file.myqcloud.com/appAKLWLitn7978/image/b_u_5b2225aa46488_oGKN7IvA/kx8cut4g0qco.png',
+  white_close:
+    'https://wechatapppro-1252524126.file.myqcloud.com/appAKLWLitn7978/image/b_u_5b2225aa46488_oGKN7IvA/kx8cut0p0z47.png'
+}

package/miniprogram_dist/Lottery/store/effect.js

@@ -0,0 +1,204 @@
+/* eslint-disable camelcase */
+/* eslint-disable promise/catch-or-return */
+import {ROLE, RESOURCE_TYPE, PRIZE_TYPE} from '../constants'
+import {
+  addJoiner, initPrizeData, isWinPrize, receivePrize
+} from '../../common/api/lottery'
+import {toast} from '../utils'
+import eventBus from '../eventBus'
+
+export const fetchLotteryInfo = () => (dispatch, getState) => {
+  const state = getState()
+  const params = {alive_id: state.baseInfo.alive_id}
+  return initPrizeData(params)
+    .then(({data}) => {
+      if (data.code === 0) {
+        dispatch({type: 'set_lottery_status', payload: 'waiting'})
+        dispatch({type: 'set_lottery_info', payload: data.data})
+        dispatch({type: 'show_lottery_fab'})
+        if (data.data.is_join) {
+          dispatch({type: 'set_is_ready_to_comment', payload: false})
+        }
+      } else if (data.code === 1) {
+        dispatch({type: 'set_lottery_status', payload: 'origin'})
+      }
+    })
+    .catch(err => {
+      console.error('err', err)
+      return Promise.reject(err)
+    })
+}
+
+export const participateLottery = () => (dispatch, getState) => {
+  const state = getState()
+  const params = {
+    alive_id: state.baseInfo.alive_id,
+    user_id: state.baseInfo.user_id,
+    prize_id: state.lotteryInfo.current_prize_id,
+    type: ROLE.STUDENT
+  }
+  return addJoiner(params)
+    .then(({data}) => {
+      if (data.code === 0) {
+        // attention: 抽奖参与成功判定不走接口回调，而是等待 IM 通知
+      } else if (data.code === 1) {
+        toast('您已参与本轮抽奖')
+        dispatch(fetchLotteryInfo())
+      } else {
+        toast('参与失败，请稍后重试')
+      }
+    })
+    .catch(err => {
+      console.error(err)
+      return Promise.reject(err)
+    })
+}
+
+export const fetchLotteryResult = () => (dispatch, getState) => {
+  const state = getState()
+  const params = {prize_id: state.lotteryInfo.current_prize_id}
+  return isWinPrize(params)
+    .then(({data}) => {
+      if (data.code === 0) {
+        dispatch({type: 'set_lottery_result_info', payload: data.data})
+      }
+    })
+    .catch(err => {
+      console.error(err)
+      return Promise.reject(err)
+    })
+}
+
+export const drawLottery =
+  ({users = [], prize_activity_num}) => (dispatch, getState) => new Promise((resolve, reject) => {
+    const state = getState()
+    dispatch({type: 'set_lottery_status', payload: 'origin'})
+    eventBus.emit('input_blur')
+    dispatch({type: 'hide_lottery_info'})
+
+    if (state.lotteryInfo.is_join) {
+      // 等待时间随机，防止接口请求并发
+      const randomDuration = Math.random() * 2000 + 4000
+      dispatch({type: 'show_lottery_animation'})
+      dispatch({type: 'hide_lottery_fab'})
+      setTimeout(() => {
+        const isWin = users.includes(state.baseInfo.user_id)
+        if (isWin) {
+          dispatch(fetchLotteryResult())
+            .then(() => {
+              dispatch({type: 'show_lottery_result'})
+              dispatch({type: 'hide_lottery_animation'})
+              dispatch({type: 'show_lottery_fab'})
+              resolve()
+            })
+            .catch(reject)
+        } else {
+          dispatch({
+            type: 'set_lottery_result_info',
+            payload: {
+              is_win: isWin,
+              prize_activity_num
+            }
+          })
+          dispatch({type: 'show_lottery_result'})
+          dispatch({type: 'hide_lottery_animation'})
+          dispatch({type: 'show_lottery_fab'})
+          resolve()
+        }
+      }, randomDuration)
+    }
+  })
+
+export const joinLottery = msgContent => (dispatch, getState) => {
+  const state = getState()
+  if (msgContent.user_id !== state.baseInfo.user_id) {
+    return Promise.resolve()
+  }
+
+  toast('已参与抽奖')
+  dispatch({type: 'hide_lottery_info'})
+  return dispatch(fetchLotteryInfo())
+}
+
+function getReceiverInfo(addressContent) {
+  if (!addressContent) return {}
+
+  const receiverInfo = {}
+  if (addressContent.express_type === 1) {
+    const infoKeys = ['receiver', 'province', 'city', 'county', 'detail', 'phone', 'remark']
+    for (const item of infoKeys) {
+      receiverInfo[item] = addressContent.addressInfo[item] || ''
+    }
+  }
+  if (addressContent.express_type === 2) {
+    receiverInfo.place_id = addressContent.picksiteInfo.place_id
+    receiverInfo.picker_id = addressContent.pickerUserInfo.id
+  }
+  return {
+    ...receiverInfo,
+    express_type: addressContent.express_type
+  }
+}
+
+export const receiveLotteryPrize = winProductInfo => (dispatch, getState) => {
+  const state = getState()
+  const params = {
+    app_id: winProductInfo.app_id,
+    prize_id: winProductInfo.prize_id,
+    prize_product_id: winProductInfo.prize_product_id,
+    receiver_info:
+      winProductInfo.resource_type === RESOURCE_TYPE.ENTITY_GOODS ? getReceiverInfo(state.addressInfo) : {},
+    user_id: state.baseInfo.user_id
+  }
+  return receivePrize(params)
+    .then(({data}) => {
+      if (data.code === 0) {
+        if (winProductInfo.prize_type === PRIZE_TYPE.CUSTOM) {
+          dispatch({
+            type: 'set_merchant_contact_info',
+            payload: winProductInfo.prize_value.contact_information
+          })
+          dispatch({type: 'show_merchant_contact_info'})
+        }
+        toast('领取成功')
+        return Promise.resolve()
+      }
+      const reason = data.msg || '领取失败'
+      eventBus.emit('dialog_confirm', {
+        title: '领取失败',
+        message: reason,
+        showCancelButton: false,
+        confirmButtonText: '我知道了'
+      })
+
+      return Promise.reject()
+    })
+    .catch(err => {
+      console.error('err: ', err)
+      return Promise.reject(err)
+    })
+}
+
+export const getLotteryPrize = winProductInfo => dispatch => new Promise((resolve, reject) => {
+  const submitFn = () => {
+    dispatch(receiveLotteryPrize(winProductInfo)).then(resolve).catch(reject)
+  }
+  if (winProductInfo.resource_type === RESOURCE_TYPE.ENTITY_GOODS) {
+    const addressQuery = {
+      id: winProductInfo.spu_id,
+      spu_id: winProductInfo.spu_id,
+      resource_type: winProductInfo.resource_type,
+      resource_id: winProductInfo.resource_id,
+      spu_type: winProductInfo.spu_type,
+      sku: winProductInfo.sku_id,
+      count: 1,
+      isAlive: 1
+    }
+    dispatch({type: 'set_address_query', payload: addressQuery})
+    dispatch({type: 'set_address_submit_callback', payload: submitFn})
+    dispatch({type: 'set_my_lottery_content', payload: 'address_collection'})
+    dispatch({type: 'show_my_lottery'})
+  } else {
+    submitFn()
+  }
+})

package/miniprogram_dist/Lottery/store/index.js

@@ -0,0 +1,35 @@
+/* eslint-disable import/no-cycle */
+import {createStore, createConnect} from './util'
+import reducer from './reducer'
+import {LOTTERY_STATUS} from '../constants'
+
+export const initialState = {
+  lotteryStatus: LOTTERY_STATUS.ORIGIN, // 1.没有抽奖活动 origin 2.等待开奖 waiting
+  baseInfo: {},
+  myLotteryVisible: false,
+  myLotteryContent: '',
+  merchantContactInfoVisible: false,
+  merchantContactInfo: {},
+  currentPrizeId: '',
+  canRewardListBack: false,
+  winnersBackTo: '',
+  lotteryInfoVisible: false,
+  lotteryInfo: {},
+  lotteryFabVisible: false,
+  lotteryResultVisible: false,
+  lotteryResultInfo: {},
+  nobodyAttendVisible: false,
+  lotteryAnimationVisible: false,
+  winnersCache: [], // TODO:
+  isReadyToComment: false,
+  addressQuery: {},
+  addressInfo: {},
+  addressSubmitCallback: null,
+  participationCondition: -1
+}
+
+const store = createStore(reducer, initialState)
+export const connect = createConnect(store)
+export default store
+// FIXME: 用于控制台调试
+wx.store = store

package/miniprogram_dist/Lottery/store/reducer.js

@@ -0,0 +1,194 @@
+/* eslint-disable import/no-cycle */
+import {ACTION_TYPE} from '../constants'
+import {initialState} from './index'
+
+// eslint-disable-next-line complexity
+export default function reducer(state, action) {
+  switch (action.type) {
+    case ACTION_TYPE.INIT_STATE:
+      return initialState
+
+    case ACTION_TYPE.SET_LOTTERY_STATUS:
+      return {
+        ...state,
+        lotteryStatus: action.payload
+      }
+
+    case ACTION_TYPE.SET_BASE_INFO:
+      return {
+        ...state,
+        baseInfo: action.payload
+      }
+
+    case ACTION_TYPE.SHOW_MY_LOTTERY:
+      return {
+        ...state,
+        myLotteryVisible: true
+      }
+
+    case ACTION_TYPE.HIDE_MY_LOTTERY:
+      return {
+        ...state,
+        myLotteryVisible: false
+      }
+
+    case ACTION_TYPE.SET_MY_LOTTERY_CONTENT:
+      return {
+        ...state,
+        myLotteryContent: action.payload
+      }
+
+    case ACTION_TYPE.SHOW_MERCHANT_CONTACT_INFO:
+      return {
+        ...state,
+        merchantContactInfoVisible: true
+      }
+
+    case ACTION_TYPE.HIDE_MERCHANT_CONTACT_INFO:
+      return {
+        ...state,
+        merchantContactInfoVisible: false
+      }
+
+    case ACTION_TYPE.SET_MERCHANT_CONTACT_INFO:
+      return {
+        ...state,
+        merchantContactInfo: action.payload
+      }
+
+    case ACTION_TYPE.SET_CURRENT_PRIZE_ID:
+      return {
+        ...state,
+        currentPrizeId: action.payload
+      }
+
+    case ACTION_TYPE.SET_CAN_REWARD_LIST_BACK:
+      return {
+        ...state,
+        canRewardListBack: action.payload
+      }
+
+    case ACTION_TYPE.SET_WINNERS_BACK_TO:
+      return {
+        ...state,
+        winnersBackTo: action.payload
+      }
+
+    case ACTION_TYPE.SHOW_LOTTERY_INFO:
+      return {
+        ...state,
+        lotteryInfoVisible: true
+      }
+
+    case ACTION_TYPE.HIDE_LOTTERY_INFO:
+      return {
+        ...state,
+        lotteryInfoVisible: false
+      }
+
+    case ACTION_TYPE.SET_LOTTERY_INFO:
+      return {
+        ...state,
+        lotteryInfo: action.payload
+      }
+
+    case ACTION_TYPE.SHOW_LOTTERY_FAB:
+      return {
+        ...state,
+        lotteryFabVisible: true
+      }
+
+    case ACTION_TYPE.HIDE_LOTTERY_FAB:
+      return {
+        ...state,
+        lotteryFabVisible: false
+      }
+
+    case ACTION_TYPE.SHOW_LOTTERY_RESULT:
+      return {
+        ...state,
+        lotteryResultVisible: true
+      }
+
+    case ACTION_TYPE.HIDE_LOTTERY_RESULT:
+      return {
+        ...state,
+        lotteryResultVisible: false
+      }
+
+    case ACTION_TYPE.SET_LOTTERY_RESULT_INFO:
+      return {
+        ...state,
+        lotteryResultInfo: action.payload
+      }
+
+    case ACTION_TYPE.SHOW_NOBODY_ATTEND:
+      return {
+        ...state,
+        nobodyAttendVisible: true
+      }
+
+    case ACTION_TYPE.HIDE_NOBODY_ATTEND:
+      return {
+        ...state,
+        nobodyAttendVisible: false
+      }
+
+    case ACTION_TYPE.SHOW_LOTTERY_ANIMATION:
+      return {
+        ...state,
+        lotteryAnimationVisible: true
+      }
+
+    case ACTION_TYPE.HIDE_LOTTERY_ANIMATION:
+      return {
+        ...state,
+        lotteryAnimationVisible: false
+      }
+
+    case ACTION_TYPE.SET_WINNERS_CACHE:
+      return {
+        ...state,
+        winnersCache: action.payload
+      }
+
+    case ACTION_TYPE.SET_IS_READY_TO_COMMENT:
+      return {
+        ...state,
+        isReadyToComment: action.payload
+      }
+
+    case ACTION_TYPE.SET_ADDRESS_QUERY:
+      return {
+        ...state,
+        addressQuery: action.payload
+      }
+
+    case ACTION_TYPE.SET_ADDRESS_INFO:
+      return {
+        ...state,
+        addressInfo: action.payload
+      }
+
+    case ACTION_TYPE.SET_ADDRESS_SUBMIT_CALLBACK:
+      return {
+        ...state,
+        addressSubmitCallback: action.payload
+      }
+
+    case ACTION_TYPE.SET_PARTICIPATION_CONDITION:
+      return {
+        ...state,
+        participationCondition: action.payload
+      }
+
+    case ACTION_TYPE.IS_SHOW_PARTICIPANT:
+      return {
+        ...state,
+        isShowParticipant: action.payload
+      }
+
+    default:
+      return state
+  }
+}