| 123456789101112131415161718192021222324252627282930313233343536373839404142434445 |
- import _extends from "@babel/runtime/helpers/esm/extends";
- import { use } from '../../utils';
- import { isSkuChoosable } from '../utils/skuHelper';
- var _use = use('sku-row-item'),
- sfc = _use[0];
- export default sfc({
- props: {
- skuList: Array,
- skuValue: Object,
- skuKeyStr: String,
- skuEventBus: Object,
- selectedSku: Object
- },
- computed: {
- choosable: function choosable() {
- return isSkuChoosable(this.skuList, this.selectedSku, {
- key: this.skuKeyStr,
- valueId: this.skuValue.id
- });
- }
- },
- methods: {
- onSelect: function onSelect() {
- if (this.choosable) {
- this.skuEventBus.$emit('sku:select', _extends({}, this.skuValue, {
- skuKeyStr: this.skuKeyStr
- }));
- }
- }
- },
- render: function render(h) {
- var choosed = this.skuValue.id === this.selectedSku[this.skuKeyStr];
- return h("span", {
- "class": ['van-sku-row__item', {
- 'van-sku-row__item--active': choosed,
- 'van-sku-row__item--disabled': !this.choosable
- }],
- "on": {
- "click": this.onSelect
- }
- }, [this.skuValue.name]);
- }
- });
|