captain-ui/lib/invalid-goods/src/main.js

有赞vue wap业务组件库

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.default = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

require("vant/es/action-sheet/style");

var _actionSheet = _interopRequireDefault(require("vant/es/action-sheet"));

require("vant/es/cell-group/style");

var _cellGroup = _interopRequireDefault(require("vant/es/cell-group"));

require("vant/es/icon/style");

var _icon = _interopRequireDefault(require("vant/es/icon"));

var _fullfillImage = _interopRequireDefault(require("@youzan/utils/fullfillImage"));

var _Card = _interopRequireDefault(require("./Card"));

var _components;

var _default = {
  render: function render() {
    var _vm = this;

    var _h = _vm.$createElement;

    var _c = _vm._self._c || _h;

    return _c('div', [_c('div', {
      staticClass: "cap-invalid-goods",
      on: {
        "click": function click($event) {
          _vm.showDetail = true;
        }
      }
    }, [_c('h3', {
      staticClass: "cap-invalid-goods__title"
    }, [_vm._v(_vm._s(_vm.title))]), _c('van-cell-group', {
      staticClass: "cap-invalid-goods__container"
    }, [_c('div', {
      staticClass: "cap-invalid-goods__gallery"
    }, _vm._l(_vm.formattedGoods, function (item) {
      return _c('div', {
        key: item.sku_id,
        staticClass: "cap-invalid-goods__thumb"
      }, [_c('img', {
        attrs: {
          "src": item.url
        }
      }), item.is_present || item.present ? _c('span', {
        staticClass: "cap-invalid-goods-card__present"
      }) : _vm._e()]);
    }), 0), _c('div', {
      staticClass: "cap-invalid-goods__count"
    }, [_c('span', [_vm._v("共" + _vm._s(_vm.formattedGoods.length) + "件")]), _c('van-icon', {
      attrs: {
        "name": "arrow"
      }
    })], 1)])], 1), _c('van-action-sheet', {
      attrs: {
        "title": _vm.actionsheetTitle
      },
      model: {
        value: _vm.showDetail,
        callback: function callback($$v) {
          _vm.showDetail = $$v;
        },
        expression: "showDetail"
      }
    }, [_c('div', {
      staticClass: "cap-invalid-goods__list"
    }, _vm._l(_vm.formattedGoods, function (item) {
      return _c('cap-invalid-goods-card', {
        key: item.sku_id,
        attrs: {
          "item": item
        }
      });
    }), 1)])], 1);
  },
  name: 'cap-invalid-goods',
  components: (_components = {}, _components[_Card.default.name] = _Card.default, _components[_icon.default.name] = _icon.default, _components[_cellGroup.default.name] = _cellGroup.default, _components[_actionSheet.default.name] = _actionSheet.default, _components),
  props: {
    data: {
      type: Array,
      required: true
    },
    title: {
      type: String,
      default: '以下商品无法一起购买，点击查看原因'
    },
    actionsheetTitle: {
      type: String,
      default: '以下商品无法一起下单'
    }
  },
  data: function data() {
    return {
      showDetail: false
    };
  },
  computed: {
    formattedGoods: function formattedGoods() {
      var _this = this;

      return this.data.map(function (item) {
        return (0, _extends2.default)({}, item, {
          url: (0, _fullfillImage.default)(item.img_url, '!180x180.jpg'),
          price: parseFloat(item.price / 100, 10).toFixed(2),
          sku: _this.getSkuStr(item.sku)
        });
      });
    }
  },
  methods: {
    getSkuStr: function getSkuStr(arr) {
      return Array.isArray(arr) ? arr.filter(function (item) {
        return item.v;
      }).map(function (item) {
        return item.v;
      }).join(', ') : '';
    }
  }
};
exports.default = _default;