pb-sxp-ui 1.0.105 → 1.1.1
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/dist/index.cjs +22 -18
- package/dist/index.css +1 -5
- package/dist/index.js +22 -18
- package/dist/index.min.cjs +3 -4
- package/dist/index.min.js +3 -4
- package/dist/pb-ui.js +22 -18
- package/dist/pb-ui.min.js +3 -4
- package/es/core/components/SxpPageRender/Hashtag/index.js +3 -1
- package/es/core/components/SxpPageRender/VideoWidget/index.js +10 -11
- package/es/core/components/SxpPageRender/index.d.ts +1 -0
- package/es/core/components/SxpPageRender/index.js +4 -4
- package/lib/core/components/SxpPageRender/Hashtag/index.js +3 -1
- package/lib/core/components/SxpPageRender/VideoWidget/index.js +10 -11
- package/lib/core/components/SxpPageRender/index.d.ts +1 -0
- package/lib/core/components/SxpPageRender/index.js +4 -4
- package/package.json +1 -1
- package/dist/index.cjs.map +0 -1
- package/dist/index.js.map +0 -1
- package/dist/index.min.cjs.map +0 -1
- package/dist/index.min.js.map +0 -1
- package/dist/pb-ui.js.map +0 -1
- package/dist/pb-ui.min.js.map +0 -1
package/dist/pb-ui.js
CHANGED
|
@@ -13470,20 +13470,23 @@ Made in Italy` })));
|
|
|
13470
13470
|
(_j = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _j === void 0 ? void 0 : _j.addEventListener('canplay', handlePlay);
|
|
13471
13471
|
(_k = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _k === void 0 ? void 0 : _k.addEventListener('waiting', handleWaiting);
|
|
13472
13472
|
return () => {
|
|
13473
|
-
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
13473
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
13474
|
+
const isPause = (_a = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _a === void 0 ? void 0 : _a.paused;
|
|
13475
|
+
if (!isPause)
|
|
13476
|
+
handlePause();
|
|
13474
13477
|
if (hls)
|
|
13475
13478
|
hls === null || hls === void 0 ? void 0 : hls.destroy();
|
|
13476
13479
|
setIsLoadFinish(false);
|
|
13477
|
-
(
|
|
13478
|
-
(
|
|
13479
|
-
(
|
|
13480
|
-
(
|
|
13481
|
-
(
|
|
13482
|
-
(
|
|
13483
|
-
(
|
|
13484
|
-
(
|
|
13480
|
+
(_b = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _b === void 0 ? void 0 : _b.removeEventListener('loadedmetadata', handleLoadedmetadata);
|
|
13481
|
+
(_c = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _c === void 0 ? void 0 : _c.removeEventListener('loadeddata', handLoadeddata);
|
|
13482
|
+
(_d = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _d === void 0 ? void 0 : _d.removeEventListener('play', handleStartPlay);
|
|
13483
|
+
(_e = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _e === void 0 ? void 0 : _e.removeEventListener('playing', handlePlaying);
|
|
13484
|
+
(_f = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _f === void 0 ? void 0 : _f.removeEventListener('pause', handlePause);
|
|
13485
|
+
(_g = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _g === void 0 ? void 0 : _g.removeEventListener('ended', handlePlay);
|
|
13486
|
+
(_h = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _h === void 0 ? void 0 : _h.removeEventListener('canplay', handlePlay);
|
|
13487
|
+
(_j = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _j === void 0 ? void 0 : _j.removeEventListener('waiting', handleWaiting);
|
|
13485
13488
|
};
|
|
13486
|
-
}, [isActive, videoId, rec]);
|
|
13489
|
+
}, [isActive, videoId, rec, handlePause]);
|
|
13487
13490
|
React.useEffect(() => {
|
|
13488
13491
|
var _a, _b;
|
|
13489
13492
|
if (!(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) || !isLoadFinish)
|
|
@@ -13749,11 +13752,12 @@ Made in Italy` })));
|
|
|
13749
13752
|
* @Author: binruan@chatlabs.com
|
|
13750
13753
|
* @Date: 2024-01-15 19:03:09
|
|
13751
13754
|
* @LastEditors: binruan@chatlabs.com
|
|
13752
|
-
* @LastEditTime: 2024-
|
|
13755
|
+
* @LastEditTime: 2024-07-09 18:47:05
|
|
13753
13756
|
* @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\Hashtag\index.tsx
|
|
13754
13757
|
*
|
|
13755
13758
|
*/
|
|
13756
13759
|
const Hashtag = ({ tags, itemId, itemType, index, rec, hashTagStyle }) => {
|
|
13760
|
+
var _a;
|
|
13757
13761
|
const [isShowMore, setIsShowMore] = React.useState(false);
|
|
13758
13762
|
const { setWaterFallData, setOpenHashtag, setCacheActiveIndex, waterFallData, setIsFromHashtag } = useSxpDataSource();
|
|
13759
13763
|
const handleClickTag = (data) => {
|
|
@@ -13785,7 +13789,8 @@ Made in Italy` })));
|
|
|
13785
13789
|
}
|
|
13786
13790
|
return (React.createElement("span", { style: { textDecoration: 'underline', cursor: 'pointer', color: '#fff' }, onClick: () => setIsShowMore(!isShowMore) }, isShowMore ? 'show less' : 'show more'));
|
|
13787
13791
|
}, [isShowMore, tags]);
|
|
13788
|
-
|
|
13792
|
+
console.log(hashTagStyle, '111');
|
|
13793
|
+
return (React.createElement("div", { className: 'clc-sxp-bottom-hashtag', style: { marginTop: `${(_a = hashTagStyle === null || hashTagStyle === void 0 ? void 0 : hashTagStyle.marginTop) !== null && _a !== void 0 ? _a : 16}px` } },
|
|
13789
13794
|
React.createElement(Scroll$1, null, tags === null || tags === void 0 ? void 0 : tags.map((item, index) => (React.createElement(SwiperSlide, { key: index, hidden: !isShowMore ? index >= 6 : false, className: 'clc-sxp-bottom-hashtag-item', style: hashTagStyle, onClick: () => handleClickTag(item) },
|
|
13790
13795
|
React.createElement("div", { dangerouslySetInnerHTML: { __html: setFontForText(`#${item}`, hashTagStyle) } })))))));
|
|
13791
13796
|
};
|
|
@@ -13982,7 +13987,7 @@ Made in Italy` })));
|
|
|
13982
13987
|
* @Author: binruan@chatlabs.com
|
|
13983
13988
|
* @Date: 2024-01-15 19:03:09
|
|
13984
13989
|
* @LastEditors: binruan@chatlabs.com
|
|
13985
|
-
* @LastEditTime: 2024-07-
|
|
13990
|
+
* @LastEditTime: 2024-07-09 18:11:21
|
|
13986
13991
|
* @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\index.tsx
|
|
13987
13992
|
*
|
|
13988
13993
|
*/
|
|
@@ -14187,17 +14192,17 @@ Made in Italy` })));
|
|
|
14187
14192
|
};
|
|
14188
14193
|
}, [isShowMore]);
|
|
14189
14194
|
const renderBottom = React.useCallback((rec, index) => {
|
|
14190
|
-
var _a, _b, _c, _d, _e, _f, _g;
|
|
14195
|
+
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
14191
14196
|
if (rec === null || rec === void 0 ? void 0 : rec.video) {
|
|
14192
14197
|
return (React.createElement(React.Fragment, null,
|
|
14193
14198
|
((_a = rec === null || rec === void 0 ? void 0 : rec.video) === null || _a === void 0 ? void 0 : _a.title) && !isShowMore && React.createElement("div", { className: 'clc-sxp-bottom-shadow' }),
|
|
14194
|
-
React.createElement("div", { className: 'clc-sxp-bottom' },
|
|
14199
|
+
React.createElement("div", { className: 'clc-sxp-bottom', style: { paddingBottom: `${(_b = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.bottomInfoDist) !== null && _b !== void 0 ? _b : 40}px` } },
|
|
14195
14200
|
React.createElement(Nudge, { nudge: nudge }),
|
|
14196
14201
|
(globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowCTA) === undefined || (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowCTA) ? (React.createElement("div", { className: 'clc-sxp-bottom-card' },
|
|
14197
14202
|
React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: resolver }))) : null,
|
|
14198
14203
|
React.createElement("div", null,
|
|
14199
|
-
React.createElement(ExpandableText$1, { className: 'clc-sxp-bottom-text', isPost: true, foldText: tipText === null || tipText === void 0 ? void 0 : tipText.foldText, unfoldText: tipText === null || tipText === void 0 ? void 0 : tipText.unfoldText, text: (
|
|
14200
|
-
React.createElement(Hashtag$1, { index: activeIndex, tags: (
|
|
14204
|
+
React.createElement(ExpandableText$1, { className: 'clc-sxp-bottom-text', isPost: true, foldText: tipText === null || tipText === void 0 ? void 0 : tipText.foldText, unfoldText: tipText === null || tipText === void 0 ? void 0 : tipText.unfoldText, text: (_d = (_c = rec === null || rec === void 0 ? void 0 : rec.video) === null || _c === void 0 ? void 0 : _c.title) !== null && _d !== void 0 ? _d : '', style: Object.assign(Object.assign({}, descStyle), { textShadow: (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isOpenTextShadow) ? '2px 2px 4px rgba(0, 0, 0, 0.5)' : 'none' }), onChange: onExpandableChange }),
|
|
14205
|
+
React.createElement(Hashtag$1, { index: activeIndex, tags: (_f = (_e = rec === null || rec === void 0 ? void 0 : rec.video) === null || _e === void 0 ? void 0 : _e.hashTags) !== null && _f !== void 0 ? _f : [], itemId: (_g = rec === null || rec === void 0 ? void 0 : rec.video) === null || _g === void 0 ? void 0 : _g.itemId, itemType: ((_h = rec === null || rec === void 0 ? void 0 : rec.video) === null || _h === void 0 ? void 0 : _h.itemId) ? 'VIDEO' : null, rec: rec, hashTagStyle: hashTagStyle })))));
|
|
14201
14206
|
}
|
|
14202
14207
|
return null;
|
|
14203
14208
|
}, [
|
|
@@ -14933,4 +14938,3 @@ Made in Italy` })));
|
|
|
14933
14938
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
14934
14939
|
|
|
14935
14940
|
}));
|
|
14936
|
-
//# sourceMappingURL=pb-ui.js.map
|