Sku.js 25 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827
  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  3. exports.__esModule = true;
  4. exports.default = void 0;
  5. var _extends5 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
  6. var _vue = _interopRequireDefault(require("vue"));
  7. var _popup = _interopRequireDefault(require("../popup"));
  8. var _toast = _interopRequireDefault(require("../toast"));
  9. var _imagePreview = _interopRequireDefault(require("../image-preview"));
  10. var _SkuHeader = _interopRequireDefault(require("./components/SkuHeader"));
  11. var _SkuHeaderItem = _interopRequireDefault(require("./components/SkuHeaderItem"));
  12. var _SkuRow = _interopRequireDefault(require("./components/SkuRow"));
  13. var _SkuRowItem = _interopRequireDefault(require("./components/SkuRowItem"));
  14. var _SkuRowPropItem = _interopRequireDefault(require("./components/SkuRowPropItem"));
  15. var _SkuStepper = _interopRequireDefault(require("./components/SkuStepper"));
  16. var _SkuMessages = _interopRequireDefault(require("./components/SkuMessages"));
  17. var _SkuActions = _interopRequireDefault(require("./components/SkuActions"));
  18. var _utils = require("../utils");
  19. var _skuHelper = require("./utils/sku-helper");
  20. var _constants = require("./constants");
  21. var namespace = (0, _utils.createNamespace)('sku');
  22. var createComponent = namespace[0],
  23. bem = namespace[1],
  24. t = namespace[2];
  25. var QUOTA_LIMIT = _constants.LIMIT_TYPE.QUOTA_LIMIT;
  26. var _default2 = createComponent({
  27. props: {
  28. sku: Object,
  29. goods: Object,
  30. value: Boolean,
  31. buyText: String,
  32. goodsId: [Number, String],
  33. priceTag: String,
  34. lazyLoad: Boolean,
  35. hideStock: Boolean,
  36. properties: Array,
  37. skuProperties: Array,
  38. addCartText: String,
  39. stepperTitle: String,
  40. getContainer: [String, Function],
  41. hideQuotaText: Boolean,
  42. hideSelectedText: Boolean,
  43. resetStepperOnHide: Boolean,
  44. customSkuValidator: Function,
  45. disableStepperInput: Boolean,
  46. resetSelectedSkuOnHide: Boolean,
  47. quota: {
  48. type: Number,
  49. default: 0
  50. },
  51. quotaUsed: {
  52. type: Number,
  53. default: 0
  54. },
  55. startSaleNum: {
  56. type: Number,
  57. default: 1
  58. },
  59. initialSku: {
  60. type: Object,
  61. default: function _default() {
  62. return {};
  63. }
  64. },
  65. stockThreshold: {
  66. type: Number,
  67. default: 50
  68. },
  69. showSoldoutSku: {
  70. type: Boolean,
  71. default: true
  72. },
  73. showAddCartBtn: {
  74. type: Boolean,
  75. default: true
  76. },
  77. disableSoldoutSku: {
  78. type: Boolean,
  79. default: true
  80. },
  81. customStepperConfig: {
  82. type: Object,
  83. default: function _default() {
  84. return {};
  85. }
  86. },
  87. showHeaderImage: {
  88. type: Boolean,
  89. default: true
  90. },
  91. previewOnClickImage: {
  92. type: Boolean,
  93. default: true
  94. },
  95. safeAreaInsetBottom: {
  96. type: Boolean,
  97. default: true
  98. },
  99. closeOnClickOverlay: {
  100. type: Boolean,
  101. default: true
  102. },
  103. bodyOffsetTop: {
  104. type: Number,
  105. default: 200
  106. },
  107. messageConfig: {
  108. type: Object,
  109. default: function _default() {
  110. return {
  111. initialMessages: {},
  112. placeholderMap: {},
  113. uploadImg: function uploadImg() {
  114. return Promise.resolve();
  115. },
  116. uploadMaxSize: 5
  117. };
  118. }
  119. }
  120. },
  121. data: function data() {
  122. return {
  123. selectedSku: {},
  124. selectedProp: {},
  125. selectedNum: 1,
  126. show: this.value,
  127. currentSkuProperties: []
  128. };
  129. },
  130. watch: {
  131. show: function show(val) {
  132. this.$emit('input', val);
  133. if (!val) {
  134. this.$emit('sku-close', {
  135. selectedSkuValues: this.selectedSkuValues,
  136. selectedNum: this.selectedNum,
  137. selectedSkuComb: this.selectedSkuComb
  138. });
  139. if (this.resetStepperOnHide) {
  140. this.resetStepper();
  141. }
  142. if (this.resetSelectedSkuOnHide) {
  143. this.resetSelectedSku();
  144. }
  145. }
  146. },
  147. value: function value(val) {
  148. this.show = val;
  149. },
  150. skuTree: 'resetSelectedSku',
  151. initialSku: function initialSku() {
  152. this.resetStepper();
  153. this.resetSelectedSku();
  154. }
  155. },
  156. computed: {
  157. isSkuProperties: function isSkuProperties() {
  158. return this.skuProperties && this.skuProperties.length;
  159. },
  160. skuGroupClass: function skuGroupClass() {
  161. return ['van-sku-group-container', {
  162. 'van-sku-group-container--hide-soldout': !this.showSoldoutSku
  163. }];
  164. },
  165. bodyStyle: function bodyStyle() {
  166. if (this.$isServer) {
  167. return;
  168. }
  169. var maxHeight = window.innerHeight - this.bodyOffsetTop;
  170. return {
  171. maxHeight: maxHeight + 'px'
  172. };
  173. },
  174. isSkuCombSelected: function isSkuCombSelected() {
  175. var _this = this;
  176. // SKU 未选完
  177. if (this.hasSku && !(0, _skuHelper.isAllSelected)(this.skuTree, this.selectedSku)) {
  178. return false;
  179. } // 属性未全选
  180. return !this.propList.filter(function (i) {
  181. return i.is_necessary !== false;
  182. }).some(function (i) {
  183. return (_this.selectedProp[i.k_id] || []).length === 0;
  184. });
  185. },
  186. isSkuEmpty: function isSkuEmpty() {
  187. return Object.keys(this.sku).length === 0;
  188. },
  189. hasSku: function hasSku() {
  190. return !this.sku.none_sku;
  191. },
  192. hasSkuOrAttr: function hasSkuOrAttr() {
  193. return this.hasSku || this.propList.length > 0;
  194. },
  195. selectedSkuComb: function selectedSkuComb() {
  196. var skuComb = null;
  197. if (this.isSkuCombSelected || this.isSkuProperties) {
  198. if (this.hasSku) {
  199. skuComb = (0, _skuHelper.getSkuComb)(this.skuList, this.selectedSku);
  200. } else {
  201. skuComb = {
  202. id: this.sku.collection_id,
  203. price: Math.round(this.sku.price * 100),
  204. stock_num: this.sku.stock_num
  205. };
  206. } // 更新当前规格属性数据
  207. this.setCurrentSkuProperties(skuComb ? skuComb.id : null);
  208. if (skuComb) {
  209. skuComb.properties = (0, _skuHelper.getSelectedProperties)(this.propList, this.selectedProp);
  210. skuComb.property_price = this.selectedPropValues.reduce(function (acc, cur) {
  211. return acc + (cur.price || 0);
  212. }, 0);
  213. }
  214. }
  215. return skuComb;
  216. },
  217. selectedSkuValues: function selectedSkuValues() {
  218. return (0, _skuHelper.getSelectedSkuValues)(this.skuTree, this.selectedSku);
  219. },
  220. selectedPropValues: function selectedPropValues() {
  221. return (0, _skuHelper.getSelectedPropValues)(this.propList, this.selectedProp);
  222. },
  223. price: function price() {
  224. if (this.selectedSkuComb) {
  225. return ((this.selectedSkuComb.price + this.selectedSkuComb.property_price) / 100).toFixed(2);
  226. } // sku.price是一个格式化好的价格区间
  227. return this.sku.price;
  228. },
  229. originPrice: function originPrice() {
  230. if (this.selectedSkuComb && this.selectedSkuComb.origin_price) {
  231. return ((this.selectedSkuComb.origin_price + this.selectedSkuComb.property_price) / 100).toFixed(2);
  232. }
  233. return this.sku.origin_price;
  234. },
  235. skuTree: function skuTree() {
  236. return this.sku.tree || [];
  237. },
  238. skuList: function skuList() {
  239. return this.sku.list || [];
  240. },
  241. propList: function propList() {
  242. return this.isSkuProperties ? this.currentSkuProperties : this.properties || [];
  243. },
  244. imageList: function imageList() {
  245. var imageList = [this.goods.picture];
  246. if (this.skuTree.length > 0) {
  247. this.skuTree.forEach(function (treeItem) {
  248. if (!treeItem.v) {
  249. return;
  250. }
  251. treeItem.v.forEach(function (vItem) {
  252. var imgUrl = vItem.previewImgUrl || vItem.imgUrl || vItem.img_url;
  253. if (imgUrl && imageList.indexOf(imgUrl) === -1) {
  254. imageList.push(imgUrl);
  255. }
  256. });
  257. });
  258. }
  259. return imageList;
  260. },
  261. stock: function stock() {
  262. var stockNum = this.customStepperConfig.stockNum;
  263. if (stockNum !== undefined) {
  264. return stockNum;
  265. }
  266. if (this.selectedSkuComb) {
  267. return this.selectedSkuComb.stock_num;
  268. }
  269. return this.sku.stock_num;
  270. },
  271. stockText: function stockText() {
  272. var h = this.$createElement;
  273. var stockFormatter = this.customStepperConfig.stockFormatter;
  274. if (stockFormatter) {
  275. return stockFormatter(this.stock);
  276. }
  277. return [t('stock') + " ", h("span", {
  278. "class": bem('stock-num', {
  279. highlight: this.stock < this.stockThreshold
  280. })
  281. }, [this.stock]), " " + t('stockUnit')];
  282. },
  283. selectedText: function selectedText() {
  284. var _this2 = this;
  285. if (this.selectedSkuComb) {
  286. var values = this.selectedSkuValues.concat(this.selectedPropValues);
  287. return t('selected') + " " + values.map(function (item) {
  288. return item.name;
  289. }).join(' ');
  290. }
  291. var unselectedSku = this.skuTree.filter(function (item) {
  292. return _this2.selectedSku[item.k_s] === _constants.UNSELECTED_SKU_VALUE_ID;
  293. }).map(function (item) {
  294. return item.k;
  295. });
  296. var unselectedProp = this.propList.filter(function (item) {
  297. return (_this2.selectedProp[item.k_id] || []).length < 1;
  298. }).map(function (item) {
  299. return item.k;
  300. });
  301. return t('select') + " " + unselectedSku.concat(unselectedProp).join(' ');
  302. }
  303. },
  304. created: function created() {
  305. var skuEventBus = new _vue.default();
  306. this.skuEventBus = skuEventBus;
  307. skuEventBus.$on('sku:select', this.onSelect);
  308. skuEventBus.$on('sku:propSelect', this.onPropSelect);
  309. skuEventBus.$on('sku:numChange', this.onNumChange);
  310. skuEventBus.$on('sku:previewImage', this.onPreviewImage);
  311. skuEventBus.$on('sku:overLimit', this.onOverLimit);
  312. skuEventBus.$on('sku:stepperState', this.onStepperState);
  313. skuEventBus.$on('sku:addCart', this.onAddCart);
  314. skuEventBus.$on('sku:buy', this.onBuy);
  315. this.resetStepper();
  316. this.resetSelectedSku(); // 组件初始化后的钩子,抛出skuEventBus
  317. this.$emit('after-sku-create', skuEventBus);
  318. },
  319. methods: {
  320. setCurrentSkuProperties: function setCurrentSkuProperties(id) {
  321. var _this$skuProperties;
  322. var target = ((_this$skuProperties = this.skuProperties) == null ? void 0 : _this$skuProperties.find(function (item) {
  323. return item.sku_id === id;
  324. })) || {};
  325. this.currentSkuProperties = target.properties || [];
  326. },
  327. resetStepper: function resetStepper() {
  328. var skuStepper = this.$refs.skuStepper;
  329. var selectedNum = this.initialSku.selectedNum;
  330. var num = selectedNum != null ? selectedNum : this.startSaleNum; // 用来缓存不合法的情况
  331. this.stepperError = null;
  332. if (skuStepper) {
  333. skuStepper.setCurrentNum(num);
  334. } else {
  335. // 当首次加载(skuStepper 为空)时,传入数量如果不合法,可能会存在问题
  336. this.selectedNum = num;
  337. }
  338. },
  339. // @exposed-api
  340. resetSelectedSku: function resetSelectedSku() {
  341. var _this3 = this;
  342. this.selectedSku = {}; // 重置 selectedSku
  343. this.skuTree.forEach(function (item) {
  344. _this3.selectedSku[item.k_s] = _constants.UNSELECTED_SKU_VALUE_ID;
  345. });
  346. this.skuTree.forEach(function (item) {
  347. var key = item.k_s; // 规格值只有1个时,优先判断
  348. var valueId = item.v.length === 1 ? item.v[0].id : _this3.initialSku[key];
  349. if (valueId && (0, _skuHelper.isSkuChoosable)(_this3.skuList, _this3.selectedSku, {
  350. key: key,
  351. valueId: valueId
  352. })) {
  353. _this3.selectedSku[key] = valueId;
  354. }
  355. });
  356. var skuValues = this.selectedSkuValues;
  357. if (skuValues.length > 0) {
  358. this.$nextTick(function () {
  359. _this3.$emit('sku-selected', {
  360. skuValue: skuValues[skuValues.length - 1],
  361. selectedSku: _this3.selectedSku,
  362. selectedSkuComb: _this3.selectedSkuComb
  363. });
  364. });
  365. } // 重置商品属性
  366. this.selectedProp = {};
  367. var _this$initialSku$sele = this.initialSku.selectedProp,
  368. selectedProp = _this$initialSku$sele === void 0 ? {} : _this$initialSku$sele; // 选中外部传入信息
  369. this.propList.forEach(function (item) {
  370. if (selectedProp[item.k_id]) {
  371. _this3.selectedProp[item.k_id] = selectedProp[item.k_id];
  372. }
  373. });
  374. if ((0, _utils.isEmpty)(this.selectedProp)) {
  375. this.propList.forEach(function (item) {
  376. var _item$v;
  377. // 没有加价的属性,默认选中第一个
  378. if ((item == null ? void 0 : (_item$v = item.v) == null ? void 0 : _item$v.length) > 0) {
  379. var v = item.v,
  380. k_id = item.k_id;
  381. var isHasConfigPrice = v.some(function (i) {
  382. return +i.price !== 0;
  383. }); // 没有加价属性
  384. if (!isHasConfigPrice) {
  385. // 找到第一个不被禁用的属性
  386. // 历史如果没有 text_status 字段的,就相当于沿用直接原来的逻辑取第一个属性
  387. var firstEnableProp = v.find(function (prop) {
  388. return prop.text_status !== 0;
  389. });
  390. if (firstEnableProp) {
  391. _this3.selectedProp[k_id] = [firstEnableProp.id];
  392. }
  393. }
  394. }
  395. });
  396. }
  397. var propValues = this.selectedPropValues;
  398. if (propValues.length > 0) {
  399. this.$emit('sku-prop-selected', {
  400. propValue: propValues[propValues.length - 1],
  401. selectedProp: this.selectedProp,
  402. selectedSkuComb: this.selectedSkuComb
  403. });
  404. } // 抛出重置事件
  405. this.$emit('sku-reset', {
  406. selectedSku: this.selectedSku,
  407. selectedProp: this.selectedProp,
  408. selectedSkuComb: this.selectedSkuComb
  409. });
  410. this.centerInitialSku();
  411. },
  412. getSkuMessages: function getSkuMessages() {
  413. return this.$refs.skuMessages ? this.$refs.skuMessages.getMessages() : {};
  414. },
  415. getSkuCartMessages: function getSkuCartMessages() {
  416. return this.$refs.skuMessages ? this.$refs.skuMessages.getCartMessages() : {};
  417. },
  418. validateSkuMessages: function validateSkuMessages() {
  419. return this.$refs.skuMessages ? this.$refs.skuMessages.validateMessages() : '';
  420. },
  421. validateSku: function validateSku() {
  422. if (this.selectedNum === 0) {
  423. return t('unavailable');
  424. }
  425. if (this.isSkuCombSelected) {
  426. return this.validateSkuMessages();
  427. } // 自定义sku校验
  428. if (this.customSkuValidator) {
  429. var err = this.customSkuValidator(this);
  430. if (err) return err;
  431. }
  432. return t('selectSku');
  433. },
  434. onSelect: function onSelect(skuValue) {
  435. var _extends2, _extends3;
  436. // 点击已选中的sku时则取消选中
  437. this.selectedSku = this.selectedSku[skuValue.skuKeyStr] === skuValue.id ? (0, _extends5.default)({}, this.selectedSku, (_extends2 = {}, _extends2[skuValue.skuKeyStr] = _constants.UNSELECTED_SKU_VALUE_ID, _extends2)) : (0, _extends5.default)({}, this.selectedSku, (_extends3 = {}, _extends3[skuValue.skuKeyStr] = skuValue.id, _extends3)); // 切换sku清空当前选择属性数据,触发prop-clear
  438. if (this.isSkuProperties) {
  439. this.selectedProp = {};
  440. this.onPropClear();
  441. }
  442. this.$emit('sku-selected', {
  443. skuValue: skuValue,
  444. selectedSku: this.selectedSku,
  445. selectedSkuComb: this.selectedSkuComb
  446. });
  447. },
  448. onPropClear: function onPropClear() {
  449. this.$emit('sku-prop-clear');
  450. },
  451. onPropSelect: function onPropSelect(propValue) {
  452. var _extends4;
  453. var arr = this.selectedProp[propValue.skuKeyStr] || [];
  454. var pos = arr.indexOf(propValue.id);
  455. if (pos > -1) {
  456. arr.splice(pos, 1);
  457. } else if (propValue.multiple) {
  458. arr.push(propValue.id);
  459. } else {
  460. arr.splice(0, 1, propValue.id);
  461. }
  462. this.selectedProp = (0, _extends5.default)({}, this.selectedProp, (_extends4 = {}, _extends4[propValue.skuKeyStr] = arr, _extends4));
  463. this.$emit('sku-prop-selected', {
  464. propValue: propValue,
  465. selectedProp: this.selectedProp,
  466. selectedSkuComb: this.selectedSkuComb
  467. });
  468. },
  469. onNumChange: function onNumChange(num) {
  470. this.selectedNum = num;
  471. },
  472. onPreviewImage: function onPreviewImage(selectedValue) {
  473. var _this4 = this;
  474. var imageList = this.imageList;
  475. var index = 0;
  476. var indexImage = imageList[0];
  477. if (selectedValue && selectedValue.imgUrl) {
  478. this.imageList.some(function (image, pos) {
  479. if (image === selectedValue.imgUrl) {
  480. index = pos;
  481. return true;
  482. }
  483. return false;
  484. });
  485. indexImage = selectedValue.imgUrl;
  486. }
  487. var params = (0, _extends5.default)({}, selectedValue, {
  488. index: index,
  489. imageList: this.imageList,
  490. indexImage: indexImage
  491. });
  492. this.$emit('open-preview', params);
  493. if (!this.previewOnClickImage) {
  494. return;
  495. }
  496. (0, _imagePreview.default)({
  497. images: this.imageList,
  498. startPosition: index,
  499. onClose: function onClose() {
  500. _this4.$emit('close-preview', params);
  501. }
  502. });
  503. },
  504. onOverLimit: function onOverLimit(data) {
  505. var action = data.action,
  506. limitType = data.limitType,
  507. quota = data.quota,
  508. quotaUsed = data.quotaUsed;
  509. var handleOverLimit = this.customStepperConfig.handleOverLimit;
  510. if (handleOverLimit) {
  511. handleOverLimit(data);
  512. return;
  513. }
  514. if (action === 'minus') {
  515. if (this.startSaleNum > 1) {
  516. (0, _toast.default)(t('minusStartTip', this.startSaleNum));
  517. } else {
  518. (0, _toast.default)(t('minusTip'));
  519. }
  520. } else if (action === 'plus') {
  521. if (limitType === QUOTA_LIMIT) {
  522. if (quotaUsed > 0) {
  523. (0, _toast.default)(t('quotaUsedTip', quota, quotaUsed));
  524. } else {
  525. (0, _toast.default)(t('quotaTip', quota));
  526. }
  527. } else {
  528. (0, _toast.default)(t('soldout'));
  529. }
  530. }
  531. },
  532. onStepperState: function onStepperState(data) {
  533. this.stepperError = data.valid ? null : (0, _extends5.default)({}, data, {
  534. action: 'plus'
  535. });
  536. },
  537. onAddCart: function onAddCart() {
  538. this.onBuyOrAddCart('add-cart');
  539. },
  540. onBuy: function onBuy() {
  541. this.onBuyOrAddCart('buy-clicked');
  542. },
  543. onBuyOrAddCart: function onBuyOrAddCart(type) {
  544. // sku 不符合购买条件
  545. if (this.stepperError) {
  546. return this.onOverLimit(this.stepperError);
  547. }
  548. var error = this.validateSku();
  549. if (error) {
  550. (0, _toast.default)(error);
  551. } else {
  552. this.$emit(type, this.getSkuData());
  553. }
  554. },
  555. // @exposed-api
  556. getSkuData: function getSkuData() {
  557. return {
  558. goodsId: this.goodsId,
  559. messages: this.getSkuMessages(),
  560. selectedNum: this.selectedNum,
  561. cartMessages: this.getSkuCartMessages(),
  562. selectedSkuComb: this.selectedSkuComb
  563. };
  564. },
  565. // 当 popup 完全打开后执行
  566. onOpened: function onOpened() {
  567. this.centerInitialSku();
  568. },
  569. centerInitialSku: function centerInitialSku() {
  570. var _this5 = this;
  571. (this.$refs.skuRows || []).forEach(function (it) {
  572. var _ref = it.skuRow || {},
  573. k_s = _ref.k_s;
  574. it.centerItem(_this5.initialSku[k_s]);
  575. });
  576. }
  577. },
  578. render: function render() {
  579. var _this6 = this;
  580. var h = arguments[0];
  581. if (this.isSkuEmpty) {
  582. return;
  583. }
  584. var sku = this.sku,
  585. skuList = this.skuList,
  586. goods = this.goods,
  587. price = this.price,
  588. lazyLoad = this.lazyLoad,
  589. originPrice = this.originPrice,
  590. skuEventBus = this.skuEventBus,
  591. selectedSku = this.selectedSku,
  592. selectedProp = this.selectedProp,
  593. selectedNum = this.selectedNum,
  594. stepperTitle = this.stepperTitle,
  595. selectedSkuComb = this.selectedSkuComb,
  596. showHeaderImage = this.showHeaderImage,
  597. disableSoldoutSku = this.disableSoldoutSku;
  598. var slotsProps = {
  599. price: price,
  600. originPrice: originPrice,
  601. selectedNum: selectedNum,
  602. skuEventBus: skuEventBus,
  603. selectedSku: selectedSku,
  604. selectedSkuComb: selectedSkuComb
  605. };
  606. var slots = function slots(name) {
  607. return _this6.slots(name, slotsProps);
  608. };
  609. var Header = slots('sku-header') || h(_SkuHeader.default, {
  610. "attrs": {
  611. "sku": sku,
  612. "goods": goods,
  613. "skuEventBus": skuEventBus,
  614. "selectedSku": selectedSku,
  615. "showHeaderImage": showHeaderImage
  616. }
  617. }, [h("template", {
  618. "slot": "sku-header-image-extra"
  619. }, [slots('sku-header-image-extra')]), slots('sku-header-price') || h("div", {
  620. "class": "van-sku__goods-price"
  621. }, [h("span", {
  622. "class": "van-sku__price-symbol"
  623. }, ["\uFFE5"]), h("span", {
  624. "class": "van-sku__price-num"
  625. }, [price]), this.priceTag && h("span", {
  626. "class": "van-sku__price-tag"
  627. }, [this.priceTag])]), slots('sku-header-origin-price') || originPrice && h(_SkuHeaderItem.default, [t('originPrice'), " \uFFE5", originPrice]), !this.hideStock && h(_SkuHeaderItem.default, [h("span", {
  628. "class": "van-sku__stock"
  629. }, [this.stockText])]), this.hasSkuOrAttr && !this.hideSelectedText && h(_SkuHeaderItem.default, [this.selectedText]), slots('sku-header-extra')]);
  630. var Group = slots('sku-group') || this.hasSkuOrAttr && h("div", {
  631. "class": this.skuGroupClass
  632. }, [this.skuTree.map(function (skuTreeItem) {
  633. return h(_SkuRow.default, {
  634. "attrs": {
  635. "skuRow": skuTreeItem
  636. },
  637. "ref": "skuRows",
  638. "refInFor": true
  639. }, [skuTreeItem.v.map(function (skuValue) {
  640. return h(_SkuRowItem.default, {
  641. "attrs": {
  642. "skuList": skuList,
  643. "lazyLoad": lazyLoad,
  644. "skuValue": skuValue,
  645. "skuKeyStr": skuTreeItem.k_s,
  646. "selectedSku": selectedSku,
  647. "skuEventBus": skuEventBus,
  648. "disableSoldoutSku": disableSoldoutSku,
  649. "largeImageMode": skuTreeItem.largeImageMode
  650. }
  651. });
  652. })]);
  653. }), this.propList.map(function (skuTreeItem) {
  654. return h(_SkuRow.default, {
  655. "attrs": {
  656. "skuRow": skuTreeItem
  657. }
  658. }, [skuTreeItem.v.map(function (skuValue) {
  659. return h(_SkuRowPropItem.default, {
  660. "attrs": {
  661. "skuValue": skuValue,
  662. "skuKeyStr": skuTreeItem.k_id + '',
  663. "selectedProp": selectedProp,
  664. "skuEventBus": skuEventBus,
  665. "multiple": skuTreeItem.is_multiple,
  666. "disabled": skuValue.text_status === 0
  667. }
  668. });
  669. })]);
  670. })]);
  671. var Stepper = slots('sku-stepper') || h(_SkuStepper.default, {
  672. "ref": "skuStepper",
  673. "attrs": {
  674. "stock": this.stock,
  675. "quota": this.quota,
  676. "quotaUsed": this.quotaUsed,
  677. "startSaleNum": this.startSaleNum,
  678. "skuEventBus": skuEventBus,
  679. "selectedNum": selectedNum,
  680. "stepperTitle": stepperTitle,
  681. "skuStockNum": sku.stock_num,
  682. "disableStepperInput": this.disableStepperInput,
  683. "customStepperConfig": this.customStepperConfig,
  684. "hideQuotaText": this.hideQuotaText
  685. },
  686. "on": {
  687. "change": function change(event) {
  688. _this6.$emit('stepper-change', event);
  689. }
  690. }
  691. });
  692. var Messages = slots('sku-messages') || h(_SkuMessages.default, {
  693. "ref": "skuMessages",
  694. "attrs": {
  695. "goodsId": this.goodsId,
  696. "messageConfig": this.messageConfig,
  697. "messages": sku.messages
  698. }
  699. });
  700. var Actions = slots('sku-actions') || h(_SkuActions.default, {
  701. "attrs": {
  702. "buyText": this.buyText,
  703. "skuEventBus": skuEventBus,
  704. "addCartText": this.addCartText,
  705. "showAddCartBtn": this.showAddCartBtn
  706. }
  707. });
  708. return h(_popup.default, {
  709. "attrs": {
  710. "round": true,
  711. "closeable": true,
  712. "position": "bottom",
  713. "getContainer": this.getContainer,
  714. "closeOnClickOverlay": this.closeOnClickOverlay,
  715. "safeAreaInsetBottom": this.safeAreaInsetBottom
  716. },
  717. "class": "van-sku-container",
  718. "on": {
  719. "opened": this.onOpened
  720. },
  721. "model": {
  722. value: _this6.show,
  723. callback: function callback($$v) {
  724. _this6.show = $$v;
  725. }
  726. }
  727. }, [Header, h("div", {
  728. "class": "van-sku-body",
  729. "style": this.bodyStyle
  730. }, [slots('sku-body-top'), Group, slots('extra-sku-group'), Stepper, slots('before-sku-messages'), Messages, slots('after-sku-messages')]), slots('sku-actions-top'), Actions]);
  731. }
  732. });
  733. exports.default = _default2;