create-weapp-vite 2.0.31 → 2.0.32

package/templates/wevu-retail/src/pages/order/components/reason-sheet/index.vue

@@ -0,0 +1,161 @@
+<script lang="ts">
+Component({
+  options: {
+    addGlobalClass: true,
+  },
+  properties: {
+    show: Boolean,
+    title: String,
+    options: {
+      type: Object,
+      observer() {
+        this.init();
+      },
+    },
+    multiple: {
+      type: Boolean,
+      observer() {
+        this.init();
+      },
+    },
+    showConfirmButton: Boolean,
+    showCloseButton: Boolean,
+    confirmButtonText: {
+      type: String,
+      value: '确定',
+    },
+    cancelButtonText: {
+      type: String,
+      value: '取消',
+    },
+    emptyTip: {
+      type: String,
+      value: '请选择',
+    },
+  },
+
+  data: {
+    _options: [],
+    checkedIndexes: [],
+  },
+
+  methods: {
+    attached() {
+      this.toast = this.selectComponent('#t-toast');
+    },
+
+    init() {
+      const checkedIndexes = [];
+      const _options = this.properties.options.map((opt, i) => {
+        const checked = !!opt.checked;
+        if (checked) {
+          if (this.properties.multiple) checkedIndexes[0] = i;
+          else checkedIndexes.push(i);
+        }
+        return {
+          title: opt.title,
+          checked,
+        };
+      });
+      this.setData({ checkedIndexes, _options });
+    },
+
+    onOptionTap(e) {
+      const { index } = e.currentTarget.dataset;
+      const { checkedIndexes } = this.data;
+      let data = {};
+      if (this.properties.multiple) {
+        if (checkedIndexes.includes(index)) {
+          checkedIndexes.splice(index, 1);
+          data = { checkedIndexes, [`_options[${index}].checked`]: false };
+        } else {
+          checkedIndexes.push(index);
+          data = { checkedIndexes, [`_options[${index}].checked`]: true };
+        }
+      } else {
+        if (checkedIndexes[0] === index) {
+          // 单选不可取消选择
+          return;
+        }
+        data = {
+          [`_options[${index}].checked`]: true,
+          checkedIndexes: [index],
+        };
+        if (checkedIndexes[0] !== undefined) {
+          data[`_options[${checkedIndexes[0]}].checked`] = false;
+        }
+      }
+      this.setData(data);
+      this.triggerEvent('select', { index });
+      this._onOptionTap && this._onOptionTap(index);
+      if (!this.properties.showConfirmButton && !this.properties.multiple) {
+        // 没有确认按钮且是单选的情况下，选择选项则自动确定
+        this._onConfirm && this._onConfirm([index]);
+        this.setData({ show: false });
+      }
+    },
+
+    onCancel() {
+      this.triggerEvent('cancel');
+      this._onCancel && this._onCancel();
+      this.setData({ show: false });
+    },
+
+    onConfirm() {
+      if (this.data.checkedIndexes.length === 0) {
+        this.toast.show({
+          icon: '',
+          text: this.properties.emptyTip,
+        });
+        return;
+      }
+      const indexed = this.data.checkedIndexes;
+      this.triggerEvent('confirm', { indexed });
+      this._onConfirm && this._onConfirm(indexed);
+      this.setData({ show: false });
+    },
+  },
+});
+</script>
+
+<template>
+<t-popup visible="{{show}}" placement="bottom" bind:visible-change="onCancel" close-btn="{{showCloseButton}}">
+  <view class="popup-content [background-color:white] [color:#222427] [border-radius:20rpx_20rpx_0_0] [overflow:hidden] [&_.header]:[height:100rpx] [&_.header]:[line-height:100rpx] [&_.header]:[text-align:center] [&_.header]:[vertical-align:middle] [&_.header]:[font-size:32rpx] [&_.header]:[font-weight:bold] [&_.header]:[position:relative] [&_.options]:[max-height:60vh] [&_.options]:[overflow-y:scroll] [&_.options]:[-webkit-overflow-scrolling:touch] [&_.options_.cell]:[height:100rpx] [&_.options_.cell]:[align-items:center] [&_.options_.cell]:[font-size:30rpx] [&_.options_.cell]:[color:#333333] [&_.button-bar]:[width:100%] [&_.button-bar]:[padding:20rpx_30rpx] [&_.button-bar]:[display:flex] [&_.button-bar]:[flex-wrap:nowrap] [&_.button-bar]:[align-items:center] [&_.button-bar]:[justify-content:space-between] [&_.button-bar_.btn]:[width:100%] [&_.button-bar_.btn]:[background:#fa4126] [&_.button-bar_.btn]:[color:#fff] [&_.button-bar_.btn]:[border-radius:48rpx]">
+    <view class="header"> {{title}} </view>
+    <view class="options cell--noborder">
+      <t-cell
+        wx:for="{{_options}}"
+        wx:key="title"
+        t-class="cell"
+        title="{{item.title}}"
+        bindclick="onOptionTap"
+        data-index="{{index}}"
+        border="{{false}}"
+      >
+        <view slot="right-icon">
+          <t-icon name="check-circle-filled" size="36rpx" color="#fa4126" wx:if="{{item.checked}}" />
+          <t-icon name="circle" size="36rpx" color="#C7C7C7" wx:else />
+        </view>
+      </t-cell>
+    </view>
+    <view class="button-bar [&_.btnWrapper]:[width:100%]" wx:if="{{showConfirmButton}}">
+      <t-button class="btnWrapper" wx:if="{{showConfirmButton}}" t-class="btn" bindtap="onConfirm">
+        {{confirmButtonText}}
+      </t-button>
+    </view>
+  </view>
+</t-popup>
+<t-toast id="t-toast" />
+</template>
+
+<json>
+{
+  "component": true,
+  "usingComponents": {
+    "t-icon": "tdesign-miniprogram/icon/icon",
+    "t-popup": "tdesign-miniprogram/popup/popup",
+    "t-cell": "tdesign-miniprogram/cell/cell",
+    "t-toast": "tdesign-miniprogram/toast/toast",
+    "t-button": "tdesign-miniprogram/button/button"
+  }
+}</json>

package/templates/wevu-retail/src/pages/order/components/reason-sheet/reasonSheet.ts

@@ -0,0 +1,25 @@
+function getInstance(context, selector = '#wr-reason-sheet') {
+  if (!context) {
+    const pages = getCurrentPages();
+    const page = pages[pages.length - 1];
+    context = page;
+  }
+  const instance = context && context.selectComponent(selector);
+  if (!instance) {
+    console.warn(`未找到reason-sheet组件,请检查selector是否正确`);
+    return null;
+  }
+  return instance;
+}
+
+export default function (options) {
+  const { context, selector, ..._options } = options;
+  return new Promise((resolve, reject) => {
+    const instance = getInstance(context, selector);
+    if (instance) {
+      instance.setData(Object.assign({}, _options));
+      instance._onCancel = () => reject();
+      instance._onConfirm = (indexes) => resolve(indexes);
+    }
+  });
+}

package/templates/wevu-retail/src/pages/order/components/selectCoupons/mock.ts

@@ -0,0 +1,22 @@
+export const couponsData = {
+  couponResultList: [
+    {
+      couponVO: {
+        condition: '满200元可用',
+        couponId: 11,
+        endTime: 1584530282686,
+        name: '折扣券',
+        profit: '5.5折',
+        promotionCode: 90,
+        promotionSubCode: 1,
+        scopeText: '部分商品可用',
+        startTime: 1584530282686,
+        storeId: 90,
+        value: 550,
+        type: 2,
+      },
+      status: 0, // 0:未勾选。1:勾选。-1:置灰
+    },
+  ],
+  reduce: 1000,
+};

package/templates/wevu-retail/src/pages/order/components/selectCoupons/selectCoupon.wxs

@@ -0,0 +1,16 @@
+function formatDays(value) {
+  if (value < 10) {
+    return '0' + value;
+  }
+  return value;
+}
+var dateFormat = function (d) {
+  var date = getDate(+d);
+  return (
+    date.getFullYear() +
+    '-' +
+    formatDays(date.getMonth() + 1) +
+    formatDays(date.getDate())
+  );
+};
+module.exports.dateFormat = dateFormat;

package/templates/wevu-retail/src/pages/order/components/selectCoupons/selectCoupons.vue

@@ -0,0 +1,207 @@
+<script lang="ts">
+import dayjs from 'dayjs';
+import { couponsData } from './mock';
+
+const emptyCouponImg = `https://tdesign.gtimg.com/miniprogram/template/retail/coupon/ordersure-coupon-newempty.png`;
+
+Component({
+  properties: {
+    storeId: String,
+    promotionGoodsList: {
+      type: Array,
+      value: [],
+    },
+    orderSureCouponList: {
+      type: Array,
+      value: [],
+    },
+    couponsShow: {
+      type: Boolean,
+      value: false,
+      observer(couponsShow) {
+        if (couponsShow) {
+          const { promotionGoodsList, orderSureCouponList, storeId } = this.data;
+          const products =
+            promotionGoodsList &&
+            promotionGoodsList.map((goods) => {
+              this.storeId = goods.storeId;
+              return {
+                skuId: goods.skuId,
+                spuId: goods.spuId,
+                storeId: goods.storeId,
+                selected: true,
+                quantity: goods.num,
+                prices: {
+                  sale: goods.settlePrice,
+                },
+              };
+            });
+          const selectedCoupons =
+            orderSureCouponList &&
+            orderSureCouponList.map((ele) => {
+              return {
+                promotionId: ele.promotionId,
+                storeId: ele.storeId,
+                couponId: ele.couponId,
+              };
+            });
+          this.setData({
+            products,
+          });
+          this.coupons({
+            products,
+            selectedCoupons,
+            storeId,
+          }).then((res) => {
+            this.initData(res);
+          });
+        }
+      },
+    },
+  },
+  data: {
+    emptyCouponImg,
+    goodsList: [],
+    selectedList: [],
+    couponsList: [],
+    orderSureCouponList: [],
+    promotionGoodsList: [],
+  },
+  methods: {
+    initData(data = {}) {
+      const { couponResultList = [], reduce = 0 } = data;
+      const selectedList = [];
+      let selectedNum = 0;
+      const couponsList =
+        couponResultList &&
+        couponResultList.map((coupon) => {
+          const { status, couponVO } = coupon;
+          const { couponId, condition = '', endTime = 0, name = '', startTime = 0, value, type } = couponVO;
+          if (status === 1) {
+            selectedNum++;
+            selectedList.push({
+              couponId,
+              promotionId: ruleId,
+              storeId: this.storeId,
+            });
+          }
+          const val = type === 2 ? value / 100 : value / 10;
+          return {
+            key: couponId,
+            title: name,
+            isSelected: false,
+            timeLimit: `${dayjs(+startTime).format('YYYY-MM-DD')}-${dayjs(+endTime).format('YYYY-MM-DD')}`,
+            value: val,
+            status: status === -1 ? 'useless' : 'default',
+            desc: condition,
+            type,
+            tag: '',
+          };
+        });
+      this.setData({
+        selectedList,
+        couponsList,
+        reduce,
+        selectedNum,
+      });
+    },
+    selectCoupon(e) {
+      const { key } = e.currentTarget.dataset;
+      const { couponsList, selectedList } = this.data;
+      couponsList.forEach((coupon) => {
+        if (coupon.key === key) {
+          coupon.isSelected = !coupon.isSelected;
+        }
+      });
+
+      const couponSelected = couponsList.filter((coupon) => coupon.isSelected === true);
+
+      this.setData({
+        selectedList: [...selectedList, ...couponSelected],
+        couponsList: [...couponsList],
+      });
+
+      this.triggerEvent('sure', {
+        selectedList: [...selectedList, ...couponSelected],
+      });
+    },
+    hide() {
+      this.setData({
+        couponsShow: false,
+      });
+    },
+    coupons(coupon = {}) {
+      return new Promise((resolve, reject) => {
+        if (coupon?.selectedCoupons) {
+          resolve({
+            couponResultList: couponsData.couponResultList,
+            reduce: couponsData.reduce,
+          });
+        }
+        return reject({
+          couponResultList: [],
+          reduce: undefined,
+        });
+      });
+    },
+  },
+});
+</script>
+
+<template>
+<wxs src="./selectCoupon.wxs" module="m1" />
+
+<t-popup visible="{{couponsShow}}" placement="bottom" bind:visible-change="hide">
+	<view class="select-coupons [background:#fff] [width:100%] [position:relative] [border-radius:20rpx_20rpx_0_0] [padding-top:28rpx] [padding-bottom:env(safe-area-inset-bottom)] [&_.title]:[width:100%] [&_.title]:[text-align:center] [&_.title]:[font-size:32rpx] [&_.title]:[color:#333] [&_.title]:[font-weight:600] [&_.title]:[line-height:44rpx] [&_.info]:[width:100%] [&_.info]:[height:34rpx] [&_.info]:[font-size:24rpx] [&_.info]:[color:#999] [&_.info]:[line-height:34rpx] [&_.info]:[margin:20rpx_0] [&_.info]:[padding:0_20rpx] [&_.info_.price]:[color:#fa4126] [&_.coupons-list]:[max-height:500rpx] [&_.coupons-list_.coupons-wrap]:[padding:0rpx_20rpx] [&_.coupons-list_.disable]:[font-size:24rpx] [&_.coupons-list_.disable]:[color:#ff2525] [&_.coupons-list_.disable]:[padding-top:20rpx] [&_.coupons-list_.slot-radio]:[position:absolute] [&_.coupons-list_.slot-radio]:[right:22rpx] [&_.coupons-list_.slot-radio]:[top:50%] [&_.coupons-list_.slot-radio]:[transform:translateY(-50%)] [&_.coupons-list_.slot-radio]:[display:inline-block] [&_.coupons-list_.slot-radio_.wr-check-filled]:[font-size:36rpx] [&_.coupons-list_.slot-radio_.check]:[width:36rpx] [&_.coupons-list_.slot-radio_.text-primary]:[color:#fa4126] [&_.coupons-list_.slot-radio_.wr-check]:[font-size:36rpx] [&_.coupons-list_.slot-radio_.wr-uncheck]:[font-size:36rpx] [&_.coupons-list_.slot-radio_.wr-uncheck]:[color:#999] [&_.couponp-empty-wrap]:[padding:40rpx] [&_.couponp-empty-wrap_.couponp-empty-img]:[display:block] [&_.couponp-empty-wrap_.couponp-empty-img]:[width:240rpx] [&_.couponp-empty-wrap_.couponp-empty-img]:[height:240rpx] [&_.couponp-empty-wrap_.couponp-empty-img]:[margin:0_auto] [&_.couponp-empty-wrap_.couponp-empty-title]:[font-size:28rpx] [&_.couponp-empty-wrap_.couponp-empty-title]:[color:#999] [&_.couponp-empty-wrap_.couponp-empty-title]:[text-align:center] [&_.couponp-empty-wrap_.couponp-empty-title]:[line-height:40rpx] [&_.couponp-empty-wrap_.couponp-empty-title]:[margin-top:40rpx] [&_.coupons-cover]:[height:112rpx] [&_.coupons-cover]:[width:100%] [&_.coupons-cover]:[box-sizing:border-box] [&_.coupons-cover]:[margin-top:30rpx] [&_.coupons-cover]:[padding:12rpx_32rpx] [&_.coupons-cover]:[display:flex] [&_.coupons-cover]:[justify-content:space-between] [&_.coupons-cover]:[align-items:center] [&_.coupons-cover_.btn]:[width:332rpx] [&_.coupons-cover_.btn]:[height:88rpx] [&_.coupons-cover_.btn]:[text-align:center] [&_.coupons-cover_.btn]:[line-height:88rpx] [&_.coupons-cover_.btn]:[font-size:32rpx] [&_.coupons-cover_.btn]:[border-radius:44rpx] [&_.coupons-cover_.btn]:[box-sizing:border-box] [&_.coupons-cover_.btn]:[border:2rpx_solid_#dddddd] [&_.coupons-cover_.btn]:[color:#333333] [&_.coupons-cover_.red]:[border-color:#fa4126] [&_.coupons-cover_.red]:[background-color:#fa4126] [&_.coupons-cover_.red]:[color:#ffffff]">
+		<view class="title">选择优惠券</view>
+		<block wx:if="{{couponsList && couponsList.length > 0}}">
+			<view class="info">
+				<block wx:if="{{!selectedNum}}">你有{{couponsList.length}}张可用优惠券</block>
+				<block wx:else>
+					已选中{{selectedNum}}张推荐优惠券, 共抵扣
+					<wr-price fill="{{false}}" price="{{reduce || 0}}" />
+				</block>
+			</view>
+			<scroll-view class="coupons-list" scroll-y="true">
+				<view class="coupons-wrap">
+					<block wx:for="{{couponsList}}" wx:key="index" wx:for-item="coupon">
+						<coupon-card
+						 title="{{coupon.title}}"
+						 type="{{coupon.type}}"
+						 status="{{coupon.status}}"
+						 desc="{{coupon.desc}}"
+						 value="{{coupon.value}}"
+						 tag="{{coupon.tag}}"
+						 timeLimit="{{coupon.timeLimit}}"
+						>
+							<view class="slot-radio" slot="operator">
+                <t-icon bindtap="selectCoupon" data-key="{{coupon.key}}" name="{{coupon.isSelected ? 'check-circle-filled' : 'circle'}}" color="#fa4126" size="40rpx"/>
+							</view>
+						</coupon-card>
+						<view class="disable" wx:if="{{coupon.status == 'useless'}}">此优惠券不能和已勾选的优惠券叠加使用</view>
+					</block>
+				</view>
+			</scroll-view>
+		</block>
+		<view wx:else class="couponp-empty-wrap">
+			<t-image t-class="couponp-empty-img" src="{{emptyCouponImg}}" />
+			<view class="couponp-empty-title">暂无优惠券</view>
+		</view>
+		<view class="coupons-cover" />
+	</view>
+</t-popup>
+
+</template>
+
+<json>
+{
+  "component": true,
+  "usingComponents": {
+    "t-popup": "tdesign-miniprogram/popup/popup",
+    "t-icon": "tdesign-miniprogram/icon/icon",
+    "t-image": "/components/webp-image/index",
+    "wr-price": "/components/price/index",
+    "coupon-card": "/components/promotion/ui-coupon-card/index"
+  }
+}
+</json>

package/templates/wevu-retail/src/pages/order/components/specs-goods-card/index.vue

@@ -0,0 +1,185 @@
+<script lang="ts">
+Component({
+  options: {
+    addGlobalClass: true,
+    multipleSlots: true, // 在组件定义时的选项中启用多slot支持
+  },
+
+  externalClasses: [
+    'title-class',
+    'desc-class',
+    'num-class',
+    'thumb-class',
+    'specs-class',
+    'price-class',
+    'origin-price-class',
+    'price-prefix-class',
+  ],
+
+  relations: {
+    '../order-card/index': {
+      type: 'ancestor',
+      linked(target) {
+        this.parent = target;
+      },
+    },
+  },
+
+  properties: {
+    id: String,
+    hidden: {
+      // 设置为null代表不做类型转换
+      type: null,
+      observer(hidden) {
+        // null就是代表没有设置，没有设置的话不setData，防止祖先组件触发的setHidden操作被覆盖
+        if (hidden !== null) {
+          this.setHidden(!!hidden);
+        }
+      },
+    },
+    data: Object,
+    layout: {
+      type: String,
+      value: 'horizontal',
+    },
+    thumbMode: {
+      type: String,
+      value: 'aspectFill',
+    },
+    thumbWidth: Number,
+    thumbHeight: Number,
+    thumbWidthInPopup: Number,
+    thumbHeightInPopup: Number,
+    priceFill: {
+      type: Boolean,
+      value: true,
+    },
+    currency: {
+      type: String,
+      value: '¥',
+    },
+    lazyLoad: Boolean,
+    centered: Boolean,
+    showCart: Boolean,
+    pricePrefix: String,
+    cartSize: {
+      type: Number,
+      value: 48,
+    },
+    cartColor: {
+      type: String,
+      value: '#FA550F',
+    },
+    disablePopup: Boolean,
+  },
+
+  data: {
+    hiddenInData: false,
+    specsPopup: {
+      insert: false,
+      show: false,
+    },
+  },
+
+  currentInTapSpecs: false,
+
+  lifetimes: {
+    ready() {
+      const { hidden } = this.properties;
+      if (hidden !== null) {
+        this.setHidden(!!hidden);
+      }
+    },
+  },
+
+  methods: {
+    closeSpecsPopup() {
+      this.setData({
+        'specsPopup.show': false,
+      });
+      this.triggerEvent('specsclose', { good: this.properties.data });
+    },
+
+    removeSpecsPopup() {
+      this.setData({
+        'specsPopup.insert': false,
+      });
+    },
+
+    onClick(e) {
+      if (this.currentInTapSpecs) {
+        this.currentInTapSpecs = false;
+        return;
+      }
+      this.triggerEvent('click', e.detail);
+    },
+
+    onClickThumb(e) {
+      this.triggerEvent('thumb', e.detail);
+    },
+
+    onClickTag(e) {
+      this.triggerEvent('tag', e.detail);
+    },
+
+    onClickCart(e) {
+      this.triggerEvent('add-cart', e.detail);
+    },
+
+    setHidden(hidden) {
+      this.setData({ hiddenInData: !!hidden });
+    },
+  },
+});
+</script>
+
+<template>
+<goods-card
+ class="wr-specs-goods-card"
+ id="{{id}}"
+ layout="{{layout}}"
+ data="{{data}}"
+ currency="{{currency}}"
+ price-fill="{{priceFill}}"
+ lazy-load="{{lazyLoad}}"
+ centered="{{centered}}"
+ thumb-mode="{{thumbMode}}"
+ thumb-width="{{thumbWidth}}"
+ thumb-height="{{thumbHeight}}"
+ show-cart="{{showCart}}"
+ cart-size="{{cartSize}}"
+ cart-color="{{cartColor}}"
+ card-class="{{index === goodsList.length - 1 ? 'wr-goods-card__no-border' : 'wr-goods-card'}}"
+ title-class="title-class"
+ desc-class="desc-class"
+ num-class="num-class"
+ thumb-class="thumb-class"
+ specs-class="specs-class"
+ price-class="price-class"
+ origin-price-class="origin-price-class"
+ price-prefix-class="price-prefix-class"
+ bind:thumb="onClickThumb"
+ bind:tag="onClickTag"
+ bind:add-cart="onClickCart"
+ bind:click="onClick"
+ hidden="{{hiddenInData}}"
+>
+	<!-- 透传good-card组件的slot -->
+	<slot name="thumb-cover" slot="thumb-cover" />
+	<slot name="after-title" slot="after-title" />
+	<slot name="after-desc" slot="after-desc" />
+	<slot name="price-prefix" slot="price-prefix" />
+	<slot name="append-body" slot="append-body" />
+	<slot name="footer" slot="footer" />
+	<slot name="append-card" slot="append-card" />
+</goods-card>
+
+</template>
+
+<json>
+{
+  "component": true,
+  "usingComponents": {
+    "goods-card": "../goods-card/index"
+  }
+}</json>