pb-sxp-ui 1.17.0-alpha → 1.17.1

package/dist/pb-ui.js

@@ -2632,35 +2632,6 @@
         }
     ];
 
-    /*
-     * @Author: binruan@chatlabs.com
-     * @Date: 2024-07-09 14:35:10
-     * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-07-12 17:53:02
-     * @FilePath: \pb-sxp-ui\src\materials\sxp\popup\CommodityDetail\interactionRender.tsx
-     *
-     */
-    /*
-     * @Author: binruan@chatlabs.com
-     * @Date: 2024-07-05 14:08:41
-     * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-07-09 14:34:49
-     * @FilePath: \pb-sxp-ui\src\materials\sxp\cta\AniLink\interactionRender.tsx
-     *
-     */
-    var interactionRender$g = [
-        {
-            title: '滑动事件',
-            child: [
-                {
-                    type: 'Switch',
-                    label: '滑动铺满全屏',
-                    name: ['isScrollFullScreen']
-                }
-            ]
-        }
-    ];
-
     /**
      * SSR Window 4.0.2
      * Better handling for window object in SSR environment
@@ -10239,7 +10210,7 @@
             return (React.createElement(React.Fragment, null, (item === null || item === void 0 ? void 0 : item.bindCta) ? (React.createElement(SwiperSlide, { className: css.css({
                     width: '50px',
                     height: '50px',
-                    marginInlineStart: '10px'
+                    marginRight: '10px'
                 }), onClick: () => {
                     handleClick(item, index);
                 }, key: index },
@@ -10493,7 +10464,7 @@
                     display: '-webkit-box',
                     WebkitBoxOrient: 'vertical'
                 })), { wordBreak: 'break-word', textRendering: 'geometricPrecision', fontKerning: 'none', textSizeAdjust: '100%', boxSizing: 'border-box', contain: 'content' }), dangerouslySetInnerHTML: { __html: setFontForText(text === null || text === void 0 ? void 0 : text.replace(/\n/g, '</br>'), textStyle) } }),
-            React.createElement("div", { ref: realRef, style: {
+            isPost && (React.createElement("div", { ref: realRef, style: {
                     wordBreak: 'break-word',
                     textRendering: 'geometricPrecision',
                     fontKerning: 'none',
@@ -10505,7 +10476,7 @@
                     clipPath: 'inset(100%)',
                     transform: 'translateX(-9999px)'
                     // position: 'absolute'
-                }, dangerouslySetInnerHTML: { __html: setFontForText(text === null || text === void 0 ? void 0 : text.replace(/\n/g, '</br>'), textStyle) } }),
+                }, dangerouslySetInnerHTML: { __html: setFontForText(text === null || text === void 0 ? void 0 : text.replace(/\n/g, '</br>'), textStyle) } })),
             text && isPost && isShow && (React.createElement("button", { "aria-label": isShowMore ? unfoldText || 'show less' : foldText || 'show more', style: { textDecoration: 'underline', cursor: 'pointer' }, onClick: onClick !== null && onClick !== void 0 ? onClick : handleClick, dangerouslySetInnerHTML: {
                     __html: setFontForText(isShowMore ? unfoldText || 'show less' : foldText || 'show more', textStyle)
                 } }))));
@@ -10838,6 +10809,35 @@
     };
     var CommodityDetailComponent = React.memo(CommodityDetail$1);
 
+    /*
+     * @Author: binruan@chatlabs.com
+     * @Date: 2024-07-09 14:35:10
+     * @LastEditors: binruan@chatlabs.com
+     * @LastEditTime: 2024-07-12 17:53:02
+     * @FilePath: \pb-sxp-ui\src\materials\sxp\popup\CommodityDetail\interactionRender.tsx
+     *
+     */
+    /*
+     * @Author: binruan@chatlabs.com
+     * @Date: 2024-07-05 14:08:41
+     * @LastEditors: binruan@chatlabs.com
+     * @LastEditTime: 2024-07-09 14:34:49
+     * @FilePath: \pb-sxp-ui\src\materials\sxp\cta\AniLink\interactionRender.tsx
+     *
+     */
+    var interactionRender$g = [
+        {
+            title: '滑动事件',
+            child: [
+                {
+                    type: 'Switch',
+                    label: '滑动铺满全屏',
+                    name: ['isScrollFullScreen']
+                }
+            ]
+        }
+    ];
+
     /*
      * @Author: binruan@chatlabs.com
      * @Date: 2023-07-28 18:29:57
@@ -10884,6 +10884,7 @@
                     taxInfo: {
                         color: '#000',
                         fontSize: 13,
+                        textAlign: 'left',
                         marginBottom: '10px'
                     }
                 },
@@ -11975,7 +11976,7 @@ Made in Italy` })));
                     type: 'Number',
                     label: '与右侧边距',
                     addonAfter: 'px',
-                    name: ['props', 'commodityPicture', 'marginInlineStart']
+                    name: ['props', 'commodityPicture', 'marginRight']
                 },
                 {
                     label: '居中垂直偏移',
@@ -12261,11 +12262,12 @@ Made in Italy` })));
                 React.createElement("button", Object.assign({ role: 'button', "aria-label": item === null || item === void 0 ? void 0 : item.title, tabIndex: 0, className: css.css({
                         display: 'flex',
                         alignItems: 'normal',
-                        width: '100%'
+                        width: '100%',
+                        textAlign: 'left'
                     }) }, props),
                     React.createElement(Img$1, { src: (_d = (_c = (_a = item === null || item === void 0 ? void 0 : item.cover) !== null && _a !== void 0 ? _a : (_b = item === null || item === void 0 ? void 0 : item.homePage) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _d !== void 0 ? _d : bottom_image, rec: recData, item: item, index: index, translateY: translateY, imgStyle: commodityPicture, enableEventReport: false }),
                     React.createElement("div", { style: {
-                            width: `calc(100% - ${(_e = commodityPicture === null || commodityPicture === void 0 ? void 0 : commodityPicture.width) !== null && _e !== void 0 ? _e : 0}px - ${(_f = commodityPicture === null || commodityPicture === void 0 ? void 0 : commodityPicture.marginInlineStart) !== null && _f !== void 0 ? _f : 0}px)`,
+                            width: `calc(100% - ${(_e = commodityPicture === null || commodityPicture === void 0 ? void 0 : commodityPicture.width) !== null && _e !== void 0 ? _e : 0}px - ${(_f = commodityPicture === null || commodityPicture === void 0 ? void 0 : commodityPicture.marginRight) !== null && _f !== void 0 ? _f : 0}px)`,
                             display: 'flex',
                             flexDirection: 'column',
                             justifyContent: 'space-between'
@@ -12346,7 +12348,7 @@ Made in Italy` })));
                 commodityPicture: {
                     width: 100,
                     height: 100,
-                    marginInlineStart: 10
+                    marginRight: 10
                 },
                 commodityStyles: {
                     price: {
@@ -12592,7 +12594,7 @@ Made in Italy` })));
                     type: 'Number',
                     label: '与右侧边距',
                     addonAfter: 'px',
-                    name: ['props', 'ctaTempStyles', 'img', 'marginInlineStart']
+                    name: ['props', 'ctaTempStyles', 'img', 'marginRight']
                 },
                 {
                     label: '居中垂直偏移',
@@ -12853,11 +12855,12 @@ Made in Italy` })));
                         borderRadius: 3,
                         width: 60,
                         height: 60,
-                        marginInlineStart: 8
+                        marginRight: 8
                     },
                     title: {
                         fontSize: 12,
-                        color: '#fff'
+                        color: '#fff',
+                        textAlign: 'left'
                     },
                     ctaTitle: {
                         fontSize: 10,
@@ -12935,11 +12938,12 @@ Made in Italy` })));
                         borderRadius: 3,
                         width: 30,
                         height: 30,
-                        marginInlineStart: 8
+                        marginRight: 8
                     },
                     ctaTitle: {
                         fontSize: 12,
                         color: '#fff',
+                        textAlign: 'left',
                         width: 130,
                         height: 20
                     }
@@ -13075,27 +13079,6 @@ Made in Italy` })));
         }
     ];
 
-    /*
-     * @Author: binruan@chatlabs.com
-     * @Date: 2024-08-09 16:59:38
-     * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-09-09 13:59:50
-     * @FilePath: \pb-sxp-ui\src\materials\sxp\template\Link\interactionRender.tsx
-     *
-     */
-    var interactionRender$a = [
-        {
-            title: '点击事件',
-            child: [
-                {
-                    type: 'link',
-                    name: 'onClick',
-                    hiddenUrl: true
-                }
-            ]
-        }
-    ];
-
     var styles$8 = {"tow-line-ellipsis":"index-module_tow-line-ellipsis__nkBlU","one-line-ellipsis":"index-module_one-line-ellipsis__buFw1"};
 
     const Link$1 = (_a) => {
@@ -13123,6 +13106,27 @@ Made in Italy` })));
     };
     var LinkComponent = React.memo(Link$1);
 
+    /*
+     * @Author: binruan@chatlabs.com
+     * @Date: 2024-08-09 16:59:38
+     * @LastEditors: binruan@chatlabs.com
+     * @LastEditTime: 2024-09-09 13:59:50
+     * @FilePath: \pb-sxp-ui\src\materials\sxp\template\Link\interactionRender.tsx
+     *
+     */
+    var interactionRender$a = [
+        {
+            title: '点击事件',
+            child: [
+                {
+                    type: 'link',
+                    name: 'onClick',
+                    hiddenUrl: true
+                }
+            ]
+        }
+    ];
+
     var _a;
     const Link = createMaterial(LinkComponent, {
         displayName: '普通CTA',
@@ -13141,17 +13145,19 @@ Made in Italy` })));
                         borderRadius: 3,
                         width: 60,
                         height: 60,
-                        marginInlineStart: 8
+                        marginRight: 8
                     },
                     ctaTitle: {
                         fontSize: 12,
                         color: '#fff',
+                        textAlign: 'left',
                         width: 130,
                         height: 20
                     }
                 },
                 customTitle: {
                     style: {
+                        textAlign: 'left',
                         textDecoration: 'underline',
                         fontWeight: 'bold',
                         width: 130,
@@ -13241,11 +13247,12 @@ Made in Italy` })));
                         borderRadius: 3,
                         width: 60,
                         height: 60,
-                        marginInlineStart: 8
+                        marginRight: 8
                     },
                     title: {
                         fontSize: 12,
-                        color: '#000'
+                        color: '#000',
+                        textAlign: 'left'
                     },
                     ctaTitle: {
                         fontSize: 10,
@@ -13336,17 +13343,19 @@ Made in Italy` })));
                         borderRadius: 8,
                         width: 78,
                         height: 78,
-                        marginInlineStart: 16
+                        marginRight: 16
                     },
                     title: {
                         fontSize: 13,
-                        color: '#000'
+                        color: '#000',
+                        textAlign: 'left'
                     },
                     ctaTitle: {
                         textDecoration: 'underline',
                         fontSize: 14,
                         fontWeight: 'bold',
                         color: '#000',
+                        textAlign: 'left',
                         width: 150,
                         height: 20
                     }
@@ -13388,7 +13397,7 @@ Made in Italy` })));
         const [products] = React.useState((_c = (_b = recData === null || recData === void 0 ? void 0 : recData.video) === null || _b === void 0 ? void 0 : _b.bindProducts) !== null && _c !== void 0 ? _c : [1, 2]);
         return (React.createElement(Scroll$1, { isPadding: !!recData }, products === null || products === void 0 ? void 0 : products.map((item, itemIndex) => {
             var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-            return (React.createElement(React.Fragment, null, recData && !(item === null || item === void 0 ? void 0 : item.bindCta) ? null : (React.createElement(SwiperSlide, { key: itemIndex, className: css.css(Object.assign(Object.assign({}, style), { flexShrink: 0, marginInlineEnd: 0, marginInlineStart: '8px' })), tag: 'li', role: 'listitem' },
+            return (React.createElement(React.Fragment, null, recData && !(item === null || item === void 0 ? void 0 : item.bindCta) ? null : (React.createElement(SwiperSlide, { key: itemIndex, className: css.css(Object.assign(Object.assign({}, style), { flexShrink: 0, marginLeft: 0, marginRight: '8px' })), tag: 'li', role: 'listitem' },
                 React.createElement(EventProvider$1, Object.assign({ rec: recData, multItem: item, multiCheckIndex: itemIndex, index: index }, props),
                     React.createElement(Img$1, { src: (_d = (_c = (_a = item === null || item === void 0 ? void 0 : item.cover) !== null && _a !== void 0 ? _a : (_b = item === null || item === void 0 ? void 0 : item.homePage) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _d !== void 0 ? _d : bottom_image, rec: recData, item: item, index: index, translateY: translateY, imgStyle: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img, isActive: isActive }),
                     React.createElement("div", { className: css.css({
@@ -13434,11 +13443,12 @@ Made in Italy` })));
                         borderRadius: 3,
                         width: 60,
                         height: 60,
-                        marginInlineStart: 8
+                        marginRight: 8
                     },
                     title: {
                         fontSize: 12,
-                        color: '#000'
+                        color: '#000',
+                        textAlign: 'left'
                     },
                     ctaTitle: {
                         fontSize: 10,
@@ -13486,7 +13496,7 @@ Made in Italy` })));
         const [products] = React.useState((_c = (_b = recData === null || recData === void 0 ? void 0 : recData.video) === null || _b === void 0 ? void 0 : _b.bindProducts) !== null && _c !== void 0 ? _c : [1, 2]);
         return (React.createElement(Scroll$1, { isPadding: !!recData }, products === null || products === void 0 ? void 0 : products.map((item, itemIndex) => {
             var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-            return (React.createElement(React.Fragment, null, recData && !(item === null || item === void 0 ? void 0 : item.bindCta) ? null : (React.createElement(SwiperSlide, { key: itemIndex, className: css.css(Object.assign(Object.assign({}, style), { flexShrink: 0, marginInlineEnd: 0, marginInlineStart: '8px' })), tag: 'li', role: 'listitem' },
+            return (React.createElement(React.Fragment, null, recData && !(item === null || item === void 0 ? void 0 : item.bindCta) ? null : (React.createElement(SwiperSlide, { key: itemIndex, className: css.css(Object.assign(Object.assign({}, style), { flexShrink: 0, marginLeft: 0, marginRight: '8px' })), tag: 'li', role: 'listitem' },
                 React.createElement(EventProvider$1, Object.assign({ rec: recData, multItem: item, multiCheckIndex: itemIndex, index: index }, props),
                     React.createElement(Img$1, { src: (_d = (_c = (_a = item === null || item === void 0 ? void 0 : item.cover) !== null && _a !== void 0 ? _a : (_b = item === null || item === void 0 ? void 0 : item.homePage) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _d !== void 0 ? _d : bottom_image, rec: recData, item: item, index: index, translateY: translateY, imgStyle: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img, isActive: isActive }),
                     React.createElement("div", { className: css.css({
@@ -13532,11 +13542,12 @@ Made in Italy` })));
                         borderRadius: 3,
                         width: 60,
                         height: 60,
-                        marginInlineStart: 8
+                        marginRight: 8
                     },
                     title: {
                         fontSize: 12,
                         color: '#fff',
+                        textAlign: 'left'
                     },
                     ctaTitle: {
                         fontSize: 10,
@@ -13592,7 +13603,7 @@ Made in Italy` })));
         const [products] = React.useState((_c = (_b = recData === null || recData === void 0 ? void 0 : recData.video) === null || _b === void 0 ? void 0 : _b.bindProducts) !== null && _c !== void 0 ? _c : [1, 2]);
         return (React.createElement(Scroll$1, { isPadding: !!recData }, products === null || products === void 0 ? void 0 : products.map((item, itemIndex) => {
             var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-            return (React.createElement(React.Fragment, null, recData && !(item === null || item === void 0 ? void 0 : item.bindCta) ? null : (React.createElement(SwiperSlide, { key: itemIndex, className: css.css(Object.assign(Object.assign({}, style), { flexShrink: 0, marginInlineEnd: 0, marginInlineStart: '8px' })), tag: 'li', role: 'listitem' },
+            return (React.createElement(React.Fragment, null, recData && !(item === null || item === void 0 ? void 0 : item.bindCta) ? null : (React.createElement(SwiperSlide, { key: itemIndex, className: css.css(Object.assign(Object.assign({}, style), { flexShrink: 0, marginLeft: 0, marginRight: '8px' })), tag: 'li', role: 'listitem' },
                 React.createElement(EventProvider$1, Object.assign({ rec: recData, multItem: item, multiCheckIndex: itemIndex, index: index }, props),
                     React.createElement(Img$1, { src: (_d = (_c = (_a = item === null || item === void 0 ? void 0 : item.cover) !== null && _a !== void 0 ? _a : (_b = item === null || item === void 0 ? void 0 : item.homePage) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _d !== void 0 ? _d : bottom_image, rec: recData, item: item, index: index, translateY: translateY, imgStyle: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img, isActive: isActive }),
                     React.createElement("div", { className: css.css({
@@ -13639,17 +13650,19 @@ Made in Italy` })));
                         borderRadius: 8,
                         width: 78,
                         height: 78,
-                        marginInlineStart: 16
+                        marginRight: 16
                     },
                     title: {
                         fontSize: 12,
-                        color: '#000'
+                        color: '#000',
+                        textAlign: 'left'
                     },
                     ctaTitle: {
                         textDecoration: 'underline',
                         fontSize: 12,
                         fontWeight: 'bold',
                         color: '#000',
+                        textAlign: 'left',
                         width: 150,
                         height: 20
                     }
@@ -13744,11 +13757,12 @@ Made in Italy` })));
                         borderRadius: 3,
                         width: 60,
                         height: 60,
-                        marginInlineStart: 8
+                        marginRight: 8
                     },
                     title: {
                         fontSize: 12,
-                        color: '#fff'
+                        color: '#fff',
+                        textAlign: 'left'
                     },
                     ctaTitle: {
                         fontSize: 10,
@@ -16668,60 +16682,6 @@ Made in Italy` })));
         }
     ];
 
-    /*
-     * @Author: binruan@chatlabs.com
-     * @Date: 2024-07-24 14:58:40
-     * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-09-09 13:54:35
-     * @FilePath: \pb-sxp-ui\src\materials\sxp\cta\AniLinkPopup\interactionRender.tsx
-     *
-     */
-    var interactionRender$2 = [
-        {
-            title: '点击事件',
-            child: [
-                {
-                    type: 'link',
-                    name: 'onClick',
-                    hiddenUrl: true
-                }
-            ]
-        },
-        {
-            title: '动画效果',
-            child: [
-                {
-                    type: 'Select',
-                    name: ['animation', 'name'],
-                    label: '动画',
-                    options: [
-                        {
-                            label: '默认',
-                            value: 1
-                        }
-                    ],
-                    fieldProps: {
-                        style: {
-                            width: '100%'
-                        }
-                    }
-                },
-                {
-                    type: 'Number',
-                    label: '动画启动时间',
-                    name: ['animation', 'delay'],
-                    addonAfter: 'ms'
-                },
-                {
-                    type: 'Number',
-                    label: '动画持续时间',
-                    name: ['animation', 'duration'],
-                    addonAfter: 'ms'
-                }
-            ]
-        }
-    ];
-
     var styles = {"aniLinkPopup":"index-module_aniLinkPopup__YT7kj","animated-fadeIn":"index-module_animated-fadeIn__8ZCbq","fadeIn":"index-module_fadeIn__2E-dk","animated-fadeOut":"index-module_animated-fadeOut__iK4oc","fadeOut":"index-module_fadeOut__MgevT","one-line-ellipsis":"index-module_one-line-ellipsis__NRiVV","two-line-ellipsis":"index-module_two-line-ellipsis__k-YGB","modal-icon-wrapper":"index-module_modal-icon-wrapper__tu3BY","modal-icon-wrapper-img":"index-module_modal-icon-wrapper-img__4b7qZ"};
 
     const closeIcon = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAjhJREFUWEfFlztOw0AQhmeWiJ4CCmpQ5DiRQsIJyAWg5A0lR0AIChDiCJS8ER0cADgBeRSxt4CCDgkaKiq8i+zYeWx2413HEWmiJJv9v535Z2aN8M8vFPT9z3zETD0aAUChUJjwvPFHAJhBhB3Hqd6OAsK2yyucwykAvP38eJX398Z3AJDLlVYR8ToU9Rhj25TWr9KEsKy5dULIGQCMtfZly45TvwsAstm56UwG6wA4FUFwzrdctxZBDcWSy5XWEPG8I84/GcMipdWPtgcsaz5PCHtKG0IuTiqUvjT9U/WYMG2IOPE+AP+LtCB0xKUAAyA2Xbd2o2OG0NQXvTnvhL17D7EPtH9TRCIWwkRcGYGIQgYBABuqPuHXOQBc6pw80lBGwBQiiXhsBHQhkoprA6iM6acjhDQKu5YJZW6XeOI3XJdpvfsdTu52VfXEekD8owQiXGIubpSCbhDbLu8DwKEAd+A41SOdPpE4BS0viFOtvV2iKWqUgn5x/tmS70xR01GuDSCKc86/OCcLgTyyZ0ScDGNhFAktAJV4NFJ9YyaFiAWIE+9uVkkgBgLoig8DMWAa9ro9ynkUdlW5maZDCmB6clmz0k1HH4Cs1Ezbq2p2yEpUuBOKTSZZex00RUWIrltxuuK6EOGDSbGIOPZicpMx6fny650377qNRgBgWeVFQuA+6UjVgREhGIMlSqsPUQqIbZdOOIdZQmCv2axRnU1N1+TzJYsxOEaEV8ep7frPZ7Gd0FTEdP0ft0/kMNdg0eoAAAAASUVORK5CYII=';
@@ -16794,6 +16754,60 @@ Made in Italy` })));
     };
     var AniLinkPopupComponent = React.memo(AniLinkPopup$1);
 
+    /*
+     * @Author: binruan@chatlabs.com
+     * @Date: 2024-07-24 14:58:40
+     * @LastEditors: binruan@chatlabs.com
+     * @LastEditTime: 2024-09-09 13:54:35
+     * @FilePath: \pb-sxp-ui\src\materials\sxp\cta\AniLinkPopup\interactionRender.tsx
+     *
+     */
+    var interactionRender$2 = [
+        {
+            title: '点击事件',
+            child: [
+                {
+                    type: 'link',
+                    name: 'onClick',
+                    hiddenUrl: true
+                }
+            ]
+        },
+        {
+            title: '动画效果',
+            child: [
+                {
+                    type: 'Select',
+                    name: ['animation', 'name'],
+                    label: '动画',
+                    options: [
+                        {
+                            label: '默认',
+                            value: 1
+                        }
+                    ],
+                    fieldProps: {
+                        style: {
+                            width: '100%'
+                        }
+                    }
+                },
+                {
+                    type: 'Number',
+                    label: '动画启动时间',
+                    name: ['animation', 'delay'],
+                    addonAfter: 'ms'
+                },
+                {
+                    type: 'Number',
+                    label: '动画持续时间',
+                    name: ['animation', 'duration'],
+                    addonAfter: 'ms'
+                }
+            ]
+        }
+    ];
+
     /*
      * @Author: binruan@chatlabs.com
      * @Date: 2024-07-24 14:58:40
@@ -16832,6 +16846,7 @@ Made in Italy` })));
                     title: {
                         fontSize: 14,
                         color: '#000',
+                        textAlign: 'left',
                         lineHeight: 2.6
                     },
                     ctaTitle: {
@@ -17060,7 +17075,7 @@ Made in Italy` })));
                 React.createElement("span", { style: content === null || content === void 0 ? void 0 : content.style, dangerouslySetInnerHTML: {
                         __html: setFontForText((_b = content === null || content === void 0 ? void 0 : content.text) === null || _b === void 0 ? void 0 : _b.replace(/\n/g, '</br>'), content === null || content === void 0 ? void 0 : content.style)
                     } }),
-                React.createElement("span", { style: Object.assign(Object.assign({}, interaction === null || interaction === void 0 ? void 0 : interaction.style), { marginInlineEnd: '5px' }), dangerouslySetInnerHTML: {
+                React.createElement("span", { style: Object.assign(Object.assign({}, interaction === null || interaction === void 0 ? void 0 : interaction.style), { marginLeft: '5px' }), dangerouslySetInnerHTML: {
                         __html: setFontForText((_c = interaction === null || interaction === void 0 ? void 0 : interaction.text) === null || _c === void 0 ? void 0 : _c.replace(/\n/g, '</br>'), interaction === null || interaction === void 0 ? void 0 : interaction.style)
                     }, onClick: handleClick })),
             isShowClose && (React.createElement("button", { "aria-label": 'close', className: 'consentPopupDisplay-close', onClick: handleClickClose },
@@ -18791,7 +18806,7 @@ Made in Italy` })));
                     const sbf = style.backdropFilter;
                     style.backdropFilter = `blur(${sbf !== null && sbf !== void 0 ? sbf : 0}px)`;
                 }
-                return (React.createElement(Component, Object.assign({ style: Object.assign(Object.assign(Object.assign({}, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.style), style), { zIndex: 50, marginInlineEnd: '20px', boxSizing: 'border-box', transform: 'translate3d(0px, 0px, 0px)' }), textStyle: Object.assign(Object.assign({}, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.textStyle), (_z = value === null || value === void 0 ? void 0 : value.item) === null || _z === void 0 ? void 0 : _z.textStyle), bindDatas: (_1 = (_0 = value === null || value === void 0 ? void 0 : value.item) === null || _0 === void 0 ? void 0 : _0.bindDatas) !== null && _1 !== void 0 ? _1 : [] }, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.props, (_2 = value === null || value === void 0 ? void 0 : value.item) === null || _2 === void 0 ? void 0 : _2.props, { event: ((_3 = value === null || value === void 0 ? void 0 : value.item) === null || _3 === void 0 ? void 0 : _3.event) || {}, schema: schema, id: value === null || value === void 0 ? void 0 : value.id, key: value === null || value === void 0 ? void 0 : value.id, recData: rec, isExternalLink: isExternalLink, index: index, isActive: isActive })));
+                return (React.createElement(Component, Object.assign({ style: Object.assign(Object.assign(Object.assign({}, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.style), style), { zIndex: 50, marginLeft: '20px', boxSizing: 'border-box', transform: 'translate3d(0px, 0px, 0px)' }), textStyle: Object.assign(Object.assign({}, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.textStyle), (_z = value === null || value === void 0 ? void 0 : value.item) === null || _z === void 0 ? void 0 : _z.textStyle), bindDatas: (_1 = (_0 = value === null || value === void 0 ? void 0 : value.item) === null || _0 === void 0 ? void 0 : _0.bindDatas) !== null && _1 !== void 0 ? _1 : [] }, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.props, (_2 = value === null || value === void 0 ? void 0 : value.item) === null || _2 === void 0 ? void 0 : _2.props, { event: ((_3 = value === null || value === void 0 ? void 0 : value.item) === null || _3 === void 0 ? void 0 : _3.event) || {}, schema: schema, id: value === null || value === void 0 ? void 0 : value.id, key: value === null || value === void 0 ? void 0 : value.id, recData: rec, isExternalLink: isExternalLink, index: index, isActive: isActive })));
             }
             else {
                 return null;