xiaoe_mp_npm 0.2.2-beta1 → 0.2.2-beta2

package/miniprogram_dist/Lottery/store/util.js

@@ -0,0 +1,116 @@
+// eslint-disable-next-line complexity
+export function deepEqual(a, b) {
+  if (typeof a === 'number' && Number.isNaN(a) && typeof b === 'number' && Number.isNaN(b)) {
+    return true
+  }
+  if (typeof a !== 'object' || typeof b !== 'object' || !a || !b) {
+    return a === b
+  }
+  if ((Array.isArray(a) && !Array.isArray(b)) || (!Array.isArray(a) && Array.isArray(b))) {
+    return false
+  }
+  if (Array.isArray(a) && Array.isArray(b)) {
+    if (a.length !== b.length) {
+      return false
+    }
+    for (let i = 0; i < a.length; i++) {
+      if (!deepEqual(a[i], b[i])) {
+        return false
+      }
+    }
+    return true
+  }
+  const aKeys = Object.keys(a)
+  const bKeys = Object.keys(b)
+  if (aKeys.length !== bKeys.length) {
+    return false
+  }
+  for (const key of aKeys) {
+    // eslint-disable-next-line no-prototype-builtins
+    if (!b.hasOwnProperty(key) || !deepEqual(a[key], b[key])) {
+      return false
+    }
+  }
+  return true
+}
+
+export function createStore(reducer, initialState = {}) {
+  let state = initialState
+  let listeners = []
+
+  function getState() {
+    return state
+  }
+  function dispatch(action) {
+    if (typeof action === 'function') {
+      console.log('dispatch effect: ', action)
+      return action(dispatch, getState)
+    }
+    console.log('dispatch action: ', action)
+    state = reducer(state, action)
+    listeners.forEach(listener => {
+      listener()
+    })
+    return action
+  }
+  function subscribe(listener) {
+    listeners.push(listener)
+    return () => {
+      listeners = listeners.filter(item => item !== listener)
+    }
+  }
+  const store = {
+    getState,
+    dispatch,
+    subscribe
+  }
+  return store
+}
+
+export const createConnect =
+  store => (mapState = () => ({})) => config => {
+    const {data, lifetimes = {}} = config
+    let unsubscribe
+    function attached() {
+      this.store = store
+      const update = () => {
+        const state = store.getState()
+        const mappedState = mapState(state)
+        if (!Object.keys(mappedState).length) return
+
+        const preData = this.data
+        const nextData = {...preData, ...mappedState}
+        if (deepEqual(preData, nextData)) return
+
+        this.setData(mappedState)
+      }
+      unsubscribe = store.subscribe(update)
+      update()
+
+      if (lifetimes.attached) {
+        wx.nextTick(() => {
+          lifetimes.attached.call(this)
+        })
+      }
+    }
+    function detached() {
+      unsubscribe()
+
+      if (lifetimes.detached) {
+        lifetimes.detached.call(this)
+      }
+    }
+    const mergedConfig = {
+      ...config,
+      data: {
+        ...data,
+        ...mapState(store.getState())
+      },
+      lifetimes: {
+        ...lifetimes,
+        attached,
+        detached
+      }
+    }
+    return mergedConfig
+  }

package/miniprogram_dist/Lottery/utils.js

@@ -0,0 +1,68 @@
+import {TOAST_DURATION} from './constants'
+
+export function toast(msg) {
+  wx.showToast({
+    title: msg,
+    icon: 'none',
+    duration: TOAST_DURATION
+  })
+}
+
+/**
+ * // Strings (variadic)
+ * cls('foo', true && 'bar', 'baz')
+ * // => 'foo bar baz'
+ *
+ * // Objects
+ * const isTrue = () => true
+ * cls({ foo: true, bar: false, baz: isTrue() })
+ * // => 'foo baz'
+ *
+ * // Objects (variadic)
+ * cls({ foo: true }, { bar: false }, null, { '--foobar': 'hello' })
+ * // => 'foo --foobar'
+ *
+ * // Arrays
+ * cls(['foo', 0, false, 'bar'])
+ * // => 'foo bar'
+ *
+ * // Arrays (variadic)
+ * cls(['foo'], ['', 0, false, 'bar'], [['baz', [['hello'], 'there']]])
+ * // => 'foo bar baz hello there'
+ *
+ * // Kitchen sink (with nesting)
+ * cls('foo', [1 && 'bar', { baz: false, bat: null }, ['hello', ['world']]], 'cya')
+ * // => 'foo bar hello world cya'
+ * @param  {any[]} args
+ * @returns {string}
+ */
+export function cls(...args) {
+  return args
+    .flat(Infinity)
+    .map(arg => {
+      if (typeof arg === 'boolean') return ''
+      if (typeof arg === 'string') return arg.trim()
+      if (typeof arg === 'object' && arg !== null) {
+        return Object.keys(arg).reduce((pre, cur, i) => {
+          if (!arg[cur]) return pre
+          if (i === 0) return cur
+          return `${pre} ${cur.trim()}`
+        }, '')
+      }
+      return ''
+    })
+    .filter(Boolean)
+    .join(' ')
+}
+
+export function delay(duration = 0) {
+  return new Promise(resolve => {
+    setTimeout(() => {
+      resolve()
+    }, duration)
+  })
+}
+
+export function hasKey(obj) {
+  return obj && Object.keys(obj).length > 0
+}

package/miniprogram_dist/PayComplete/Components/CouponItem/index.js

@@ -0,0 +1,51 @@
+// src/PayComplete/Components/CouponItem/index.js
+const computedBehavior = require('miniprogram-computed').behavior
+
+Component({
+  behaviors: [computedBehavior],
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    item: { //单个优惠券数据
+      type: Object,
+      value: () => {
+        return {}
+      }
+    },
+    outWidth: { //外部优惠券高度
+      type: String,
+      value: '690rpx'
+    },
+    couponValueBg: { //单个优惠券左边金额背景颜色，默认渐变背景
+      type: String,
+      value: 'linear-gradient(to right,#FFB073,#FF9D52)'
+    },
+    outborder: { //单个外部边框颜色
+      type: String,
+      value: 'none'
+    },
+    outHeight: { //单个外部高度
+      type: String,
+      value: '2.04'
+    },
+    lightState: { //标记优惠券是否处于高亮太 默认高亮，选择优惠券时，不选中时，处于未高亮态
+      type: Boolean,
+      value: true
+    }
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+
+  }
+})

package/miniprogram_dist/PayComplete/Components/CouponItem/index.json

@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}

package/miniprogram_dist/PayComplete/Components/CouponItem/index.less

@@ -0,0 +1,143 @@
+.couponNewWrap {
+  width: 690rpx;
+  margin-bottom: 24rpx;
+  margin-left: auto;
+  margin-right: auto;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.couponNewV2 {
+  background-color: rgb(255, 255, 255);
+  width: 690rpx;
+  background: #FFF6F0;
+  border: 1rpx solid #FFC299;
+  position: relative;
+  height: 144rpx;
+  margin-left: auto;
+  margin-right: auto;
+  overflow: hidden;
+  border-radius: 16rpx;
+  display: flex;
+
+  .couponValue {
+    float: left;
+    width: 208rpx;
+    height: 204rpx;
+    background: #FF781F;
+    box-sizing: border-box;
+    border-radius: 16rpx 0 0 16rpx;
+
+    .couponPrice {
+      position: relative;
+      width: 100%;
+      line-height: 56rpx;
+      margin-top: 22rpx;
+      text-align: center;
+      font-size: 64rpx;
+      font-weight: 500;
+      color: #fff;
+      display: flex;
+      justify-content: center;
+      align-items: baseline;
+
+      .fontSmall {
+        font-size: 48rpx !important;
+      }
+
+      .fontLastSmall {
+        font-size: 32rpx !important;
+      }
+
+      .fixedfont {
+        font-size: 24rpx !important;
+
+      }
+
+      .fixedPercent {
+        font-size: 32rpx !important;
+      }
+
+      span {
+        position: relative;
+        display: inline-block;
+      }
+
+      .discountFont,
+      .coupon-symbol {
+        font-size: 32rpx;
+        margin-left: 12rpx
+      }
+
+    }
+
+    .couponUseCondition {
+      font-size: 24rpx;
+      width: 100%;
+      overflow: hidden;
+      max-height: 80rpx;
+      line-height: 36rpx;
+      color: #fff;
+      text-align: center;
+    }
+  }
+
+  // 非高亮态样式
+  .unselectState {
+    background: #CDCDCD !important;
+  }
+
+  .couponInfo {
+    float: left;
+    margin-bottom: 16rpx;
+    width: 300rpx;
+    height: 100%;
+    overflow: hidden;
+    box-sizing: border-box;
+    padding: 14rpx 0 12rpx 24rpx;
+    color: #888888;
+    font-size: 24rpx;
+    text-align: left;
+
+    span {
+      display: inline-block;
+    }
+
+    .couponName {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      width: 284rpx;
+      height: 36rpx;
+      font-size: 24rpx;
+      margin-bottom: 16rpx;
+      font-weight: 500;
+      color: #333333;
+      line-height: 36rpx;
+    }
+
+    .couponUseHint {
+      margin-bottom: 8rpx;
+      height: 28rpx;
+      line-height: 28rpx;
+    }
+
+    .couponUseTime {
+      width: 100%;
+      height: 28rpx;
+      line-height: 28rpx;
+      font-size: 24rpx;
+    }
+  }
+
+  .couponState {
+    float: left;
+    position: relative;
+    width: 170rpx;
+    height: 100%;
+    border-bottom-left-radius: 8rpx;
+    border-top-left-radius: 8rpx;
+  }
+}

package/miniprogram_dist/PayComplete/Components/CouponItem/index.wxml

@@ -0,0 +1,47 @@
+<!--src/PayComplete/Components/CouponItem/index.wxml-->
+<wxs src="./sub.wxs" module="tools" />
+<view class="couponNewWrap" style="width: {{ outWidth }}">
+  <view class="couponNewV2" style="width: {{ outWidth }}">
+    <view class="couponValue {{ !lightState ? 'unselectState' : '' }}">
+      <view class="couponPrice">
+        <block wx:if="{{ item.discount_way === 1 }}">
+          <view class="coupon-symbol">￥</view>
+          <view style="left: -5rpx;" class="{{ tools.isLongNum(item.price) == 'small' ? 'fontSmall' : '' }} {{ tools.isLongNum(item.price) == 'smallLast' ? 'fontLastSmall' : ''}}">
+            {{ tools.ToFilter(item.price) }}
+          </view>
+          <view class="fixedfont" wx:if="{{ item.price % 100 !== 0 }}">.{{ tools.fixedFont(item.price) }}</view>
+        </block>
+        <text style="left: -5rpx" 
+          class="{{ tools.isLongNum(item.price) == 'small' ? 'fontSmall' : '' }} {{ tools.isLongNum(item.price) == 'smallLast' ? 'fontLastSmall' : '' }}"
+            wx:if="{{ item.discount_way === 2 }}"
+        >
+          {{ tools.ToFilter(item.discount_percent, false) }}
+          <text class="fixedPercent" wx:if="{{ item.discount_percent % 10 !== 0 }}">.{{ fixedFont(item.discount_percent, false) }}</text>
+          <text class="discountFont">折</text>
+        </text>
+      </view>
+      <view wx:if="{{ item.require_price == 0 }}" class="couponUseCondition">无门槛</view>
+      <view wx:if="{{ item.require_price != 0 }}" class="couponUseCondition">
+        <text wx:if="{{ item.discount_way === 1 }}">满{{ item.require_price/100 }}元可用</text>
+        <text wx:else>满{{ item.require_price/100 }}减{{ item.price/100 }}元</text>
+      </view>
+    </view>
+    <view class="couponInfo">
+      <view class="couponName">
+        <text wx:if="{{ item.title.length > 10 }}">{{ item.title.substr(0, 10) }}...</text>
+        <text wx:else>{{ item.title }}</text>
+      </view>
+      <text class="couponUseHint" wx:if="{{ item.type == 0 }}">部分商品可用</text>
+      <text class="couponUseHint" wx:if="{{ item.type == 1 }}">全部商品可用</text>
+      <text class="couponUseTime" wx:if="{{ item.valid_day }}">
+        {{ item.valid_after === 1? '领取次日' : '自领取起' }}{{ item.valid_day }}天内有效
+      </text>
+      <text class="couponUseTime" wx:if="{{ !item.valid_day && item.valid_at && item.invalid_at }}">
+        {{ tools.formatDate(item.valid_at) }}-{{ tools.formatDate(item.invalid_at) }}
+      </text>
+    </view>
+    <view class="couponState">
+      <slot></slot>
+    </view>
+  </view>
+</view>

package/miniprogram_dist/PayComplete/Components/CouponItem/index.wxss

@@ -0,0 +1,122 @@
+.couponNewWrap {
+  width: 690rpx;
+  margin-bottom: 24rpx;
+  margin-left: auto;
+  margin-right: auto;
+}
+.couponNewWrap:last-child {
+  margin-bottom: 0;
+}
+.couponNewV2 {
+  background-color: #ffffff;
+  width: 690rpx;
+  background: #FFF6F0;
+  border: 1rpx solid #FFC299;
+  position: relative;
+  height: 144rpx;
+  margin-left: auto;
+  margin-right: auto;
+  overflow: hidden;
+  border-radius: 16rpx;
+  display: flex;
+}
+.couponNewV2 .couponValue {
+  float: left;
+  width: 208rpx;
+  height: 204rpx;
+  background: #FF781F;
+  box-sizing: border-box;
+  border-radius: 16rpx 0 0 16rpx;
+}
+.couponNewV2 .couponValue .couponPrice {
+  position: relative;
+  width: 100%;
+  line-height: 56rpx;
+  margin-top: 22rpx;
+  text-align: center;
+  font-size: 64rpx;
+  font-weight: 500;
+  color: #fff;
+  display: flex;
+  justify-content: center;
+  align-items: baseline;
+}
+.couponNewV2 .couponValue .couponPrice .fontSmall {
+  font-size: 48rpx !important;
+}
+.couponNewV2 .couponValue .couponPrice .fontLastSmall {
+  font-size: 32rpx !important;
+}
+.couponNewV2 .couponValue .couponPrice .fixedfont {
+  font-size: 24rpx !important;
+}
+.couponNewV2 .couponValue .couponPrice .fixedPercent {
+  font-size: 32rpx !important;
+}
+.couponNewV2 .couponValue .couponPrice span {
+  position: relative;
+  display: inline-block;
+}
+.couponNewV2 .couponValue .couponPrice .discountFont,
+.couponNewV2 .couponValue .couponPrice .coupon-symbol {
+  font-size: 32rpx;
+  margin-left: 12rpx;
+}
+.couponNewV2 .couponValue .couponUseCondition {
+  font-size: 24rpx;
+  width: 100%;
+  overflow: hidden;
+  max-height: 80rpx;
+  line-height: 36rpx;
+  color: #fff;
+  text-align: center;
+}
+.couponNewV2 .unselectState {
+  background: #CDCDCD !important;
+}
+.couponNewV2 .couponInfo {
+  float: left;
+  margin-bottom: 16rpx;
+  width: 300rpx;
+  height: 100%;
+  overflow: hidden;
+  box-sizing: border-box;
+  padding: 14rpx 0 12rpx 24rpx;
+  color: #888888;
+  font-size: 24rpx;
+  text-align: left;
+}
+.couponNewV2 .couponInfo span {
+  display: inline-block;
+}
+.couponNewV2 .couponInfo .couponName {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 284rpx;
+  height: 36rpx;
+  font-size: 24rpx;
+  margin-bottom: 16rpx;
+  font-weight: 500;
+  color: #333333;
+  line-height: 36rpx;
+}
+.couponNewV2 .couponInfo .couponUseHint {
+  margin-bottom: 8rpx;
+  height: 28rpx;
+  line-height: 28rpx;
+}
+.couponNewV2 .couponInfo .couponUseTime {
+  width: 100%;
+  height: 28rpx;
+  line-height: 28rpx;
+  font-size: 24rpx;
+}
+.couponNewV2 .couponState {
+  float: left;
+  position: relative;
+  width: 170rpx;
+  height: 100%;
+  border-bottom-left-radius: 8rpx;
+  border-top-left-radius: 8rpx;
+}

package/miniprogram_dist/PayComplete/Components/CouponItem/sub.wxs

@@ -0,0 +1,73 @@
+// 时间精确到日期
+var formatDate = function (date) {
+  var execStr = getRegExp('\d{4}-\d{1,2}-\d{1,2}', 'g').exec(date);
+  if (execStr && execStr[0]) {
+    console.log(execStr[0]);
+    return execStr[0].replace(getRegExp('-', 'g'), '.');
+  } else {
+    return date
+  }
+  return date
+}
+
+// 判断金额长度，不同金额区间端显示不同样式
+var isLongNum = function (price) {
+  if (price) {
+    var tempPrice = price / 100;
+    if (price % 100 === 0) {
+      if (tempPrice.toString().length > 5) {
+        return 'smallLast';
+      } else if (tempPrice.toString().length > 3) {
+        return 'small';
+      } else {
+        return 'normal';
+      }
+    } else {
+      // 含小数点
+      if (tempPrice.toString().length > 7) {
+        return 'smallLast';
+      } else if (tempPrice.toString().length > 5) {
+        return 'small';
+      } else {
+        return 'normal';
+      }
+    }
+  } else {
+    return 'normal';
+  }
+}
+
+// 小数点后的样式补充 ToFix2-默认保留2位,其他保留1位
+var xedFont = function (value, ToFix2 = true) {
+  if (value) {
+    var result = (value / 100).toString();
+    if (!ToFix2) {
+      result = (value / 10).toString();
+    }
+    if (result.toString().indexOf('.') > -1) {
+      return result.split('.')[1];
+    } else {
+      return '';
+    }
+  }
+}
+
+// 做数值过滤，value-要处理的数字 ToFix2-默认保留两位，默认转分转元，除以100。其他除以10(如折扣)
+var ToFilter = function (value, ToFix2 = true) {
+  var result = (value / 100).toString();
+  if (!ToFix2) {
+    result = (value / 10).toString();
+  }
+  if (result.indexOf('.') > 0) {
+    return result.split('.')[0];
+  } else {
+    return result;
+  }
+}
+
+module.exports = {
+  formatDate: formatDate,
+  isLongNum: isLongNum,
+  xedFont: xedFont,
+  ToFilter: ToFilter
+}