pb-sxp-ui 1.15.6 → 1.15.7

package/es/core/components/SxpPageRender/index.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, FC } from 'react';
+import React, { CSSProperties } from 'react';
 import { RecItemType } from './typing';
 import './index.less';
 export type postConfigType = {
@@ -112,5 +112,5 @@ export interface ISxpPageRenderProps {
     hashTagRightMargin: number;
     defaultData?: any;
 }
-declare const SxpPageRender: FC<ISxpPageRenderProps>;
-export default SxpPageRender;
+declare const _default: React.NamedExoticComponent<ISxpPageRenderProps>;
+export default _default;

package/es/core/components/SxpPageRender/index.js

@@ -1,4 +1,4 @@
-import React, { useMemo, useEffect, useState, useRef, useCallback } from 'react';
+import React, { useMemo, useEffect, useState, useRef, useCallback, memo } from 'react';
 import { Swiper, SwiperSlide } from 'swiper/react';
 import ExpandableText from './ExpandableText';
 import LikeButton from './LikeButton';
@@ -554,8 +554,8 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
         isReload,
         renderToggleButton
     ]);
-    return (React.createElement(React.Fragment, null, (data === null || data === void 0 ? void 0 : data.length) < 1 && loading ? (React.createElement("div", { style: { height, width: containerWidth, display: 'flex', justifyContent: 'center', alignItems: 'center' } },
-        React.createElement("img", { width: 64, height: 64, src: loadingImage, alt: 'loading...', style: { objectFit: 'contain' } }))) : (React.createElement("div", { id: 'sxp-render', className: 'clc-sxp-container', style: Object.assign({}, ((globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.textUnderlineOffset) && { textUnderlineOffset: `${globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.textUnderlineOffset}px` })) },
+    return (React.createElement("div", { id: 'sxp-render' }, (data === null || data === void 0 ? void 0 : data.length) < 1 && loading ? (React.createElement("div", { style: { height, width: containerWidth, display: 'flex', justifyContent: 'center', alignItems: 'center' } },
+        React.createElement("img", { width: 64, height: 64, src: loadingImage, alt: 'loading...', style: { objectFit: 'contain' } }))) : (React.createElement("div", { className: 'clc-sxp-container', style: Object.assign({}, ((globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.textUnderlineOffset) && { textUnderlineOffset: `${globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.textUnderlineOffset}px` })) },
         waterFallData && (React.createElement(Navbar, { icon: left, styles: { background: 'rgba(0,0,0,.3)', color: '#fff', top: `${minusHeight}px` }, textStyle: Object.assign(Object.assign({}, (_e = (_d = (_c = (_b = (_a = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.hashTag) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.item) === null || _c === void 0 ? void 0 : _c.props) === null || _d === void 0 ? void 0 : _d.textStyles) === null || _e === void 0 ? void 0 : _e.hashTagTitle), { color: '#fff' }), onClose: () => {
                 const isEq = isEqual(rtcList, cacheRtcList);
                 if (!isEq && cacheRtcList && (cacheRtcList === null || cacheRtcList === void 0 ? void 0 : cacheRtcList.length)) {
@@ -616,4 +616,4 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
         React.createElement(ConsentPopup, { resolver: resolver, globalConfig: globalConfig }),
         openMultiPosts && (React.createElement(MultiPosts, Object.assign({}, (_x = (_w = (_v = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.multiPosts) === null || _v === void 0 ? void 0 : _v[0]) === null || _w === void 0 ? void 0 : _w.item) === null || _x === void 0 ? void 0 : _x.props, (_0 = (_z = (_y = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.multiPosts) === null || _y === void 0 ? void 0 : _y[0]) === null || _z === void 0 ? void 0 : _z.item) === null || _0 === void 0 ? void 0 : _0.event, { style: { position: 'fixed', top: 0, left: 0, right: 0 } })))))));
 };
-export default SxpPageRender;
+export default memo(SxpPageRender);

package/es/materials/sxp/consentPopup/Click/index.d.ts

@@ -1,8 +1,12 @@
 import React, { CSSProperties } from 'react';
 import './index.less';
+interface richText {
+    html: any;
+    raw: any;
+}
 export interface IClickProps {
     open?: boolean;
-    content?: string;
+    content?: richText | any;
     style?: Record<string, any>;
     isTel?: boolean;
     acceptButton?: {

package/es/materials/sxp/consentPopup/Swipe/index.d.ts

@@ -1,8 +1,12 @@
 import React from 'react';
 import './index.less';
+interface richText {
+    html: any;
+    raw: any;
+}
 export interface ISwipeProps {
     open?: boolean;
-    content?: string;
+    content?: richText | any;
     style?: Record<string, any>;
     isTel?: boolean;
     consentPopupCate?: string;

package/es/materials/sxp/popup/ConsentDetail/index.d.ts

@@ -1,7 +1,11 @@
 import React, { CSSProperties } from 'react';
 import './index.less';
+interface richText {
+    html: any;
+    raw: any;
+}
 export interface IConsentDetailProps {
-    content?: string;
+    content?: richText | any;
     isTel?: boolean;
     style?: CSSProperties;
 }

package/es/materials/sxp/popup/ConsentDetail/index.js

@@ -2,9 +2,10 @@ import { __rest } from "tslib";
 import React, { memo } from 'react';
 import './index.less';
 const ConsentDetail = (_a) => {
+    var _b;
     var { content, isTel, style } = _a, props = __rest(_a, ["content", "isTel", "style"]);
     return (React.createElement("article", { className: 'consentDetail-article', dangerouslySetInnerHTML: {
-            __html: typeof content === 'string' ? content : ''
+            __html: (_b = content === null || content === void 0 ? void 0 : content.html) !== null && _b !== void 0 ? _b : content
         }, onClick: (e) => {
             e.stopPropagation();
         }, style: style }));

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

@@ -1,4 +1,4 @@
-import { CSSProperties, FC } from 'react';
+import React, { CSSProperties } from 'react';
 import { RecItemType } from './typing';
 import './index.less';
 export type postConfigType = {
@@ -112,5 +112,5 @@ export interface ISxpPageRenderProps {
     hashTagRightMargin: number;
     defaultData?: any;
 }
-declare const SxpPageRender: FC<ISxpPageRenderProps>;
-export default SxpPageRender;
+declare const _default: React.NamedExoticComponent<ISxpPageRenderProps>;
+export default _default;

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

@@ -557,8 +557,8 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
         isReload,
         renderToggleButton
     ]);
-    return (react_1.default.createElement(react_1.default.Fragment, null, (data === null || data === void 0 ? void 0 : data.length) < 1 && loading ? (react_1.default.createElement("div", { style: { height, width: containerWidth, display: 'flex', justifyContent: 'center', alignItems: 'center' } },
-        react_1.default.createElement("img", { width: 64, height: 64, src: loadingImage, alt: 'loading...', style: { objectFit: 'contain' } }))) : (react_1.default.createElement("div", { id: 'sxp-render', className: 'clc-sxp-container', style: Object.assign({}, ((globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.textUnderlineOffset) && { textUnderlineOffset: `${globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.textUnderlineOffset}px` })) },
+    return (react_1.default.createElement("div", { id: 'sxp-render' }, (data === null || data === void 0 ? void 0 : data.length) < 1 && loading ? (react_1.default.createElement("div", { style: { height, width: containerWidth, display: 'flex', justifyContent: 'center', alignItems: 'center' } },
+        react_1.default.createElement("img", { width: 64, height: 64, src: loadingImage, alt: 'loading...', style: { objectFit: 'contain' } }))) : (react_1.default.createElement("div", { className: 'clc-sxp-container', style: Object.assign({}, ((globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.textUnderlineOffset) && { textUnderlineOffset: `${globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.textUnderlineOffset}px` })) },
         waterFallData && (react_1.default.createElement(Navbar_1.default, { icon: left_png_1.default, styles: { background: 'rgba(0,0,0,.3)', color: '#fff', top: `${minusHeight}px` }, textStyle: Object.assign(Object.assign({}, (_e = (_d = (_c = (_b = (_a = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.hashTag) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.item) === null || _c === void 0 ? void 0 : _c.props) === null || _d === void 0 ? void 0 : _d.textStyles) === null || _e === void 0 ? void 0 : _e.hashTagTitle), { color: '#fff' }), onClose: () => {
                 const isEq = (0, lodash_1.isEqual)(rtcList, cacheRtcList);
                 if (!isEq && cacheRtcList && (cacheRtcList === null || cacheRtcList === void 0 ? void 0 : cacheRtcList.length)) {
@@ -619,4 +619,4 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
         react_1.default.createElement(ConsentPopup_1.default, { resolver: resolver, globalConfig: globalConfig }),
         openMultiPosts && (react_1.default.createElement(MultiPosts_1.default, Object.assign({}, (_x = (_w = (_v = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.multiPosts) === null || _v === void 0 ? void 0 : _v[0]) === null || _w === void 0 ? void 0 : _w.item) === null || _x === void 0 ? void 0 : _x.props, (_0 = (_z = (_y = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.multiPosts) === null || _y === void 0 ? void 0 : _y[0]) === null || _z === void 0 ? void 0 : _z.item) === null || _0 === void 0 ? void 0 : _0.event, { style: { position: 'fixed', top: 0, left: 0, right: 0 } })))))));
 };
-exports.default = SxpPageRender;
+exports.default = (0, react_1.memo)(SxpPageRender);

package/lib/materials/sxp/consentPopup/Click/index.d.ts

@@ -1,8 +1,12 @@
 import React, { CSSProperties } from 'react';
 import './index.less';
+interface richText {
+    html: any;
+    raw: any;
+}
 export interface IClickProps {
     open?: boolean;
-    content?: string;
+    content?: richText | any;
     style?: Record<string, any>;
     isTel?: boolean;
     acceptButton?: {

package/lib/materials/sxp/consentPopup/Swipe/index.d.ts

@@ -1,8 +1,12 @@
 import React from 'react';
 import './index.less';
+interface richText {
+    html: any;
+    raw: any;
+}
 export interface ISwipeProps {
     open?: boolean;
-    content?: string;
+    content?: richText | any;
     style?: Record<string, any>;
     isTel?: boolean;
     consentPopupCate?: string;

package/lib/materials/sxp/popup/ConsentDetail/index.d.ts

@@ -1,7 +1,11 @@
 import React, { CSSProperties } from 'react';
 import './index.less';
+interface richText {
+    html: any;
+    raw: any;
+}
 export interface IConsentDetailProps {
-    content?: string;
+    content?: richText | any;
     isTel?: boolean;
     style?: CSSProperties;
 }

package/lib/materials/sxp/popup/ConsentDetail/index.js

@@ -4,9 +4,10 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 require("./index.less");
 const ConsentDetail = (_a) => {
+    var _b;
     var { content, isTel, style } = _a, props = tslib_1.__rest(_a, ["content", "isTel", "style"]);
     return (react_1.default.createElement("article", { className: 'consentDetail-article', dangerouslySetInnerHTML: {
-            __html: typeof content === 'string' ? content : ''
+            __html: (_b = content === null || content === void 0 ? void 0 : content.html) !== null && _b !== void 0 ? _b : content
         }, onClick: (e) => {
             e.stopPropagation();
         }, style: style }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pb-sxp-ui",
-  "version": "1.15.6",
+  "version": "1.15.7",
   "description": "React enterprise-class UI components",
   "main": "dist/index.cjs",
   "module": "dist/index.js",