@fonixtree/magic-design 2.0.164 → 2.0.166
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
- package/es/assets/fonts/.DS_Store +0 -0
- package/lib/assets/fonts/.DS_Store +0 -0
|
@@ -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"
|
package/package.json
CHANGED
|
Binary file
|
|
Binary file
|