pb-sxp-ui 1.0.36 → 1.0.38

package/lib/core/components/DiyPortalPreview/index.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { ISxpPageRenderProps } from '../SxpPageRender';
-declare const _default: React.NamedExoticComponent<ISxpPageRenderProps & {
-    appDomain?: string | undefined;
-}>;
-export default _default;

package/lib/core/components/DiyPortalPreview/index.js

@@ -1,115 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const Nudge_1 = tslib_1.__importDefault(require("../SxpPageRender/Nudge"));
-const RenderCard_1 = tslib_1.__importDefault(require("../SxpPageRender/RenderCard"));
-const ExpandableText_1 = tslib_1.__importDefault(require("../SxpPageRender/ExpandableText"));
-const Hashtag_1 = tslib_1.__importDefault(require("../SxpPageRender/Hashtag"));
-const LikeButton_1 = tslib_1.__importDefault(require("../SxpPageRender/LikeButton"));
-const ToggleButton_1 = tslib_1.__importDefault(require("../SxpPageRender/ToggleButton"));
-const useIconLink_1 = require("../SxpPageRender/useIconLink");
-const PictureGroup_1 = tslib_1.__importDefault(require("./PictureGroup"));
-const VideoWidget_1 = tslib_1.__importDefault(require("./VideoWidget"));
-const _materials_ = tslib_1.__importStar(require("../../../materials"));
-const withBindDataSource_1 = tslib_1.__importDefault(require("../../../core/hoc/withBindDataSource"));
-const RESOLVER = {};
-Object.values(_materials_).forEach((v) => {
-    RESOLVER[v.extend.type] = v;
-});
-const defaultUnLikeIconPath = '/pb_static/f71266d2c64446c5ae6a5a7f5489cc0a.png';
-const defaultLikeIconPath = '/pb_static/f07900fe3f0f4ae188ea1611d4801a44.png';
-const DiyPortalPreview = ({ data, globalConfig, tipText, nudge, tempMap, descStyle, hashTagStyle, containerHeight = 664, containerWidth = 375, appDomain }) => {
-    const height = (0, react_1.useMemo)(() => {
-        return (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.logoUrl) && (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowLogo) ? containerHeight - 45 : containerHeight;
-    }, [globalConfig, containerHeight]);
-    const renderContent = (rec, index) => {
-        var _a, _b, _c, _d;
-        if ((_a = rec.video) === null || _a === void 0 ? void 0 : _a.url) {
-            return (react_1.default.createElement(VideoWidget_1.default, { rec: rec, index: index, muted: true, width: containerWidth, data: data !== null && data !== void 0 ? data : [], height: height, activeIndex: index, videoPostConfig: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.videoPost }));
-        }
-        if ((_b = rec.video) === null || _b === void 0 ? void 0 : _b.imgUrls) {
-            return (react_1.default.createElement(PictureGroup_1.default, { key: rec.video.itemId, imgUrls: rec.video.imgUrls, width: containerWidth, height: height, rec: rec, index: index, imgUrlsPostConfig: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.imgUrlsPost }));
-        }
-        if (rec.product) {
-            if (rec.product && Array.isArray(globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.productPost) && ((_c = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.productPost) === null || _c === void 0 ? void 0 : _c.length) > 0) {
-                return (_d = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.productPost) === null || _d === void 0 ? void 0 : _d.map((value, idx) => {
-                    var _a, _b, _c, _d, _e, _f, _g, _h;
-                    const t = RESOLVER[(_a = value === null || value === void 0 ? void 0 : value.item) === null || _a === void 0 ? void 0 : _a.type];
-                    const Component = (0, withBindDataSource_1.default)(t);
-                    const defaulSetting = (_b = t === null || t === void 0 ? void 0 : t.extend) === null || _b === void 0 ? void 0 : _b.defaulSetting;
-                    return (react_1.default.createElement(Component, Object.assign({ key: `${index}${idx}`, textStyle: Object.assign(Object.assign({}, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.textStyle), (_c = value === null || value === void 0 ? void 0 : value.item) === null || _c === void 0 ? void 0 : _c.textStyle), bindDatas: (_e = (_d = value === null || value === void 0 ? void 0 : value.item) === null || _d === void 0 ? void 0 : _d.bindDatas) !== null && _e !== void 0 ? _e : [] }, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.props, (_f = value === null || value === void 0 ? void 0 : value.item) === null || _f === void 0 ? void 0 : _f.props, { event: ((_g = value === null || value === void 0 ? void 0 : value.item) === null || _g === void 0 ? void 0 : _g.event) || {}, id: value === null || value === void 0 ? void 0 : value.id, rec: rec, isPost: true, tipText: tipText, style: Object.assign(Object.assign(Object.assign({}, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.style), (_h = value === null || value === void 0 ? void 0 : value.item) === null || _h === void 0 ? void 0 : _h.style), { width: containerWidth, height, overflow: 'auto' }), index: index })));
-                });
-            }
-        }
-    };
-    const renderLogo = (0, react_1.useMemo)(() => {
-        if ((globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.logoUrl) && (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowLogo)) {
-            return (react_1.default.createElement("div", { className: 'clc-sxp-logo-banner', style: { backgroundColor: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.color } },
-                react_1.default.createElement("img", { src: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.logoUrl, alt: 'logo' })));
-        }
-        return null;
-    }, [globalConfig]);
-    const renderBottom = (rec, index) => {
-        var _a, _b, _c, _d, _e, _f, _g;
-        if (rec.video) {
-            return (react_1.default.createElement(react_1.default.Fragment, null,
-                ((_a = rec.video) === null || _a === void 0 ? void 0 : _a.title) && react_1.default.createElement("div", { className: 'clc-sxp-bottom-shadow' }),
-                react_1.default.createElement("div", { className: 'clc-sxp-bottom' },
-                    react_1.default.createElement(Nudge_1.default, { nudge: nudge }),
-                    react_1.default.createElement("div", { className: 'clc-sxp-bottom-card' },
-                        react_1.default.createElement(RenderCard_1.default, { rec: rec, index: index, tempMap: tempMap, resolver: RESOLVER })),
-                    react_1.default.createElement("div", null,
-                        react_1.default.createElement(ExpandableText_1.default, { 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: (_c = (_b = rec.video) === null || _b === void 0 ? void 0 : _b.title) !== null && _c !== void 0 ? _c : '', 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' }) })),
-                    react_1.default.createElement(Hashtag_1.default, { index: index, tags: (_e = (_d = rec === null || rec === void 0 ? void 0 : rec.video) === null || _d === void 0 ? void 0 : _d.hashTags) !== null && _e !== void 0 ? _e : [], itemId: (_f = rec === null || rec === void 0 ? void 0 : rec.video) === null || _f === void 0 ? void 0 : _f.itemId, itemType: ((_g = rec.video) === null || _g === void 0 ? void 0 : _g.itemId) ? 'VIDEO' : null, rec: rec, hashTagStyle: hashTagStyle }))));
-        }
-        return null;
-    };
-    const likeIcon = (0, useIconLink_1.useIconLink)(defaultLikeIconPath, appDomain);
-    const unlikeIcon = (0, useIconLink_1.useIconLink)(defaultUnLikeIconPath, appDomain);
-    const renderLikeButton = (rec, index) => {
-        var _a, _b, _c, _d;
-        if (!(globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowLike))
-            return;
-        let top = (_a = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.likeIconY) !== null && _a !== void 0 ? _a : 400;
-        if (top < 40) {
-            top += 40;
-        }
-        if (rec.video) {
-            return (react_1.default.createElement(LikeButton_1.default, { key: rec.position, activeIcon: (_b = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.likeIcon) !== null && _b !== void 0 ? _b : likeIcon, unActicveIcon: (_c = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.unlikeIcon) !== null && _c !== void 0 ? _c : unlikeIcon, position: index, active: rec.isCollected, recData: rec, className: 'clc-sxp-like-button', style: {
-                    top,
-                    right: (_d = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.likeIconX) !== null && _d !== void 0 ? _d : 0
-                } }));
-        }
-        return null;
-    };
-    const mutedIcon = (0, useIconLink_1.useIconLink)('/pb_static/5beaaa5ce7f3477b99db3838619cc471.png', appDomain);
-    const unmutedIcon = (0, useIconLink_1.useIconLink)('/pb_static/fea8668a8a894e4aa3a86bcc775e895e.png', appDomain);
-    const renderView = (rec, index) => {
-        var _a, _b, _c, _d;
-        return (react_1.default.createElement("div", { style: { position: 'relative' } },
-            renderLogo,
-            react_1.default.createElement(ToggleButton_1.default, { style: {
-                    position: 'absolute',
-                    right: (_a = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.muteIconX) !== null && _a !== void 0 ? _a : 0,
-                    visibility: ((_c = (_b = data === null || data === void 0 ? void 0 : data[index]) === null || _b === void 0 ? void 0 : _b.video) === null || _c === void 0 ? void 0 : _c.url) ? 'visible' : 'hidden',
-                    bottom: (_d = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.muteIconY) !== null && _d !== void 0 ? _d : 23,
-                    zIndex: 999
-                }, defaultValue: true, activeIcon: (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.unMuteIcon) ? globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.unMuteIcon : mutedIcon, unactiveIcon: (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.muteIcon) ? globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.muteIcon : unmutedIcon }),
-            renderContent(rec, index),
-            renderBottom(rec, index),
-            renderLikeButton(rec, index)));
-    };
-    return (react_1.default.createElement("div", { style: {
-            width: '100%',
-            height: containerHeight,
-            display: 'flex',
-            boxSizing: 'border-box',
-            gap: 16,
-            pointerEvents: 'none',
-            userSelect: 'none'
-        } }, data === null || data === void 0 ? void 0 : data.map((rec, index) => {
-        return renderView(rec, index);
-    })));
-};
-exports.default = (0, react_1.memo)(DiyPortalPreview);