"use strict"; var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); exports.__esModule = true; exports["default"] = void 0; var _babelHelperVueJsxMergeProps = _interopRequireDefault(require("@vue/babel-helper-vue-jsx-merge-props")); var _utils = require("../../utils"); var _functional = require("../../utils/functional"); var _icon = _interopRequireDefault(require("../../icon")); var _use = (0, _utils.use)('sku-header'), sfc = _use[0], bem = _use[1]; function getSkuImg(sku, selectedSku) { var id = selectedSku.s1; if (id) { // skuImg 挂载在 skuTree 中 s1 上 var treeItem = sku.tree.filter(function (item) { return item.k_s === 's1'; })[0] || {}; if (treeItem.v) { var matchedSku = treeItem.v.filter(function (skuValue) { return skuValue.id === id; })[0]; if (matchedSku) { return matchedSku.imgUrl || matchedSku.img_url; } } } } function SkuHeader(h, props, slots, ctx) { var sku = props.sku, goods = props.goods, skuEventBus = props.skuEventBus, selectedSku = props.selectedSku; var goodsImg = getSkuImg(sku, selectedSku) || goods.picture; var previewImage = function previewImage() { skuEventBus.$emit('sku:previewImage', goodsImg); }; return h("div", (0, _babelHelperVueJsxMergeProps["default"])([{ "class": [bem(), 'van-hairline--bottom'] }, (0, _functional.inherit)(ctx)]), [h("div", { "class": bem('img-wrap'), "on": { "click": previewImage } }, [h("img", { "attrs": { "src": goodsImg } })]), h("div", { "class": bem('goods-info') }, [h("div", { "class": "van-sku__goods-name van-ellipsis" }, [goods.title]), slots["default"] && slots["default"](), h(_icon["default"], { "attrs": { "name": "close" }, "class": "van-sku__close-icon", "on": { "click": function click() { skuEventBus.$emit('sku:close'); } } })])]); } SkuHeader.props = { sku: Object, goods: Object, skuEventBus: Object, selectedSku: Object }; var _default = sfc(SkuHeader); exports["default"] = _default;