xiaoe_mp_npm 0.1.1 → 0.1.2

package/miniprogram_dist/Sku/index/index.js

@@ -1,280 +1,280 @@
-const computedBehavior = require('miniprogram-computed').behavior
-import { fenToYuan } from '../../common/utils/currency'
-import { isSkuChoosable, isAllSelected, getSkuComb, getSelectedSkuValues, getSkuImgValue } from '../../common/utils//helper'
-
-
-Component({
-  behaviors: [computedBehavior],
-
-  options: {
-    multipleSlots: true,
-    styleIsolation: 'shared'
-  },
-
-  /**
-   * 组件的属性列表
-   */
-  properties: {
-    show: {
-      type: Boolean,
-    },
-    skuTree: {
-      type: Array,
-      value: [],
-    },
-    skuList: {
-      type: Array,
-      value: []
-    },
-    // 默认商品 sku 缩略图
-    picture: String,
-    // 默认价格（单位分）
-    price: {
-      type: String,
-      value: '',
-    },
-    // 商品总库存
-    stock: {
-      type: Number,
-      value: 0
-    },
-    // 是否显示商品详情
-    showGoodsDetail: {
-      type: Boolean,
-      value: false,
-    },
-    // 是否显示购物车
-    showCart: {
-      type: Boolean,
-      value: true,
-    },
-    //营销活动tag
-    priceTag:{
-      type: String,
-      value: '',
-    },
-     //限购
-    limitPurchase:{
-        type:Number,
-        value:0
-    },
-    //起售
-    startSaleNum:{
-        type:Number,
-        value:1
-    },
-    //已购数量
-    hasBuy:{
-      type:Number,
-      value:0
-    },
-    show_stock:{
-      type: Boolean,
-      value: true
-    },
-    danBuy:{
-      type: Boolean,
-      value: false
-    },
-    showSkuStepper:{
-      type: Boolean,
-      value: false
-    }
-
-  },
-
-  /**
-   * 组件的初始数据
-   */
-  data: {
-    selectedSku: {},
-    countNum: 1,
-  },
-
-  computed: {
-    isSkuCombSelected (data) {
-      return isAllSelected(data.skuTree, data.selectedSku)
-    },
-
-    selectedSkuComb (data) {
-      let skuComb = null
-      if (data.isSkuCombSelected) {
-        skuComb = getSkuComb(data.skuList, data.selectedSku) || null
-      }
-      return skuComb
-    },
-
-    image (data) {
-      // 选择单一规格时，切换封面图
-      const selectedValue = getSkuImgValue(data.skuTree, data.selectedSku)
-      const image = selectedValue ? selectedValue.image : data.picture
-      return image
-    },
-
-    priceText (data) {
-      if (data.selectedSkuComb) {
-        return fenToYuan(data.selectedSkuComb.price)
-      }
-      // if(data)
-      return data.price
-    },
-
-    stockNum (data) {
-      if (data.selectedSkuComb) {
-        return data.selectedSkuComb.stock
-      }
-      return data.stock
-    },
-
-    selectedCount (data) {
-      //有起售
-      if(data.startSaleNum>1){
-        return  data.stockNum < data.startSaleNum ? data.stockNum :data.startSaleNum
-      }else if (data.startSaleNum===1 && data.selectedSkuComb) {
-        return data.stockNum < data.countNum ? data.stockNum : data.countNum
-      }else{
-        return data.countNum
-      }
-
-    },
-
-    selectedSkuValues (data) {
-      return getSelectedSkuValues(data.skuTree, data.selectedSku)
-    },
-
-    selectedText (data) {
-      if (data.selectedSkuComb) {
-        const values = data.selectedSkuValues
-        return `已选 ${values.map((item) => item.name).join(' ')}`
-      }
-
-      const unselectedSku = data.skuTree.filter(
-        (item) => data.selectedSku[item.k_s] === ''
-      ).map(item => item.name)
-
-      return `请选择 ${unselectedSku.join(' ')}`
-    },
-  },
-
-  lifetimes: {
-    attached () {
-
-    },
-  },
-
-  /**
-   * 组件的方法列表
-   */
-  methods: {
-    onClose () {
-      this.triggerEvent('close')
-    },
-
-    resetSelectedSku () {
-      let selectedSku = {}
-      const { skuTree, skuList } = this.data
-
-      // 重置 selectedSku
-      skuTree.forEach(item => {
-        selectedSku[item.k_s] = ''
-      })
-
-      skuTree.forEach(item => {
-        const key = item.k_s
-        // 规格值只有1个时，优先判断
-        const valueId = item.values.length === 1 ? item.values[0].name : ''
-
-        if (valueId && isSkuChoosable(skuList, selectedSku, { key, valueId })) {
-          selectedSku[key] = valueId
-        }
-      })
-
-      this.setData({ selectedSku })
-    },
-
-    onSelect (e) {
-      if(e.detail){
-        let { name, skuKeyStr } = e.detail
-        let selectedSku = {
-          ...this.data.selectedSku,
-          [skuKeyStr]: this.data.selectedSku[skuKeyStr] === name ? '' : name,
-        }
-        let composeSelectObj ={
-          selectedSku,
-          skuValue:e.detail
-        }
-        this.setData({ selectedSku })
-        if(this.checkAllSel(selectedSku)){
-          composeSelectObj.selectedSkuComb = this.getSkuData()
-        }
-        this.triggerEvent('onSelected', composeSelectObj)
-      }else{
-        //用于拼团选择
-        this.setData({ priceText:e })
-      }
-
-    },
-    checkAllSel(obj){
-      for(var i in obj){
-        if(!obj[i])  return false
-      }
-      return true
-    },
-    onChangeStepper (e) {
-      this.setData({
-        selectedCount: this.data.stockNum <e.detail ? this.data.stockNum : e.detail
-      })
-      this.setData({ countNum: e.detail })
-    },
-
-    onBuyOrAddCart (e) {
-      if (!this.data.isSkuCombSelected) {
-        wx.showToast({
-          icon: 'none',
-          title: this.data.selectedText,
-        })
-      } else {
-        if(this.data.selectedCount < this.data.startSaleNum ){
-          wx.showToast({
-                icon: 'none',
-                title: '库存不足',
-          })
-          return
-        }
-        
-        if( (this.data.limitPurchase >0 &&  this.data.limitPurchase - this.data.hasBuy < this.data.startSaleNum) || (this.data.limitPurchase >0 &&  this.data.selectedCount + this.data.hasBuy > this.data.limitPurchase)){
-          let msg = `该商品限购${this.data.limitPurchase}件哦,你已购买${this.data.hasBuy}件`;
-          wx.showToast({
-                icon: 'none',
-                title: msg,
-          })
-          return
-        }
-        this.triggerEvent(e, this.getSkuData())
-      }
-    },
-
-    getSkuData () {
-      // console.log('-------->???????',this.data.selectedSkuComb)
-      return {
-        selectedCount: this.data.selectedCount,
-        selectedSkuComb: this.data.selectedSkuComb
-      }
-    },
-
-  },
-
-  observers: {
-    show (value) {
-
-    },
-
-    skuTree () {
-      this.resetSelectedSku()
-    },
-
-    selectedCount (value) {
-      this.setData({ countNum: value })
-    }
-  }
-})
+const computedBehavior = require('miniprogram-computed').behavior
+import { fenToYuan } from '../../common/utils/currency'
+import { isSkuChoosable, isAllSelected, getSkuComb, getSelectedSkuValues, getSkuImgValue } from '../../common/utils//helper'
+
+
+Component({
+  behaviors: [computedBehavior],
+
+  options: {
+    multipleSlots: true,
+    styleIsolation: 'shared'
+  },
+
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    show: {
+      type: Boolean,
+    },
+    skuTree: {
+      type: Array,
+      value: [],
+    },
+    skuList: {
+      type: Array,
+      value: []
+    },
+    // 默认商品 sku 缩略图
+    picture: String,
+    // 默认价格（单位分）
+    price: {
+      type: String,
+      value: '',
+    },
+    // 商品总库存
+    stock: {
+      type: Number,
+      value: 0
+    },
+    // 是否显示商品详情
+    showGoodsDetail: {
+      type: Boolean,
+      value: false,
+    },
+    // 是否显示购物车
+    showCart: {
+      type: Boolean,
+      value: true,
+    },
+    //营销活动tag
+    priceTag:{
+      type: String,
+      value: '',
+    },
+     //限购
+    limitPurchase:{
+        type:Number,
+        value:0
+    },
+    //起售
+    startSaleNum:{
+        type:Number,
+        value:1
+    },
+    //已购数量
+    hasBuy:{
+      type:Number,
+      value:0
+    },
+    show_stock:{
+      type: Boolean,
+      value: true
+    },
+    danBuy:{
+      type: Boolean,
+      value: false
+    },
+    showSkuStepper:{
+      type: Boolean,
+      value: false
+    }
+
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+    selectedSku: {},
+    countNum: 1,
+  },
+
+  computed: {
+    isSkuCombSelected (data) {
+      return isAllSelected(data.skuTree, data.selectedSku)
+    },
+
+    selectedSkuComb (data) {
+      let skuComb = null
+      if (data.isSkuCombSelected) {
+        skuComb = getSkuComb(data.skuList, data.selectedSku) || null
+      }
+      return skuComb
+    },
+
+    image (data) {
+      // 选择单一规格时，切换封面图
+      const selectedValue = getSkuImgValue(data.skuTree, data.selectedSku)
+      const image = selectedValue ? selectedValue.image : data.picture
+      return image
+    },
+
+    priceText (data) {
+      if (data.selectedSkuComb) {
+        return fenToYuan(data.selectedSkuComb.price)
+      }
+      // if(data)
+      return data.price
+    },
+
+    stockNum (data) {
+      if (data.selectedSkuComb) {
+        return data.selectedSkuComb.stock
+      }
+      return data.stock
+    },
+
+    selectedCount (data) {
+      //有起售
+      if(data.startSaleNum>1){
+        return  data.stockNum < data.startSaleNum ? data.stockNum :data.startSaleNum
+      }else if (data.startSaleNum===1 && data.selectedSkuComb) {
+        return data.stockNum < data.countNum ? data.stockNum : data.countNum
+      }else{
+        return data.countNum
+      }
+
+    },
+
+    selectedSkuValues (data) {
+      return getSelectedSkuValues(data.skuTree, data.selectedSku)
+    },
+
+    selectedText (data) {
+      if (data.selectedSkuComb) {
+        const values = data.selectedSkuValues
+        return `已选 ${values.map((item) => item.name).join(' ')}`
+      }
+
+      const unselectedSku = data.skuTree.filter(
+        (item) => data.selectedSku[item.k_s] === ''
+      ).map(item => item.name)
+
+      return `请选择 ${unselectedSku.join(' ')}`
+    },
+  },
+
+  lifetimes: {
+    attached () {
+
+    },
+  },
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    onClose () {
+      this.triggerEvent('close')
+    },
+
+    resetSelectedSku () {
+      let selectedSku = {}
+      const { skuTree, skuList } = this.data
+
+      // 重置 selectedSku
+      skuTree.forEach(item => {
+        selectedSku[item.k_s] = ''
+      })
+
+      skuTree.forEach(item => {
+        const key = item.k_s
+        // 规格值只有1个时，优先判断
+        const valueId = item.values.length === 1 ? item.values[0].name : ''
+
+        if (valueId && isSkuChoosable(skuList, selectedSku, { key, valueId })) {
+          selectedSku[key] = valueId
+        }
+      })
+
+      this.setData({ selectedSku })
+    },
+
+    onSelect (e) {
+      if(e.detail){
+        let { name, skuKeyStr } = e.detail
+        let selectedSku = {
+          ...this.data.selectedSku,
+          [skuKeyStr]: this.data.selectedSku[skuKeyStr] === name ? '' : name,
+        }
+        let composeSelectObj ={
+          selectedSku,
+          skuValue:e.detail
+        }
+        this.setData({ selectedSku })
+        if(this.checkAllSel(selectedSku)){
+          composeSelectObj.selectedSkuComb = this.getSkuData()
+        }
+        this.triggerEvent('onSelected', composeSelectObj)
+      }else{
+        //用于拼团选择
+        this.setData({ priceText:e })
+      }
+
+    },
+    checkAllSel(obj){
+      for(var i in obj){
+        if(!obj[i])  return false
+      }
+      return true
+    },
+    onChangeStepper (e) {
+      this.setData({
+        selectedCount: this.data.stockNum <e.detail ? this.data.stockNum : e.detail
+      })
+      this.setData({ countNum: e.detail })
+    },
+
+    onBuyOrAddCart (e) {
+      if (!this.data.isSkuCombSelected) {
+        wx.showToast({
+          icon: 'none',
+          title: this.data.selectedText,
+        })
+      } else {
+        if(this.data.selectedCount < this.data.startSaleNum ){
+          wx.showToast({
+                icon: 'none',
+                title: '库存不足',
+          })
+          return
+        }
+        
+        if( (this.data.limitPurchase >0 &&  this.data.limitPurchase - this.data.hasBuy < this.data.startSaleNum) || (this.data.limitPurchase >0 &&  this.data.selectedCount + this.data.hasBuy > this.data.limitPurchase)){
+          let msg = `该商品限购${this.data.limitPurchase}件哦,你已购买${this.data.hasBuy}件`;
+          wx.showToast({
+                icon: 'none',
+                title: msg,
+          })
+          return
+        }
+        this.triggerEvent(e, this.getSkuData())
+      }
+    },
+
+    getSkuData () {
+      // console.log('-------->???????',this.data.selectedSkuComb)
+      return {
+        selectedCount: this.data.selectedCount,
+        selectedSkuComb: this.data.selectedSkuComb
+      }
+    },
+
+  },
+
+  observers: {
+    show (value) {
+
+    },
+
+    skuTree () {
+      this.resetSelectedSku()
+    },
+
+    selectedCount (value) {
+      this.setData({ countNum: value })
+    }
+  }
+})

package/miniprogram_dist/Sku/index/index.json

@@ -1,12 +1,12 @@
-{
-    "component": true,
-    "usingComponents": {
-      "van-row": "@vant/weapp/row/index",
-      "van-col": "@vant/weapp/col/index",
-      "van-popup": "@vant/weapp/popup/index",
-      "van-button": "@vant/weapp/button/index",
-      "sku-row-item": "../row-item/index",
-      "sku-goods-info":"../goods-info/index",
-      "sku-step":"../step/index"
-    }
-  }
+{
+    "component": true,
+    "usingComponents": {
+      "van-row": "@vant/weapp/row/index",
+      "van-col": "@vant/weapp/col/index",
+      "van-popup": "@vant/weapp/popup/index",
+      "van-button": "@vant/weapp/button/index",
+      "sku-row-item": "../row-item/index",
+      "sku-goods-info":"../goods-info/index",
+      "sku-step":"../step/index"
+    }
+  }