vhall-mini-sdk 0.1.0 → 0.1.1

package/dist/components/product/product-detail/product-detail.wxml

@@ -1,57 +0,0 @@
-<view wx:if="{{show}}" class="product-detail-container">
-  <view class="product-detail-content">
-    <!-- 图片轮播 -->
-    <view class="product-images">
-      <view class="close-btn" bindtap="closeDetail">×</view>
-      <swiper 
-        class="swiper" 
-        current="{{currentImageIndex}}" 
-        bindchange="bindchange"
-        indicator-dots="false"
-        autoplay="false"
-        circular="true"
-      >
-        <block wx:for="{{product.images}}" wx:key="{{index}}">
-          <swiper-item class="swiper-item">
-            <view class="product-image">
-              <image class="product-detail-img" src="{{item.img_url}}" mode="aspectFill"></image>
-            </view>
-          </swiper-item>
-        </block>
-      </swiper>
-      <view class="image-indicator">
-        {{currentImageIndex + 1}}/{{product.images ? product.images.length : 1}}
-      </view>
-    </view>
-    
-    <!-- 商品信息 -->
-    <view class="product-info">
-      <!-- 价格 -->
-      <block wx:if="{{product.covered_status === 1}}">
-        <text class="covered-price">¥？待开价</text>
-      </block>
-      <block wx:else>
-        <view class="price-container">
-          <text class="discount-price">¥{{product.discount_price || product.price || 0}}</text>
-          <text wx:if="{{product.discount_price && product.price && product.discount_price !== product.price}}" class="original-price">¥{{product.price}}</text>
-        </view>
-      </block>
-      
-      <!-- 商品名称 -->
-      <text class="product-title">{{product.name || '商品名称'}}</text>
-      
-      <!-- 商品描述 -->
-      <text class="product-desc">{{product.description || ''}}</text>
-      
-
-      
-      <!-- 购买按钮 -->
-      <view 
-        class="buy-btn {{product.sale_status === 0 || product.covered_status === 1 ? 'disabled' : ''}}" 
-        bindtap="buyProduct"
-      >
-        {{product.sale_status === 0 ? '已抢光' : product.covered_status === 1 ? '待开价' : '购买'}}
-      </view>
-    </view>
-  </view>
-</view>

package/dist/components/product/product-detail/product-detail.wxss

@@ -1 +0,0 @@
-.product-detail-container{align-items:flex-end;background-color:rgba(0,0,0,.5);bottom:0;display:flex;left:0;position:fixed;right:0;top:0;z-index:9999}.product-detail-content{background-color:#fff;border-radius:20rpx 20rpx 0 0;max-height:90vh;overflow:hidden;width:100%}.product-images{background-color:#f5f5f5;height:750rpx;position:relative}.swiper{height:100%}.swiper-item{align-items:center;display:flex;height:100%;justify-content:center}.product-image{height:100%;width:100%}.product-image .product-detail-img{height:100%;object-fit:contain;width:100%}.image-indicator{border-radius:20rpx;bottom:20rpx;font-size:.86rem;padding:8rpx 16rpx}.close-btn,.image-indicator{background-color:rgba(0,0,0,.6);color:#fff;position:absolute;right:20rpx}.close-btn{align-items:center;border-radius:50%;display:flex;font-size:1.29rem;height:60rpx;justify-content:center;top:20rpx;width:60rpx;z-index:10}.product-info{padding:30rpx}.price-container{align-items:baseline;display:flex;margin-bottom:30rpx}.discount-price{color:#fb2626;font-size:1.43rem;margin-right:20rpx}.original-price{color:#999;font-size:1rem;text-decoration:line-through}.product-title{-webkit-line-clamp:2;color:#333;font-size:1.14rem;font-weight:700;line-height:1.71rem;margin-bottom:20rpx}.product-desc,.product-title{-webkit-box-orient:vertical;display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.product-desc{-webkit-line-clamp:3;color:#666;font-size:1rem;line-height:1.43rem;margin-bottom:30rpx}.covered-price{color:#999;font-size:1.14rem;margin-bottom:30rpx}.buy-btn{align-items:center;background-color:#fb2626;border-radius:45rpx;color:#fff;display:flex;font-size:1.14rem;font-weight:700;height:90rpx;justify-content:center;margin-top:20rpx;width:100%}.buy-btn.disabled{background-color:#ccc;color:#999;cursor:not-allowed}

package/dist/components/product/product-item/product-item.js

@@ -1,56 +0,0 @@
-import { appendParamsToPath } from '../../../shared/utils.js';
-Component({
-  properties: {
-    // 商品数据
-    product: {
-      type: Object,
-      value: {}
-    },
-    // 商品序号
-    index: {
-      type: Number,
-      value: 0
-    },
-    webinarId: {
-      type: String,
-      value: 0
-    }
-  },
-  data: {
-    // 组件内部数据
-  },
-  methods: {
-    // 点击商品
-    onProductClick() {
-      this.triggerEvent('openDetail', this.properties.product);
-    },
-    // 点击购买按钮
-    onBuyClick(e) {
-      const product = this.properties.product;
-      // 检查是否已抢光或待开价
-      if (product.sale_status === 0 || product.covered_status === 1) {
-        return;
-      }
-
-      // 检查 buy_type
-      if (product.buy_type === 4 && product?.mini_program_config?.mini_program_path) {
-        // 跳转到小程序路径
-        const webinarId = this.properties.webinarId;
-        console.log("跳转小程序路径:", appendParamsToPath(product?.mini_program_config?.mini_program_path, { webinarId }))
-        wx.navigateTo({
-          url: appendParamsToPath(product?.mini_program_config?.mini_program_path, { webinarId })
-        });
-      } else if (product.buy_type === 1) {
-        // 触发购买事件，由父组件显示下单弹窗
-        this.triggerEvent('buyClick', product);
-      } else {
-        // 提示无法购买
-        wx.showToast({
-          title: '无法购买，请联系主办方',
-          icon: 'none',
-          duration: 2000
-        });
-      }
-    }
-  }
-});

package/dist/components/product/product-item/product-item.json

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

package/dist/components/product/product-item/product-item.wxml

@@ -1,35 +0,0 @@
-<view class="product-item" bindtap="onProductClick">
-  <view class="product-image">
-      <view class="product-index">{{index + 1}}</view>
-      <image src="{{product.cover_img || 'https://cnstatic01.e.vhall.com/common-static/images/default_avatar.png'}}" mode="aspectFill"></image>
-      <view wx:if="{{product.sale_status === 0}}" class="product-mask">
-        <text class="product-mask-text">已抢光</text>
-      </view>
-      <!-- 讲解中标识 -->
-      <view wx:if="{{product.push_status === 1}}" class="product-badge">
-        <image src="https://cnstatic01.e.vhall.com/common-static/saas-wap/static/img/live.b07d13f4.gif" mode="heightFix" style="height: 20rpx; margin-right: 8rpx;"></image>
-        <text class="product-badge-text">讲解中</text>
-      </view>
-    </view>
-  <view class="product-info">
-    <view>
-      <text class="product-name">{{product.name }}</text>
-      <text class="product-desc">{{product.description }}</text>
-    </view>
-    <!-- 价格显示逻辑 -->
-    <block wx:if="{{product.covered_status === 1}}">
-      <text class="covered-price">¥？待开价</text>
-    </block>
-    <block wx:else>
-      <view wx:if="{{product.discount_price && product.price && product.discount_price !== product.price}}" class="price-container">
-        <text class="product-discount-price">¥{{product.discount_price}}</text>
-        <text class="product-original-price">¥{{product.price}}</text>
-      </view>
-      <text wx:else class="product-price">¥{{product.discount_price || product.price || 0}}</text>
-    </block>
-  </view>
-  <!-- 购买按钮 -->
-  <view class="{{['buy-btn',(product.sale_status === 0 || product.covered_status === 1) ? 'disabled' : '']}}" catchtap="onBuyClick">
-    购买
-  </view>
-</view>

package/dist/components/product/product-item/product-item.wxss

@@ -1 +0,0 @@
-.product-image{border-radius:10rpx;height:180rpx;margin-right:20rpx;overflow:hidden;position:relative;width:180rpx}.product-index{border-radius:8rpx 0 8rpx 0;color:#fff;font-size:1rem;height:40rpx;padding:0 16rpx;z-index:1}.product-index,.product-mask{align-items:center;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;left:0;position:absolute;top:0}.product-mask{bottom:0;right:0;z-index:2}.product-mask-text{color:#fff;font-size:1rem}.buy-btn.disabled{cursor:not-allowed;opacity:.6}.covered-price{color:#999;font-size:1rem;margin-bottom:10rpx}.product-image image{height:100%;object-fit:cover;width:100%}.product-info{display:flex;flex:1;flex-direction:column;justify-content:space-between;width:0}.product-name{color:#333;font-size:1.12rem;line-height:1.43rem}.product-desc,.product-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.product-desc{color:#666;font-size:.9rem}.price-container{align-items:baseline;display:flex}.product-discount-price{color:#fb2626;font-size:1.14rem}.product-original-price{color:#999;font-size:.86rem;text-decoration:line-through}.product-price{color:#fb2626;font-size:1.14rem}.buy-btn{background-color:#fb2626;border-radius:40rpx;bottom:20rpx;color:#fff;font-size:.86rem;padding:10rpx 32rpx;position:absolute;right:20rpx}.product-item{border-bottom:1rpx solid #f0f0f0;cursor:pointer;display:flex;padding:20rpx 0;position:relative}.product-item:last-child{border-bottom:none}.product-sales{color:#999;font-size:.86rem}.product-badge{align-items:center;background-color:rgba(0,0,0,.6);bottom:0;color:#fff;display:flex;font-size:.71rem;justify-content:center;left:0;padding:8rpx;position:absolute;right:0;text-align:center;z-index:5}.product-badge-text{display:inline-block}

package/dist/components/product/product-list/product-list.js

@@ -1,67 +0,0 @@
-Component({
-  properties: {
-    sdkInstance: {
-      type: Object,
-      value: null,
-      observer: function(newVal) {
-        if (newVal) {
-          this.initStoreListener();
-        }
-      }
-    },
-  },
-  data: {
-    // 组件内部数据
-    productList: [],
-    webinarId: ''
-  },
-  lifetimes: {
-    created() {
-      // 组件创建时
-    },
-    attached() {
-      // 组件挂载时
-      if (this.properties.sdkInstance) {
-        this.initStoreListener();
-        this.setData({
-          webinarId: this.properties.sdkInstance.store.get('webinarId'),
-        });
-        // // 初始加载商品数据
-        // const productServer = this.properties.sdkInstance.get('productServer');
-        // if (productServer) {
-        //   productServer.getProductList();
-        // }
-      }
-    },
-    detached() {
-      // 组件卸载时
-      if (this.unsub) {
-        this.unsub();
-      }
-    }
-  },
-  methods: {
-    // 初始化store监听
-    initStoreListener() {
-      if (this.unsub) {
-        this.unsub();
-      }
-      
-      this.unsub = this.properties.sdkInstance.store.get({
-        productList: (val) => {
-          if (val) {
-            this.setData({ productList: val });
-          }
-        }
-      });
-    },
-    // 打开商品详情
-    openProductDetail(e) {
-      this.triggerEvent('productClick', e.detail);
-    },
-    // 处理购买点击事件
-    onBuyClick(e) {
-      this.triggerEvent('buyClick', e.detail);
-    },
-  },
-});

package/dist/components/product/product-list/product-list.json

@@ -1,6 +0,0 @@
-{
-  "component": true,
-  "usingComponents": {
-    "product-item": "../product-item/product-item"
-  }
-}

package/dist/components/product/product-list/product-list.wxml

@@ -1,16 +0,0 @@
-<view class="product-container">
-  <view class="product-list">
-    <view wx:if="{{productList.length === 0}}" class="product-empty">暂无商品</view>
-    <view wx:else>
-      <product-item 
-        webinarId="{{webinarId}}"
-        wx:for="{{productList}}" 
-        wx:key="{{item.id}}" 
-        index="{{index}}"
-        product="{{item}}" 
-        bind:openDetail="openProductDetail"
-        bind:buyClick="onBuyClick"
-      />
-    </view>
-  </view>
-</view>

package/dist/components/product/product-list/product-list.wxss

@@ -1 +0,0 @@
-.product-container{height:100%}.product-list{box-sizing:border-box;height:100%;overflow-y:auto;padding:20rpx;width:100%}.product-empty{color:#999;font-size:1rem;padding:40rpx 0;text-align:center}

package/dist/components/product/product-order/product-order.js

@@ -1,394 +0,0 @@
-import { appendParamsToPath } from '../../../shared/utils.js';
-Component({
-  properties: {
-    // 商品数据
-    product: {
-      type: Object,
-      value: {}
-    },
-    // 是否显示
-    show: {
-      type: Boolean,
-      value: false
-    },
-    // SDK实例
-    sdkInstance: {
-      type: Object,
-      value: null
-    }
-  },
-  data: {
-    // 购买数量
-    quantity: 1,
-    // 小计金额
-    subtotal: 0,
-    // 总计金额
-    total: 0,
-    // 格式化后的金额显示
-    subtotalText: '0.00',
-    totalText: '0.00',
-    // 直播间ID
-    webinarId: '',
-    // 微信商户AppID
-    mchAppId: '',
-    // 配置信息
-    enablePhone: 0,
-    enableRemark: 0,
-    enableUsername: 0,
-    // 用户输入信息
-    phone: '',
-    remark: '',
-    username: ''
-  },
-  lifetimes: {
-    attached() {
-      // 组件挂载时初始化配置
-      this.getWebinarSetting();
-    }
-  },
-  observers: {
-    // 监听显示状态变化（兼容旧用法）
-    show: function(show) {
-      if (show) {
-        // 重置数量
-        this.setData({
-          quantity: 1,
-          phone: '',
-          remark: '',
-          username: ''
-        });
-        this.updateAmount();
-        this.getWebinarSetting();
-      }
-    },
-    // 监听数量变化
-    quantity: function(val) {
-      this.updateAmount();
-    },
-    // 监听商品变化
-    product: function(newVal) {
-      if (newVal) {
-        this.updateAmount();
-      }
-    }
-  },
-  methods: {
-    // 获取商户号
-    getMchAppId() {
-      // 可以在这里调用接口获取商户号
-      // 目前使用默认值
-    },
-    // 获取直播间配置信息
-    async getWebinarSetting() {
-      if (!this.properties.sdkInstance) {
-        return;
-      }
-
-      const wxApi = this.properties.sdkInstance.wxApi;
-      const webinarId = this.properties.sdkInstance.webinarId;
-
-      try {
-        const res = await wxApi.sendGet(`/v3/goods/webinar-setting/get-info?webinar_id=${webinarId}`);
-        
-        if (res && res.code === 200 && res.data) {
-          this.setData({
-            enablePhone: res.data.enable_phone || 0,
-            enableRemark: res.data.enable_remark || 0,
-            enableUsername: res.data.enable_username || 0,
-            phone: res.data.phone || '',
-            username: res.data.username || ''
-          });
-        }
-      } catch (error) {
-        console.error('获取直播间配置失败:', error);
-      }
-    },
-    // 输入手机号
-    onPhoneInput(e) {
-      this.setData({
-        phone: e.detail.value
-      });
-    },
-    // 输入备注
-    onRemarkInput(e) {
-      this.setData({
-        remark: e.detail.value
-      });
-    },
-    // 输入昵称
-    onUsernameInput(e) {
-      this.setData({
-        username: e.detail.value
-      });
-    },
-    // 更新金额
-    updateAmount() {
-      const product = this.properties.product;
-      const quantity = this.data.quantity;
-      const price = parseFloat(product.discount_price || product.price || 0);
-      
-      // 确保价格是有效数字
-      const validPrice = isNaN(price) ? 0 : price;
-      const subtotal = validPrice * quantity;
-      const total = subtotal; // 暂不考虑运费
-
-      this.setData({
-        subtotal: subtotal,
-        total: total,
-        subtotalText: subtotal.toFixed(2),
-        totalText: total.toFixed(2)
-      });
-    },
-    // 减少数量
-    decreaseQty() {
-      if (this.data.quantity > 1) {
-        this.setData({
-          quantity: this.data.quantity - 1
-        });
-      }
-    },
-    // 增加数量
-    increaseQty() {
-      const stock = parseInt(this.properties.product.stock || 999);
-      if (this.data.quantity < stock) {
-        this.setData({
-          quantity: this.data.quantity + 1
-        });
-      } else {
-        wx.showToast({
-          title: '库存不足',
-          icon: 'none',
-          duration: 2000
-        });
-      }
-    },
-    // 关闭订单页面
-    closeOrder() {
-      this.setData({
-        show: false
-      });
-      this.triggerEvent('close');
-    },
-    // 提交订单
-    async submitOrder() {
-      const product = this.properties.product;
-      const quantity = this.data.quantity;
-
-      // 检查商品状态
-      if (product.sale_status === 0) {
-        wx.showToast({
-          title: '商品已抢光',
-          icon: 'none',
-          duration: 2000
-        });
-        return;
-      }
-
-      if (product.covered_status === 1) {
-        wx.showToast({
-          title: '商品待开价',
-          icon: 'none',
-          duration: 2000
-        });
-        return;
-      }
-
-      // 检查 buy_type
-      if (product.buy_type === 4 && product?.mini_program_config?.mini_program_path) {
-        // 跳转到小程序路径
-        const webinarId = this.properties.sdkInstance.store.get('webinarId');
-        wx.navigateTo({
-          url: appendParamsToPath(product?.mini_program_config?.mini_program_path, { webinarId })
-        });
-        this.closeOrder();
-        return;
-      }
-
-      // 只有 buy_type === 1 时才调用创建订单接口
-      if (product.buy_type !== 1) {
-        wx.showToast({
-          title: '无法购买，请联系主办方',
-          icon: 'none',
-          duration: 2000
-        });
-        return;
-      }
-
-      // 验证必填字段
-      if (this.data.enableUsername && !this.data.username.trim()) {
-        wx.showToast({
-          title: '请输入昵称',
-          icon: 'none',
-          duration: 2000
-        });
-        return;
-      }
-
-      if (this.data.enablePhone) {
-        const phone = this.data.phone.trim();
-        if (!phone) {
-          wx.showToast({
-            title: '请输入手机号',
-            icon: 'none',
-            duration: 2000
-          });
-          return;
-        }
-        // 校验手机号格式（11位数字，以1开头）
-        const phoneReg = /^1[0-9]\d{9}$/;
-        if (!phoneReg.test(phone)) {
-          wx.showToast({
-            title: '请输入正确的手机号',
-            icon: 'none',
-            duration: 2000
-          });
-          return;
-        }
-      }
-
-      // 调用创建订单接口
-      await this.createOrder(product, quantity);
-    },
-
-    // 创建订单
-    async createOrder(product, quantity) {
-      if (!this.properties.sdkInstance) {
-        console.error('sdkInstance 不存在');
-        return;
-      }
-
-      const wxApi = this.properties.sdkInstance.wxApi;
-      const webinarId = this.properties.sdkInstance.webinarId;
-      const wxAppId = this.properties.sdkInstance.wxAppId;
-      const userInfo = this.properties.sdkInstance.store.get('user') || {};
-
-      // 构建请求参数
-      const params = {
-        channel_source: 'main',
-        coupon_user_ids: [],
-        ext: {
-          watch_url: `https://test-live.vhall.com/v3/lives/watch/${webinarId}`
-        },
-        goods: [
-          {
-            goods_id: product.goods_id,
-            quantity: quantity,
-            goods_sku_id: '',
-            buy_type: product.buy_type
-          }
-        ],
-        mch_app_id: wxAppId,
-        nickname: userInfo.nickname || '',
-        open_id: userInfo.openId || userInfo.open_id || '',
-        pay_amount: this.data.total.toFixed(2),
-        pay_channel: 'WEIXIN',
-        phone: this.data.phone || userInfo.phone || '',
-        remark: this.data.remark || '',
-        service_code: 'JSAPI',
-        show_url: `https://test-live.vhall.com/v3/lives/watch/${webinarId}`,
-        third_user_id: null,
-        username: this.data.username || userInfo.username || userInfo.nickname || ''
-      };
-
-      try {
-        wx.showLoading({ title: '提交中...' });
-        
-        const res = await wxApi.sendPost('/v3/goods/order/create', params);
-
-        wx.hideLoading();
-
-        if (res && res.code == 200) {
-          // 订单创建成功，调用支付
-          await this.requestPayment(res.data);
-        } else {
-          // 订单创建失败
-          wx.showToast({
-            title: res.msg || '订单创建失败',
-            icon: 'none',
-            duration: 2000
-          });
-        }
-      } catch (error) {
-        wx.hideLoading();
-        console.error('创建订单失败:', error);
-        wx.showToast({
-          title: '创建订单失败',
-          icon: 'none',
-          duration: 2000
-        });
-      }
-    },
-
-    // 调用微信支付
-    async requestPayment(orderInfo) {
-      if (!orderInfo || !orderInfo.ext) {
-        console.error('支付参数错误');
-        wx.showToast({
-          title: '支付参数错误',
-          icon: 'none',
-          duration: 2000
-        });
-        return;
-      }
-      
-      let payParams;
-      try {
-        payParams = JSON.parse(orderInfo.ext);
-      } catch (e) {
-        console.error('解析支付参数失败:', e);
-        wx.showToast({
-          title: '支付参数解析失败',
-          icon: 'none',
-          duration: 2000
-        });
-        return;
-      }
-
-      try {
-        wx.showLoading({ title: '支付中...' });
-        
-        // 使用 await 方式，不使用 success/fail 回调
-        const result = await wx.requestPayment(payParams);
-
-        wx.hideLoading();
-        
-        if (result && result.errMsg === 'requestPayment:ok') {
-          // 支付成功
-          wx.showToast({
-            title: '支付成功',
-            icon: 'success',
-            duration: 2000
-          });
-          
-          // 关闭订单页面
-          this.closeOrder();
-          
-          // 触发支付成功事件
-          this.triggerEvent('paySuccess', {
-            product: this.properties.product,
-            quantity: this.data.quantity,
-            total: this.data.total,
-            orderInfo: orderInfo
-          });
-        }
-      } catch (error) {
-        wx.hideLoading();
-        console.error('支付失败:', error);
-        
-        if (error && error.errMsg && error.errMsg.includes('cancel')) {
-          wx.showToast({
-            title: '已取消支付',
-            icon: 'none',
-            duration: 2000
-          });
-        } else {
-          wx.showToast({
-            title: '支付失败',
-            icon: 'none',
-            duration: 2000
-          });
-        }
-      }
-    }
-  }
-});

package/dist/components/product/product-order/product-order.json

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