@fonixtree/magic-design 2.0.164 → 2.0.165
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/composite-comp/common/components/MonpayProductItem/index.js +25 -47
- package/es/composite-comp/monpay/components/InterestProducts/mobile/ProductItem/index.js +6 -28
- package/lib/composite-comp/common/components/MonpayProductItem/index.js +25 -47
- package/lib/composite-comp/monpay/components/InterestProducts/mobile/ProductItem/index.js +6 -28
- package/package.json +1 -1
|
@@ -15,8 +15,6 @@ var _currencyUtil = require("../../../../utils/currencyUtil");
|
|
|
15
15
|
|
|
16
16
|
var _common = require("../../../../common");
|
|
17
17
|
|
|
18
|
-
var _ImageLabel = _interopRequireDefault(require("../ImageLabel"));
|
|
19
|
-
|
|
20
18
|
var _components = require("../../../../meta-comp/components");
|
|
21
19
|
|
|
22
20
|
var _locale = require("../../../../locale");
|
|
@@ -119,23 +117,22 @@ function (_super) {
|
|
|
119
117
|
}
|
|
120
118
|
|
|
121
119
|
ProductItem.prototype.render = function () {
|
|
122
|
-
var _a, _b, _c, _d, _e, _f, _g, _h
|
|
123
|
-
|
|
124
|
-
var
|
|
125
|
-
data =
|
|
126
|
-
panelProps =
|
|
127
|
-
onItemClick =
|
|
128
|
-
showProName =
|
|
129
|
-
showProgress =
|
|
130
|
-
intelligentType =
|
|
131
|
-
fixHeight =
|
|
132
|
-
layout =
|
|
133
|
-
imgHeight =
|
|
134
|
-
imgWidth =
|
|
135
|
-
showDiscountTag =
|
|
136
|
-
isWill =
|
|
137
|
-
rest = __rest(
|
|
138
|
-
|
|
120
|
+
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
121
|
+
|
|
122
|
+
var _j = this.props,
|
|
123
|
+
data = _j.data,
|
|
124
|
+
panelProps = _j.panelProps,
|
|
125
|
+
onItemClick = _j.onItemClick,
|
|
126
|
+
showProName = _j.showProName,
|
|
127
|
+
showProgress = _j.showProgress,
|
|
128
|
+
intelligentType = _j.intelligentType,
|
|
129
|
+
fixHeight = _j.fixHeight,
|
|
130
|
+
layout = _j.layout,
|
|
131
|
+
imgHeight = _j.imgHeight,
|
|
132
|
+
imgWidth = _j.imgWidth,
|
|
133
|
+
showDiscountTag = _j.showDiscountTag,
|
|
134
|
+
isWill = _j.isWill,
|
|
135
|
+
rest = __rest(_j, ["data", "panelProps", "onItemClick", "showProName", "showProgress", "intelligentType", "fixHeight", "layout", "imgHeight", "imgWidth", "showDiscountTag", "isWill"]);
|
|
139
136
|
|
|
140
137
|
var price = (0, _currencyUtil.formatCurrencyWithSymbol)(data.salesPrice);
|
|
141
138
|
var oldPrice = null;
|
|
@@ -143,22 +140,12 @@ function (_super) {
|
|
|
143
140
|
if (data.specialPrice !== null) {
|
|
144
141
|
price = (0, _currencyUtil.formatCurrencyWithSymbol)(data.specialPrice);
|
|
145
142
|
oldPrice = (0, _currencyUtil.formatCurrencyWithSymbol)(data.salesPrice);
|
|
146
|
-
}
|
|
147
|
-
|
|
143
|
+
}
|
|
148
144
|
|
|
149
145
|
var salePercent = Number(data.salePercent) / 100 || 0;
|
|
150
146
|
var imgStyle = {};
|
|
151
147
|
if (imgWidth) imgStyle.width = imgWidth;
|
|
152
148
|
if (imgHeight) imgStyle.height = imgHeight;
|
|
153
|
-
var imgLabels = ((_a = data.labels) === null || _a === void 0 ? void 0 : _a.filter(function (f) {
|
|
154
|
-
return f.position !== '6' && f.position !== '7';
|
|
155
|
-
})) || [];
|
|
156
|
-
var prodLabels = ((_b = data.labels) === null || _b === void 0 ? void 0 : _b.filter(function (f) {
|
|
157
|
-
return f.position === '6';
|
|
158
|
-
})) || [];
|
|
159
|
-
var priceLabels = ((_c = data.labels) === null || _c === void 0 ? void 0 : _c.filter(function (f) {
|
|
160
|
-
return f.position === '7';
|
|
161
|
-
})) || [];
|
|
162
149
|
var soldNumber = data.salesCnt > 250 ? data.salesCnt - data.salesCnt % 250 + "+" : data.salesCnt || 0;
|
|
163
150
|
return /*#__PURE__*/_react["default"].createElement("div", _extends({
|
|
164
151
|
className: (0, _classnames["default"])('monpay-product-item-wrap', {
|
|
@@ -178,10 +165,7 @@ function (_super) {
|
|
|
178
165
|
lazy: true,
|
|
179
166
|
src: (0, _commonUtil.convertImageUrl)(data.productImg || data.imgUrlContent || data.productImageUrlContent),
|
|
180
167
|
style: imgStyle
|
|
181
|
-
}), /*#__PURE__*/_react["default"].createElement(
|
|
182
|
-
labels: imgLabels,
|
|
183
|
-
small: true
|
|
184
|
-
}), (((_d = panelProps.discount) === null || _d === void 0 ? void 0 : _d.open) || showDiscountTag) && data.discountPercent && /*#__PURE__*/_react["default"].createElement("div", {
|
|
168
|
+
}), (((_a = panelProps.discount) === null || _a === void 0 ? void 0 : _a.open) || showDiscountTag) && data.discountPercent && /*#__PURE__*/_react["default"].createElement("div", {
|
|
185
169
|
className: "discount-tag"
|
|
186
170
|
}, isWill ? (0, _locale.i18n)('COMING_SOON') : data.discountPercent + "% " + (0, _locale.i18n)('OFF'))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
187
171
|
className: "content-wrap"
|
|
@@ -189,10 +173,7 @@ function (_super) {
|
|
|
189
173
|
className: "product-name-wrap"
|
|
190
174
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
191
175
|
className: "box"
|
|
192
|
-
},
|
|
193
|
-
labels: prodLabels,
|
|
194
|
-
small: true
|
|
195
|
-
}), /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
|
|
176
|
+
}, /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
|
|
196
177
|
data: __assign(__assign({}, panelProps.productName), {
|
|
197
178
|
text: data.offerName
|
|
198
179
|
}),
|
|
@@ -205,9 +186,6 @@ function (_super) {
|
|
|
205
186
|
text: price
|
|
206
187
|
}),
|
|
207
188
|
readonly: true
|
|
208
|
-
}), priceLabels.length > 0 && /*#__PURE__*/_react["default"].createElement(_ImageLabel["default"], {
|
|
209
|
-
labels: priceLabels,
|
|
210
|
-
small: true
|
|
211
189
|
})), panelProps.salesPrice.open && /*#__PURE__*/_react["default"].createElement("div", {
|
|
212
190
|
className: "price-sold-wrap"
|
|
213
191
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -223,7 +201,7 @@ function (_super) {
|
|
|
223
201
|
}
|
|
224
202
|
}))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
225
203
|
className: "rate-sold-wrap"
|
|
226
|
-
}, ((
|
|
204
|
+
}, ((_b = panelProps.evaluationScore) === null || _b === void 0 ? void 0 : _b.open) && /*#__PURE__*/_react["default"].createElement("div", {
|
|
227
205
|
className: "evaluation-score"
|
|
228
206
|
}, /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
|
|
229
207
|
color: "#FF8650",
|
|
@@ -235,9 +213,9 @@ function (_super) {
|
|
|
235
213
|
text: (0, _currencyUtil.numberToFixed)(Number(data.evaluationAvg), 1)
|
|
236
214
|
}),
|
|
237
215
|
readonly: true
|
|
238
|
-
})), ((
|
|
216
|
+
})), ((_c = panelProps.evaluationScore) === null || _c === void 0 ? void 0 : _c.open) && ((_d = panelProps.sold) === null || _d === void 0 ? void 0 : _d.open) && /*#__PURE__*/_react["default"].createElement("div", {
|
|
239
217
|
className: "line"
|
|
240
|
-
}), ((
|
|
218
|
+
}), ((_e = panelProps.sold) === null || _e === void 0 ? void 0 : _e.open) && /*#__PURE__*/_react["default"].createElement("div", {
|
|
241
219
|
className: "sold"
|
|
242
220
|
}, /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
|
|
243
221
|
data: __assign(__assign({}, panelProps.sold), {
|
|
@@ -260,15 +238,15 @@ function (_super) {
|
|
|
260
238
|
}, renderDiscount(m).text));
|
|
261
239
|
})), showProgress && /*#__PURE__*/_react["default"].createElement("div", {
|
|
262
240
|
className: "progress-wrap"
|
|
263
|
-
}, ((
|
|
241
|
+
}, ((_f = panelProps.salesProgress) === null || _f === void 0 ? void 0 : _f.open) && /*#__PURE__*/_react["default"].createElement("div", {
|
|
264
242
|
className: "progress-container"
|
|
265
243
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
266
244
|
className: "progress",
|
|
267
245
|
style: {
|
|
268
246
|
width: salePercent + "%",
|
|
269
|
-
backgroundColor: (
|
|
247
|
+
backgroundColor: (_g = panelProps.salesProgress) === null || _g === void 0 ? void 0 : _g.color
|
|
270
248
|
}
|
|
271
|
-
})), ((
|
|
249
|
+
})), ((_h = panelProps.stock) === null || _h === void 0 ? void 0 : _h.open) && /*#__PURE__*/_react["default"].createElement("div", {
|
|
272
250
|
className: "text"
|
|
273
251
|
}, data.saleNum || 0, "/", data.stockNum || 0, " ", (0, _locale.i18n)('STOCK')))));
|
|
274
252
|
};
|
|
@@ -15,8 +15,6 @@ var _currencyUtil = require("../../../../../../utils/currencyUtil");
|
|
|
15
15
|
|
|
16
16
|
var _common = require("../../../../../../common");
|
|
17
17
|
|
|
18
|
-
var _ImageLabel = _interopRequireDefault(require("../../../../../common/components/ImageLabel"));
|
|
19
|
-
|
|
20
18
|
require("./index.less");
|
|
21
19
|
|
|
22
20
|
var _locale = require("../../../../../../locale");
|
|
@@ -77,12 +75,10 @@ function (_super) {
|
|
|
77
75
|
}
|
|
78
76
|
|
|
79
77
|
ProductItem.prototype.render = function () {
|
|
80
|
-
var _a
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
onItemClick = _d.onItemClick,
|
|
85
|
-
rest = __rest(_d, ["data", "onItemClick"]);
|
|
78
|
+
var _a = this.props,
|
|
79
|
+
data = _a.data,
|
|
80
|
+
onItemClick = _a.onItemClick,
|
|
81
|
+
rest = __rest(_a, ["data", "onItemClick"]);
|
|
86
82
|
|
|
87
83
|
var price = (0, _currencyUtil.formatCurrencyWithSymbol)(data.salesPrice);
|
|
88
84
|
var oldPrice = null;
|
|
@@ -92,15 +88,6 @@ function (_super) {
|
|
|
92
88
|
oldPrice = (0, _currencyUtil.formatCurrencyWithSymbol)(data.salesPrice);
|
|
93
89
|
}
|
|
94
90
|
|
|
95
|
-
var imgLabels = ((_a = data.labels) === null || _a === void 0 ? void 0 : _a.filter(function (f) {
|
|
96
|
-
return f.position !== '6' && f.position !== '7';
|
|
97
|
-
})) || [];
|
|
98
|
-
var prodLabels = ((_b = data.labels) === null || _b === void 0 ? void 0 : _b.filter(function (f) {
|
|
99
|
-
return f.position === '6';
|
|
100
|
-
})) || [];
|
|
101
|
-
var priceLabels = ((_c = data.labels) === null || _c === void 0 ? void 0 : _c.filter(function (f) {
|
|
102
|
-
return f.position === '7';
|
|
103
|
-
})) || [];
|
|
104
91
|
var soldNumber = data.salesCnt > 250 ? data.salesCnt - data.salesCnt % 250 + "+" : data.salesCnt || 0;
|
|
105
92
|
return /*#__PURE__*/_react["default"].createElement("div", _extends({
|
|
106
93
|
className: (0, _classnames["default"])('monpay-interest-product-item-wrap'),
|
|
@@ -113,9 +100,6 @@ function (_super) {
|
|
|
113
100
|
className: "product-img",
|
|
114
101
|
lazy: true,
|
|
115
102
|
src: (0, _commonUtil.convertImageUrl)(data.productImg || data.imgUrlContent || data.productImageUrlContent)
|
|
116
|
-
}), /*#__PURE__*/_react["default"].createElement(_ImageLabel["default"], {
|
|
117
|
-
labels: imgLabels,
|
|
118
|
-
small: true
|
|
119
103
|
}), data.discountPercent && /*#__PURE__*/_react["default"].createElement("div", {
|
|
120
104
|
className: "discount-tag"
|
|
121
105
|
}, data.discountPercent, "% ", (0, _locale.i18n)('OFF'))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -124,19 +108,13 @@ function (_super) {
|
|
|
124
108
|
className: "product-name-wrap"
|
|
125
109
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
126
110
|
className: "box"
|
|
127
|
-
},
|
|
128
|
-
labels: prodLabels,
|
|
129
|
-
small: true
|
|
130
|
-
}), /*#__PURE__*/_react["default"].createElement("div", {
|
|
111
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
131
112
|
className: "prodName"
|
|
132
113
|
}, data.offerName))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
133
114
|
className: "price-wrap"
|
|
134
115
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
135
116
|
className: "price"
|
|
136
|
-
}, price, " "),
|
|
137
|
-
labels: priceLabels,
|
|
138
|
-
small: true
|
|
139
|
-
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
117
|
+
}, price, " ")), /*#__PURE__*/_react["default"].createElement("div", {
|
|
140
118
|
className: "old-price-wrap"
|
|
141
119
|
}, oldPrice && /*#__PURE__*/_react["default"].createElement("div", {
|
|
142
120
|
className: "old-price"
|
|
@@ -15,8 +15,6 @@ var _currencyUtil = require("../../../../utils/currencyUtil");
|
|
|
15
15
|
|
|
16
16
|
var _common = require("../../../../common");
|
|
17
17
|
|
|
18
|
-
var _ImageLabel = _interopRequireDefault(require("../ImageLabel"));
|
|
19
|
-
|
|
20
18
|
var _components = require("../../../../meta-comp/components");
|
|
21
19
|
|
|
22
20
|
var _locale = require("../../../../locale");
|
|
@@ -119,23 +117,22 @@ function (_super) {
|
|
|
119
117
|
}
|
|
120
118
|
|
|
121
119
|
ProductItem.prototype.render = function () {
|
|
122
|
-
var _a, _b, _c, _d, _e, _f, _g, _h
|
|
123
|
-
|
|
124
|
-
var
|
|
125
|
-
data =
|
|
126
|
-
panelProps =
|
|
127
|
-
onItemClick =
|
|
128
|
-
showProName =
|
|
129
|
-
showProgress =
|
|
130
|
-
intelligentType =
|
|
131
|
-
fixHeight =
|
|
132
|
-
layout =
|
|
133
|
-
imgHeight =
|
|
134
|
-
imgWidth =
|
|
135
|
-
showDiscountTag =
|
|
136
|
-
isWill =
|
|
137
|
-
rest = __rest(
|
|
138
|
-
|
|
120
|
+
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
121
|
+
|
|
122
|
+
var _j = this.props,
|
|
123
|
+
data = _j.data,
|
|
124
|
+
panelProps = _j.panelProps,
|
|
125
|
+
onItemClick = _j.onItemClick,
|
|
126
|
+
showProName = _j.showProName,
|
|
127
|
+
showProgress = _j.showProgress,
|
|
128
|
+
intelligentType = _j.intelligentType,
|
|
129
|
+
fixHeight = _j.fixHeight,
|
|
130
|
+
layout = _j.layout,
|
|
131
|
+
imgHeight = _j.imgHeight,
|
|
132
|
+
imgWidth = _j.imgWidth,
|
|
133
|
+
showDiscountTag = _j.showDiscountTag,
|
|
134
|
+
isWill = _j.isWill,
|
|
135
|
+
rest = __rest(_j, ["data", "panelProps", "onItemClick", "showProName", "showProgress", "intelligentType", "fixHeight", "layout", "imgHeight", "imgWidth", "showDiscountTag", "isWill"]);
|
|
139
136
|
|
|
140
137
|
var price = (0, _currencyUtil.formatCurrencyWithSymbol)(data.salesPrice);
|
|
141
138
|
var oldPrice = null;
|
|
@@ -143,22 +140,12 @@ function (_super) {
|
|
|
143
140
|
if (data.specialPrice !== null) {
|
|
144
141
|
price = (0, _currencyUtil.formatCurrencyWithSymbol)(data.specialPrice);
|
|
145
142
|
oldPrice = (0, _currencyUtil.formatCurrencyWithSymbol)(data.salesPrice);
|
|
146
|
-
}
|
|
147
|
-
|
|
143
|
+
}
|
|
148
144
|
|
|
149
145
|
var salePercent = Number(data.salePercent) / 100 || 0;
|
|
150
146
|
var imgStyle = {};
|
|
151
147
|
if (imgWidth) imgStyle.width = imgWidth;
|
|
152
148
|
if (imgHeight) imgStyle.height = imgHeight;
|
|
153
|
-
var imgLabels = ((_a = data.labels) === null || _a === void 0 ? void 0 : _a.filter(function (f) {
|
|
154
|
-
return f.position !== '6' && f.position !== '7';
|
|
155
|
-
})) || [];
|
|
156
|
-
var prodLabels = ((_b = data.labels) === null || _b === void 0 ? void 0 : _b.filter(function (f) {
|
|
157
|
-
return f.position === '6';
|
|
158
|
-
})) || [];
|
|
159
|
-
var priceLabels = ((_c = data.labels) === null || _c === void 0 ? void 0 : _c.filter(function (f) {
|
|
160
|
-
return f.position === '7';
|
|
161
|
-
})) || [];
|
|
162
149
|
var soldNumber = data.salesCnt > 250 ? data.salesCnt - data.salesCnt % 250 + "+" : data.salesCnt || 0;
|
|
163
150
|
return /*#__PURE__*/_react["default"].createElement("div", _extends({
|
|
164
151
|
className: (0, _classnames["default"])('monpay-product-item-wrap', {
|
|
@@ -178,10 +165,7 @@ function (_super) {
|
|
|
178
165
|
lazy: true,
|
|
179
166
|
src: (0, _commonUtil.convertImageUrl)(data.productImg || data.imgUrlContent || data.productImageUrlContent),
|
|
180
167
|
style: imgStyle
|
|
181
|
-
}), /*#__PURE__*/_react["default"].createElement(
|
|
182
|
-
labels: imgLabels,
|
|
183
|
-
small: true
|
|
184
|
-
}), (((_d = panelProps.discount) === null || _d === void 0 ? void 0 : _d.open) || showDiscountTag) && data.discountPercent && /*#__PURE__*/_react["default"].createElement("div", {
|
|
168
|
+
}), (((_a = panelProps.discount) === null || _a === void 0 ? void 0 : _a.open) || showDiscountTag) && data.discountPercent && /*#__PURE__*/_react["default"].createElement("div", {
|
|
185
169
|
className: "discount-tag"
|
|
186
170
|
}, isWill ? (0, _locale.i18n)('COMING_SOON') : data.discountPercent + "% " + (0, _locale.i18n)('OFF'))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
187
171
|
className: "content-wrap"
|
|
@@ -189,10 +173,7 @@ function (_super) {
|
|
|
189
173
|
className: "product-name-wrap"
|
|
190
174
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
191
175
|
className: "box"
|
|
192
|
-
},
|
|
193
|
-
labels: prodLabels,
|
|
194
|
-
small: true
|
|
195
|
-
}), /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
|
|
176
|
+
}, /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
|
|
196
177
|
data: __assign(__assign({}, panelProps.productName), {
|
|
197
178
|
text: data.offerName
|
|
198
179
|
}),
|
|
@@ -205,9 +186,6 @@ function (_super) {
|
|
|
205
186
|
text: price
|
|
206
187
|
}),
|
|
207
188
|
readonly: true
|
|
208
|
-
}), priceLabels.length > 0 && /*#__PURE__*/_react["default"].createElement(_ImageLabel["default"], {
|
|
209
|
-
labels: priceLabels,
|
|
210
|
-
small: true
|
|
211
189
|
})), panelProps.salesPrice.open && /*#__PURE__*/_react["default"].createElement("div", {
|
|
212
190
|
className: "price-sold-wrap"
|
|
213
191
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -223,7 +201,7 @@ function (_super) {
|
|
|
223
201
|
}
|
|
224
202
|
}))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
225
203
|
className: "rate-sold-wrap"
|
|
226
|
-
}, ((
|
|
204
|
+
}, ((_b = panelProps.evaluationScore) === null || _b === void 0 ? void 0 : _b.open) && /*#__PURE__*/_react["default"].createElement("div", {
|
|
227
205
|
className: "evaluation-score"
|
|
228
206
|
}, /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
|
|
229
207
|
color: "#FF8650",
|
|
@@ -235,9 +213,9 @@ function (_super) {
|
|
|
235
213
|
text: (0, _currencyUtil.numberToFixed)(Number(data.evaluationAvg), 1)
|
|
236
214
|
}),
|
|
237
215
|
readonly: true
|
|
238
|
-
})), ((
|
|
216
|
+
})), ((_c = panelProps.evaluationScore) === null || _c === void 0 ? void 0 : _c.open) && ((_d = panelProps.sold) === null || _d === void 0 ? void 0 : _d.open) && /*#__PURE__*/_react["default"].createElement("div", {
|
|
239
217
|
className: "line"
|
|
240
|
-
}), ((
|
|
218
|
+
}), ((_e = panelProps.sold) === null || _e === void 0 ? void 0 : _e.open) && /*#__PURE__*/_react["default"].createElement("div", {
|
|
241
219
|
className: "sold"
|
|
242
220
|
}, /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
|
|
243
221
|
data: __assign(__assign({}, panelProps.sold), {
|
|
@@ -260,15 +238,15 @@ function (_super) {
|
|
|
260
238
|
}, renderDiscount(m).text));
|
|
261
239
|
})), showProgress && /*#__PURE__*/_react["default"].createElement("div", {
|
|
262
240
|
className: "progress-wrap"
|
|
263
|
-
}, ((
|
|
241
|
+
}, ((_f = panelProps.salesProgress) === null || _f === void 0 ? void 0 : _f.open) && /*#__PURE__*/_react["default"].createElement("div", {
|
|
264
242
|
className: "progress-container"
|
|
265
243
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
266
244
|
className: "progress",
|
|
267
245
|
style: {
|
|
268
246
|
width: salePercent + "%",
|
|
269
|
-
backgroundColor: (
|
|
247
|
+
backgroundColor: (_g = panelProps.salesProgress) === null || _g === void 0 ? void 0 : _g.color
|
|
270
248
|
}
|
|
271
|
-
})), ((
|
|
249
|
+
})), ((_h = panelProps.stock) === null || _h === void 0 ? void 0 : _h.open) && /*#__PURE__*/_react["default"].createElement("div", {
|
|
272
250
|
className: "text"
|
|
273
251
|
}, data.saleNum || 0, "/", data.stockNum || 0, " ", (0, _locale.i18n)('STOCK')))));
|
|
274
252
|
};
|
|
@@ -15,8 +15,6 @@ var _currencyUtil = require("../../../../../../utils/currencyUtil");
|
|
|
15
15
|
|
|
16
16
|
var _common = require("../../../../../../common");
|
|
17
17
|
|
|
18
|
-
var _ImageLabel = _interopRequireDefault(require("../../../../../common/components/ImageLabel"));
|
|
19
|
-
|
|
20
18
|
require("./index.less");
|
|
21
19
|
|
|
22
20
|
var _locale = require("../../../../../../locale");
|
|
@@ -77,12 +75,10 @@ function (_super) {
|
|
|
77
75
|
}
|
|
78
76
|
|
|
79
77
|
ProductItem.prototype.render = function () {
|
|
80
|
-
var _a
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
onItemClick = _d.onItemClick,
|
|
85
|
-
rest = __rest(_d, ["data", "onItemClick"]);
|
|
78
|
+
var _a = this.props,
|
|
79
|
+
data = _a.data,
|
|
80
|
+
onItemClick = _a.onItemClick,
|
|
81
|
+
rest = __rest(_a, ["data", "onItemClick"]);
|
|
86
82
|
|
|
87
83
|
var price = (0, _currencyUtil.formatCurrencyWithSymbol)(data.salesPrice);
|
|
88
84
|
var oldPrice = null;
|
|
@@ -92,15 +88,6 @@ function (_super) {
|
|
|
92
88
|
oldPrice = (0, _currencyUtil.formatCurrencyWithSymbol)(data.salesPrice);
|
|
93
89
|
}
|
|
94
90
|
|
|
95
|
-
var imgLabels = ((_a = data.labels) === null || _a === void 0 ? void 0 : _a.filter(function (f) {
|
|
96
|
-
return f.position !== '6' && f.position !== '7';
|
|
97
|
-
})) || [];
|
|
98
|
-
var prodLabels = ((_b = data.labels) === null || _b === void 0 ? void 0 : _b.filter(function (f) {
|
|
99
|
-
return f.position === '6';
|
|
100
|
-
})) || [];
|
|
101
|
-
var priceLabels = ((_c = data.labels) === null || _c === void 0 ? void 0 : _c.filter(function (f) {
|
|
102
|
-
return f.position === '7';
|
|
103
|
-
})) || [];
|
|
104
91
|
var soldNumber = data.salesCnt > 250 ? data.salesCnt - data.salesCnt % 250 + "+" : data.salesCnt || 0;
|
|
105
92
|
return /*#__PURE__*/_react["default"].createElement("div", _extends({
|
|
106
93
|
className: (0, _classnames["default"])('monpay-interest-product-item-wrap'),
|
|
@@ -113,9 +100,6 @@ function (_super) {
|
|
|
113
100
|
className: "product-img",
|
|
114
101
|
lazy: true,
|
|
115
102
|
src: (0, _commonUtil.convertImageUrl)(data.productImg || data.imgUrlContent || data.productImageUrlContent)
|
|
116
|
-
}), /*#__PURE__*/_react["default"].createElement(_ImageLabel["default"], {
|
|
117
|
-
labels: imgLabels,
|
|
118
|
-
small: true
|
|
119
103
|
}), data.discountPercent && /*#__PURE__*/_react["default"].createElement("div", {
|
|
120
104
|
className: "discount-tag"
|
|
121
105
|
}, data.discountPercent, "% ", (0, _locale.i18n)('OFF'))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -124,19 +108,13 @@ function (_super) {
|
|
|
124
108
|
className: "product-name-wrap"
|
|
125
109
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
126
110
|
className: "box"
|
|
127
|
-
},
|
|
128
|
-
labels: prodLabels,
|
|
129
|
-
small: true
|
|
130
|
-
}), /*#__PURE__*/_react["default"].createElement("div", {
|
|
111
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
131
112
|
className: "prodName"
|
|
132
113
|
}, data.offerName))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
133
114
|
className: "price-wrap"
|
|
134
115
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
135
116
|
className: "price"
|
|
136
|
-
}, price, " "),
|
|
137
|
-
labels: priceLabels,
|
|
138
|
-
small: true
|
|
139
|
-
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
117
|
+
}, price, " ")), /*#__PURE__*/_react["default"].createElement("div", {
|
|
140
118
|
className: "old-price-wrap"
|
|
141
119
|
}, oldPrice && /*#__PURE__*/_react["default"].createElement("div", {
|
|
142
120
|
className: "old-price"
|