ecomlab-components-next 0.1.70 → 0.1.72
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.
|
@@ -166,7 +166,7 @@
|
|
|
166
166
|
flex-direction: column;
|
|
167
167
|
width: 100%;
|
|
168
168
|
height: 100%;
|
|
169
|
-
padding: 20px;
|
|
169
|
+
padding: 20px 160px;
|
|
170
170
|
border-radius: 12px;
|
|
171
171
|
}
|
|
172
172
|
|
|
@@ -181,7 +181,6 @@
|
|
|
181
181
|
|
|
182
182
|
&__this-will-be-interesting-content {
|
|
183
183
|
display: flex;
|
|
184
|
-
flex-wrap: wrap;
|
|
185
184
|
width: 100%;
|
|
186
185
|
gap: 20px;
|
|
187
186
|
|
|
@@ -30,10 +30,10 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
|
30
30
|
function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
|
|
31
31
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
32
32
|
var ShortTileArticleBox = function ShortTileArticleBox(_ref) {
|
|
33
|
-
var _tags$map, _author$, _author$2;
|
|
34
33
|
var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
|
|
35
34
|
var id = props.id,
|
|
36
35
|
name = props.name,
|
|
36
|
+
cpu = props.cpu,
|
|
37
37
|
author = props.author,
|
|
38
38
|
annotation = props.annotation,
|
|
39
39
|
photoPreview = props.photoPreview,
|
|
@@ -49,117 +49,162 @@ var ShortTileArticleBox = function ShortTileArticleBox(_ref) {
|
|
|
49
49
|
_props$stopRedirect = props.stopRedirect,
|
|
50
50
|
stopRedirect = _props$stopRedirect === void 0 ? false : _props$stopRedirect,
|
|
51
51
|
_props$search = props.search,
|
|
52
|
-
search = _props$search === void 0 ? false : _props$search
|
|
52
|
+
search = _props$search === void 0 ? false : _props$search,
|
|
53
|
+
_props$pathBread = props.pathBread,
|
|
54
|
+
pathBread = _props$pathBread === void 0 ? '' : _props$pathBread,
|
|
55
|
+
_props$wiki = props.wiki,
|
|
56
|
+
wiki = _props$wiki === void 0 ? false : _props$wiki,
|
|
57
|
+
portalId = props.portalId,
|
|
58
|
+
_props$wikiStyle = props.wikiStyle,
|
|
59
|
+
wikiStyle = _props$wikiStyle === void 0 ? false : _props$wikiStyle,
|
|
60
|
+
pathArticles = props.pathArticles;
|
|
53
61
|
var _useState = (0, _react.useState)(''),
|
|
54
62
|
_useState2 = _slicedToArray(_useState, 2),
|
|
55
63
|
articleName = _useState2[0],
|
|
56
64
|
setArticleName = _useState2[1];
|
|
57
|
-
var
|
|
65
|
+
var artPath = pathArticles ? pathArticles + cpu : cpu;
|
|
66
|
+
var articlePath = wiki ? (pathBread ? '/' + pathBread : '') + '/wiki' + (portalId == 6 ? +'/ru' + artPath : artPath) : portalId == 6 ? (pathBread ? '/' + pathBread : '') + '/ru' + artPath : (pathBread ? '/' + pathBread : '') + artPath;
|
|
58
67
|
(0, _react.useEffect)(function () {
|
|
59
68
|
setArticleName(Array.isArray(name) ? name === null || name === void 0 ? void 0 : name[0] : name);
|
|
60
69
|
}, [name]);
|
|
61
70
|
var translateMin = function translateMin() {
|
|
62
|
-
if (activeLang == '
|
|
63
|
-
if (activeLang == '
|
|
71
|
+
if (activeLang == 'en') return 'min';
|
|
72
|
+
if (activeLang == 'tr') return 'dak';
|
|
64
73
|
return 'мин';
|
|
65
74
|
};
|
|
66
75
|
var translateAuthor = function translateAuthor() {
|
|
67
76
|
if (author) {
|
|
68
|
-
if (activeLang == '
|
|
69
|
-
if (activeLang == '
|
|
77
|
+
if (activeLang == 'en') return (0, _utils.transliter)(Array.isArray(author) ? author !== null && author !== void 0 && author[0] ? author === null || author === void 0 ? void 0 : author[0] : '' : author);
|
|
78
|
+
if (activeLang == 'tr') return (0, _utils.transliter)(Array.isArray(author) ? author !== null && author !== void 0 && author[0] ? author === null || author === void 0 ? void 0 : author[0] : '' : author);
|
|
70
79
|
} else {
|
|
71
80
|
if (activeLang == 'ru') return 'Неизвестный автор';
|
|
72
|
-
if (activeLang == '
|
|
73
|
-
if (activeLang == '
|
|
81
|
+
if (activeLang == 'tr') return 'Bilinmeyen Yazar';
|
|
82
|
+
if (activeLang == 'en') return 'Unknown_author';
|
|
74
83
|
}
|
|
75
84
|
return author ? author === null || author === void 0 ? void 0 : author[0] : author;
|
|
76
85
|
};
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
86
|
+
try {
|
|
87
|
+
var _tags$map, _author$, _author$2;
|
|
88
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, wikiStyle ? /*#__PURE__*/_react["default"].createElement("div", {
|
|
89
|
+
className: "tile-short-wiki",
|
|
90
|
+
key: id
|
|
91
|
+
}, /*#__PURE__*/_react["default"].createElement(_link["default"], {
|
|
92
|
+
className: "tile-short-wiki__link",
|
|
93
|
+
target: linkString ? '_blank' : '',
|
|
94
|
+
onClick: function onClick(e) {
|
|
95
|
+
if (stopRedirect) {
|
|
96
|
+
e.preventDefault();
|
|
97
|
+
}
|
|
98
|
+
if (onLinkClick && !stopRedirect) {
|
|
99
|
+
onLinkClick(e, id, articlePath);
|
|
100
|
+
}
|
|
101
|
+
},
|
|
102
|
+
key: id,
|
|
103
|
+
href: articlePath
|
|
104
|
+
}, /*#__PURE__*/_react["default"].createElement("h3", {
|
|
105
|
+
className: "tile-short-wiki__title"
|
|
106
|
+
}, search ? (0, _highlightWord.hightlightWord)(search, articleName) : articleName), (Array.isArray(annotation) && (annotation === null || annotation === void 0 ? void 0 : annotation[0]) || annotation) && /*#__PURE__*/_react["default"].createElement("p", {
|
|
107
|
+
className: "tile-short-wiki__description"
|
|
108
|
+
}, Array.isArray(annotation) ? annotation !== null && annotation !== void 0 && annotation[0] ? (0, _htmlReactParser["default"])(annotation === null || annotation === void 0 ? void 0 : annotation[0]) : '' : annotation ? (0, _htmlReactParser["default"])(annotation) : ''))) : /*#__PURE__*/_react["default"].createElement("div", {
|
|
109
|
+
className: "tile-short",
|
|
110
|
+
key: id
|
|
111
|
+
}, /*#__PURE__*/_react["default"].createElement(_link["default"], {
|
|
112
|
+
target: linkString ? '_blank' : '',
|
|
113
|
+
onClick: function onClick(e) {
|
|
114
|
+
if (stopRedirect) {
|
|
115
|
+
e.preventDefault();
|
|
116
|
+
}
|
|
117
|
+
if (onLinkClick && !stopRedirect) {
|
|
118
|
+
onLinkClick(e, id, articlePath);
|
|
119
|
+
}
|
|
120
|
+
},
|
|
121
|
+
key: id,
|
|
122
|
+
href: articlePath
|
|
123
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
124
|
+
className: "article-min"
|
|
125
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
126
|
+
className: "img-content"
|
|
127
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
128
|
+
className: "img-box"
|
|
129
|
+
}, /*#__PURE__*/_react["default"].createElement(_SliderCarousel["default"], {
|
|
130
|
+
imgArr: photoPreview
|
|
131
|
+
}))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
132
|
+
className: "content-box"
|
|
133
|
+
}, (tags === null || tags === void 0 ? void 0 : tags.length) > 0 && tags[0] && /*#__PURE__*/_react["default"].createElement("div", {
|
|
134
|
+
className: "tag-box"
|
|
135
|
+
}, (tags === null || tags === void 0 ? void 0 : tags.length) > 0 && (tags === null || tags === void 0 || (_tags$map = tags.map(function (t, index) {
|
|
136
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
137
|
+
key: t + index,
|
|
138
|
+
className: "tag"
|
|
139
|
+
}, t);
|
|
140
|
+
})) === null || _tags$map === void 0 ? void 0 : _tags$map.splice(0, 1)), (tags === null || tags === void 0 ? void 0 : tags.length) > 1 && /*#__PURE__*/_react["default"].createElement("div", {
|
|
141
|
+
className: "tag",
|
|
142
|
+
style: {
|
|
143
|
+
marginLeft: 'auto',
|
|
144
|
+
textOverflow: 'clip',
|
|
145
|
+
overflow: 'visible'
|
|
88
146
|
}
|
|
147
|
+
}, '+ ' + ((tags === null || tags === void 0 ? void 0 : tags.length) - 1))), /*#__PURE__*/_react["default"].createElement("h3", {
|
|
148
|
+
className: "title"
|
|
149
|
+
}, search ? (0, _highlightWord.hightlightWord)(search, articleName) : articleName), /*#__PURE__*/_react["default"].createElement("div", {
|
|
150
|
+
className: "description-content"
|
|
151
|
+
}, /*#__PURE__*/_react["default"].createElement("p", {
|
|
152
|
+
className: "text_description"
|
|
153
|
+
}, Array.isArray(annotation) ? annotation !== null && annotation !== void 0 && annotation[0] ? (0, _htmlReactParser["default"])(annotation === null || annotation === void 0 ? void 0 : annotation[0]) : '' : annotation ? (0, _htmlReactParser["default"])(annotation) : '')), /*#__PURE__*/_react["default"].createElement("div", {
|
|
154
|
+
className: "text-and-info-box"
|
|
155
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
156
|
+
className: "top-info"
|
|
157
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
158
|
+
className: "date-box"
|
|
159
|
+
}, /*#__PURE__*/_react["default"].createElement(_image["default"], {
|
|
160
|
+
src: _calendar_icon["default"],
|
|
161
|
+
alt: "icon"
|
|
162
|
+
}), /*#__PURE__*/_react["default"].createElement("p", {
|
|
163
|
+
className: "text_grey"
|
|
89
164
|
},
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
135
|
-
className: "icon-box"
|
|
136
|
-
}, /*#__PURE__*/_react["default"].createElement("img", _view_icon["default"])), /*#__PURE__*/_react["default"].createElement("p", {
|
|
137
|
-
className: "text"
|
|
138
|
-
}, views)), /*#__PURE__*/_react["default"].createElement("div", {
|
|
139
|
-
className: "time-box"
|
|
140
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
141
|
-
className: "icon-box"
|
|
142
|
-
}, /*#__PURE__*/_react["default"].createElement("img", _time_icon["default"])), /*#__PURE__*/_react["default"].createElement("p", {
|
|
143
|
-
className: "text"
|
|
144
|
-
}, "".concat(timeToRead ? timeToRead : '-', " ").concat(translateMin()))))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
145
|
-
className: "bottom-info"
|
|
146
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
147
|
-
className: "author-box"
|
|
148
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
149
|
-
className: "author-avatar",
|
|
150
|
-
style: {
|
|
151
|
-
backgroundColor: author !== null && author !== void 0 && author[1] ? author === null || author === void 0 ? void 0 : author[1] : ''
|
|
152
|
-
}
|
|
153
|
-
}, (author === null || author === void 0 || (_author$ = author[0]) === null || _author$ === void 0 ? void 0 : _author$.length) > 0 ? author === null || author === void 0 || (_author$2 = author[0]) === null || _author$2 === void 0 || (_author$2 = _author$2.split(' ').map(function (str) {
|
|
154
|
-
return str[0];
|
|
155
|
-
}).reduce(function (acc, current) {
|
|
156
|
-
return acc += current;
|
|
157
|
-
}, '')) === null || _author$2 === void 0 ? void 0 : _author$2.toUpperCase() : '-'), /*#__PURE__*/_react["default"].createElement("p", {
|
|
158
|
-
className: "text_grey"
|
|
159
|
-
}, translateAuthor(author)))), /*#__PURE__*/_react["default"].createElement(_ShareComponent.ShareComponent, {
|
|
160
|
-
activeLang: activeLang,
|
|
161
|
-
id: id,
|
|
162
|
-
articlePath: articlePath
|
|
163
|
-
}))))));
|
|
165
|
+
// date?.toLocaleDateString('ru-RU')
|
|
166
|
+
date)), /*#__PURE__*/_react["default"].createElement("div", {
|
|
167
|
+
className: "info-box"
|
|
168
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
169
|
+
className: "view-box"
|
|
170
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
171
|
+
className: "icon-box"
|
|
172
|
+
}, /*#__PURE__*/_react["default"].createElement(_image["default"], {
|
|
173
|
+
src: _view_icon["default"],
|
|
174
|
+
alt: "icon"
|
|
175
|
+
})), /*#__PURE__*/_react["default"].createElement("p", {
|
|
176
|
+
className: "text"
|
|
177
|
+
}, views)), /*#__PURE__*/_react["default"].createElement("div", {
|
|
178
|
+
className: "time-box"
|
|
179
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
180
|
+
className: "icon-box"
|
|
181
|
+
}, /*#__PURE__*/_react["default"].createElement(_image["default"], {
|
|
182
|
+
src: _time_icon["default"],
|
|
183
|
+
alt: "icon"
|
|
184
|
+
})), /*#__PURE__*/_react["default"].createElement("p", {
|
|
185
|
+
className: "text"
|
|
186
|
+
}, "".concat(timeToRead ? timeToRead : '-', " ").concat(translateMin()))))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
187
|
+
className: "bottom-info"
|
|
188
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
189
|
+
className: "author-box"
|
|
190
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
191
|
+
className: "author-avatar",
|
|
192
|
+
style: {
|
|
193
|
+
backgroundColor: author !== null && author !== void 0 && author[1] ? author === null || author === void 0 ? void 0 : author[1] : ''
|
|
194
|
+
}
|
|
195
|
+
}, (author === null || author === void 0 || (_author$ = author[0]) === null || _author$ === void 0 ? void 0 : _author$.length) > 0 ? author === null || author === void 0 || (_author$2 = author[0]) === null || _author$2 === void 0 || (_author$2 = _author$2.split(' ').map(function (str) {
|
|
196
|
+
return str[0];
|
|
197
|
+
}).reduce(function (acc, current) {
|
|
198
|
+
return acc += current;
|
|
199
|
+
}, '')) === null || _author$2 === void 0 ? void 0 : _author$2.toUpperCase() : '-'), /*#__PURE__*/_react["default"].createElement("p", {
|
|
200
|
+
className: "text_grey"
|
|
201
|
+
}, translateAuthor(author)))), /*#__PURE__*/_react["default"].createElement(_ShareComponent.ShareComponent, {
|
|
202
|
+
activeLang: activeLang,
|
|
203
|
+
id: id,
|
|
204
|
+
articlePath: articlePath
|
|
205
|
+
})))))));
|
|
206
|
+
} catch (error) {
|
|
207
|
+
console.log(error);
|
|
208
|
+
}
|
|
164
209
|
};
|
|
165
210
|
var _default = exports["default"] = ShortTileArticleBox;
|
|
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports["default"] = void 0;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _no_image = _interopRequireDefault(require("./img/no_image.svg"));
|
|
9
|
+
var _image = _interopRequireDefault(require("next/image"));
|
|
9
10
|
require("./SliderCarousel.scss");
|
|
10
11
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
11
12
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
@@ -45,7 +46,7 @@ var SliderCarousel = function SliderCarousel(_ref) {
|
|
|
45
46
|
}
|
|
46
47
|
};
|
|
47
48
|
try {
|
|
48
|
-
var _currentImgArr, _currentImgArr3, _currentImgArr4, _currentImgArr$curren,
|
|
49
|
+
var _currentImgArr, _currentImgArr3, _currentImgArr4, _currentImgArr5, _currentImgArr$curren, _currentImgArr6, _currentImgArr7, _currentImgArr8, _currentImgArr9, _currentImgArr10, _currentImgArr$curren2, _currentImgArr11, _currentImgArr12, _currentImgArr13, _currentImgArr14, _ref2, _currentImgArr15;
|
|
49
50
|
if (!Array.isArray(currentImgArr())) throw new Error("Recive ImgArr that is not an array, but ".concat(_typeof(currentImgArr())));
|
|
50
51
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
51
52
|
className: "slider-carousel"
|
|
@@ -79,7 +80,7 @@ var SliderCarousel = function SliderCarousel(_ref) {
|
|
|
79
80
|
return e.target.src = _no_image["default"];
|
|
80
81
|
},
|
|
81
82
|
alt: alt
|
|
82
|
-
})) : /*#__PURE__*/_react["default"].createElement("
|
|
83
|
+
})) : /*#__PURE__*/_react["default"].createElement(_image["default"], {
|
|
83
84
|
className: "slider-carousel__img",
|
|
84
85
|
src: _no_image["default"],
|
|
85
86
|
onError: function onError(e) {
|
|
@@ -89,16 +90,23 @@ var SliderCarousel = function SliderCarousel(_ref) {
|
|
|
89
90
|
}));
|
|
90
91
|
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
91
92
|
className: "main-img"
|
|
92
|
-
}, /*#__PURE__*/_react["default"].createElement("img", {
|
|
93
|
-
className: ((
|
|
94
|
-
src: currentImgArr() && ((
|
|
95
|
-
alt: currentImgArr() && ((
|
|
93
|
+
}, ((_currentImgArr3 = currentImgArr()) === null || _currentImgArr3 === void 0 ? void 0 : _currentImgArr3.length) > 0 ? /*#__PURE__*/_react["default"].createElement("img", {
|
|
94
|
+
className: ((_currentImgArr4 = currentImgArr()) === null || _currentImgArr4 === void 0 ? void 0 : _currentImgArr4.length) > 0 ? 'img' : 'no-photo',
|
|
95
|
+
src: currentImgArr() && ((_currentImgArr5 = currentImgArr()) === null || _currentImgArr5 === void 0 ? void 0 : _currentImgArr5.length) > 0 ? (_currentImgArr$curren = (_currentImgArr6 = currentImgArr()) === null || _currentImgArr6 === void 0 || (_currentImgArr6 = _currentImgArr6[currentImg]) === null || _currentImgArr6 === void 0 ? void 0 : _currentImgArr6.value) !== null && _currentImgArr$curren !== void 0 ? _currentImgArr$curren : _no_image["default"] : _no_image["default"],
|
|
96
|
+
alt: currentImgArr() && ((_currentImgArr7 = currentImgArr()) === null || _currentImgArr7 === void 0 ? void 0 : _currentImgArr7.length) > 0 ? (_currentImgArr8 = currentImgArr()) === null || _currentImgArr8 === void 0 || (_currentImgArr8 = _currentImgArr8[currentImg]) === null || _currentImgArr8 === void 0 ? void 0 : _currentImgArr8.alt : '',
|
|
96
97
|
onError: function onError(e) {
|
|
97
98
|
return e.target.src = _no_image["default"];
|
|
98
99
|
}
|
|
99
|
-
})
|
|
100
|
+
}) : /*#__PURE__*/_react["default"].createElement(_image["default"], {
|
|
101
|
+
className: ((_currentImgArr9 = currentImgArr()) === null || _currentImgArr9 === void 0 ? void 0 : _currentImgArr9.length) > 0 ? 'img' : 'no-photo',
|
|
102
|
+
src: currentImgArr() && ((_currentImgArr10 = currentImgArr()) === null || _currentImgArr10 === void 0 ? void 0 : _currentImgArr10.length) > 0 ? (_currentImgArr$curren2 = (_currentImgArr11 = currentImgArr()) === null || _currentImgArr11 === void 0 || (_currentImgArr11 = _currentImgArr11[currentImg]) === null || _currentImgArr11 === void 0 ? void 0 : _currentImgArr11.value) !== null && _currentImgArr$curren2 !== void 0 ? _currentImgArr$curren2 : _no_image["default"] : _no_image["default"],
|
|
103
|
+
alt: currentImgArr() && ((_currentImgArr12 = currentImgArr()) === null || _currentImgArr12 === void 0 ? void 0 : _currentImgArr12.length) > 0 ? (_currentImgArr13 = currentImgArr()) === null || _currentImgArr13 === void 0 || (_currentImgArr13 = _currentImgArr13[currentImg]) === null || _currentImgArr13 === void 0 ? void 0 : _currentImgArr13.alt : '',
|
|
104
|
+
onError: function onError(e) {
|
|
105
|
+
return e.target.src = _no_image["default"];
|
|
106
|
+
}
|
|
107
|
+
}), ((_currentImgArr14 = currentImgArr()) === null || _currentImgArr14 === void 0 ? void 0 : _currentImgArr14.length) > 1 && /*#__PURE__*/_react["default"].createElement("div", {
|
|
100
108
|
className: "points-group"
|
|
101
|
-
}, (_ref2 = _toConsumableArray(Array((
|
|
109
|
+
}, (_ref2 = _toConsumableArray(Array((_currentImgArr15 = currentImgArr()) === null || _currentImgArr15 === void 0 ? void 0 : _currentImgArr15.length))) === null || _ref2 === void 0 ? void 0 : _ref2.map(function (e, i) {
|
|
102
110
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
103
111
|
key: i,
|
|
104
112
|
className: i == currentImg ? 'point_active' : 'point'
|