pb-sxp-ui 1.17.0 → 1.17.1

package/dist/index.cjs

@@ -2639,35 +2639,6 @@ var settingRender$e = [
     }
 ];
 
-/*
- * @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
@@ -10246,7 +10217,7 @@ const CommodityGroup = ({ products, data, defImg, style, onCLick, popupDetailDat
         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 },
@@ -10500,7 +10471,7 @@ const ExpandableText = ({ text, maxStr = 108, style, className, onClick, foldTex
                 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',
@@ -10512,7 +10483,7 @@ const ExpandableText = ({ text, maxStr = 108, style, className, onClick, foldTex
                 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)
             } }))));
@@ -10845,6 +10816,35 @@ const CommodityDetail$1 = (_a) => {
 };
 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
@@ -10891,6 +10891,7 @@ const CommodityDetail = createMaterial(CommodityDetailComponent, {
                 taxInfo: {
                     color: '#000',
                     fontSize: 13,
+                    textAlign: 'left',
                     marginBottom: '10px'
                 }
             },
@@ -11982,7 +11983,7 @@ var settingRender$b = [
                 type: 'Number',
                 label: '与右侧边距',
                 addonAfter: 'px',
-                name: ['props', 'commodityPicture', 'marginInlineStart']
+                name: ['props', 'commodityPicture', 'marginRight']
             },
             {
                 label: '居中垂直偏移',
@@ -12268,11 +12269,12 @@ const CommodityList$1 = (_a) => {
             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'
@@ -12353,7 +12355,7 @@ const CommodityList = createMaterial(CommodityListComponent, {
             commodityPicture: {
                 width: 100,
                 height: 100,
-                marginInlineStart: 10
+                marginRight: 10
             },
             commodityStyles: {
                 price: {
@@ -12599,7 +12601,7 @@ var settingRender$8 = [
                 type: 'Number',
                 label: '与右侧边距',
                 addonAfter: 'px',
-                name: ['props', 'ctaTempStyles', 'img', 'marginInlineStart']
+                name: ['props', 'ctaTempStyles', 'img', 'marginRight']
             },
             {
                 label: '居中垂直偏移',
@@ -12860,11 +12862,12 @@ const Commodity = createMaterial(CommodityComponent, {
                     borderRadius: 3,
                     width: 60,
                     height: 60,
-                    marginInlineStart: 8
+                    marginRight: 8
                 },
                 title: {
                     fontSize: 12,
-                    color: '#fff'
+                    color: '#fff',
+                    textAlign: 'left'
                 },
                 ctaTitle: {
                     fontSize: 10,
@@ -12942,11 +12945,12 @@ const Appoint = createMaterial(AppointComponent, {
                     borderRadius: 3,
                     width: 30,
                     height: 30,
-                    marginInlineStart: 8
+                    marginRight: 8
                 },
                 ctaTitle: {
                     fontSize: 12,
                     color: '#fff',
+                    textAlign: 'left',
                     width: 130,
                     height: 20
                 }
@@ -13082,27 +13086,6 @@ var linkSettingRender = [
     }
 ];
 
-/*
- * @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) => {
@@ -13130,6 +13113,27 @@ const Link$1 = (_a) => {
 };
 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',
@@ -13148,17 +13152,19 @@ const Link = createMaterial(LinkComponent, {
                     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,
@@ -13248,11 +13254,12 @@ const CommodityDiro = createMaterial(CommodityDiroComponent, {
                     borderRadius: 3,
                     width: 60,
                     height: 60,
-                    marginInlineStart: 8
+                    marginRight: 8
                 },
                 title: {
                     fontSize: 12,
-                    color: '#000'
+                    color: '#000',
+                    textAlign: 'left'
                 },
                 ctaTitle: {
                     fontSize: 10,
@@ -13343,17 +13350,19 @@ const CommodityDiroNew = createMaterial(CommodityDiroNewComponent, {
                     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
                 }
@@ -13395,7 +13404,7 @@ const MultiCommodityDiro$1 = (_a) => {
     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({
@@ -13441,11 +13450,12 @@ const MultiCommodityDiro = createMaterial(MultiCommodityDiroComponent, {
                     borderRadius: 3,
                     width: 60,
                     height: 60,
-                    marginInlineStart: 8
+                    marginRight: 8
                 },
                 title: {
                     fontSize: 12,
-                    color: '#000'
+                    color: '#000',
+                    textAlign: 'left'
                 },
                 ctaTitle: {
                     fontSize: 10,
@@ -13493,7 +13503,7 @@ const MultiCommodity$1 = (_a) => {
     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({
@@ -13539,11 +13549,12 @@ const MultiCommodity = createMaterial(MultiCommodityComponent, {
                     borderRadius: 3,
                     width: 60,
                     height: 60,
-                    marginInlineStart: 8
+                    marginRight: 8
                 },
                 title: {
                     fontSize: 12,
                     color: '#fff',
+                    textAlign: 'left'
                 },
                 ctaTitle: {
                     fontSize: 10,
@@ -13599,7 +13610,7 @@ const MultiCommodityDiroNew$1 = (_a) => {
     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({
@@ -13646,17 +13657,19 @@ const MultiCommodityDiroNew = createMaterial(MultiCommodityDiroNewComponent, {
                     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
                 }
@@ -13751,11 +13764,12 @@ const NineCommodity = createMaterial(NineCommodityComponent, {
                     borderRadius: 3,
                     width: 60,
                     height: 60,
-                    marginInlineStart: 8
+                    marginRight: 8
                 },
                 title: {
                     fontSize: 12,
-                    color: '#fff'
+                    color: '#fff',
+                    textAlign: 'left'
                 },
                 ctaTitle: {
                     fontSize: 10,
@@ -16675,60 +16689,6 @@ var settingRender$4 = [
     }
 ];
 
-/*
- * @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=';
@@ -16801,6 +16761,60 @@ const AniLinkPopup$1 = (_a) => {
 };
 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
@@ -16839,6 +16853,7 @@ const AniLinkPopup = createMaterial(AniLinkPopupComponent, {
                 title: {
                     fontSize: 14,
                     color: '#000',
+                    textAlign: 'left',
                     lineHeight: 2.6
                 },
                 ctaTitle: {
@@ -17067,7 +17082,7 @@ const Display$1 = (_a) => {
             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 },
@@ -18767,22 +18782,10 @@ function withBindDataSource(Component) {
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\RenderCard.tsx
  *
  */
-const RenderCard = ({ rec, index, tempMap, resolver, includesCtaType, isActive, isNineProduct }) => {
-    var _a, _b, _c, _d, _e;
+const RenderCard = ({ rec, index, tempMap, resolver, includesCtaType, isActive, value, isNineProduct }) => {
     const { schema } = useEditor();
     if (!(rec === null || rec === void 0 ? void 0 : rec.video))
         return null;
-    let cta = null;
-    if ((_b = (_a = rec === null || rec === void 0 ? void 0 : rec.video) === null || _a === void 0 ? void 0 : _a.bindProducts) === null || _b === void 0 ? void 0 : _b.length) {
-        cta = '多商品CTA';
-    }
-    else if ((_c = rec === null || rec === void 0 ? void 0 : rec.video) === null || _c === void 0 ? void 0 : _c.bindProduct) {
-        cta = '商品CTA';
-    }
-    else {
-        cta = (_e = (_d = rec === null || rec === void 0 ? void 0 : rec.video) === null || _d === void 0 ? void 0 : _d.bindCta) === null || _e === void 0 ? void 0 : _e.itemId;
-    }
-    const value = tempMap === null || tempMap === void 0 ? void 0 : tempMap[cta];
     const renderComp = React.useMemo(() => {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3;
         // 如果includesCtaType有值，则只渲染includesCtaType包含的cta类型组件，用于在页面某处只显示某一组件
@@ -18810,7 +18813,7 @@ const RenderCard = ({ rec, index, tempMap, resolver, includesCtaType, isActive,
                 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;
@@ -19233,17 +19236,17 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
                 index === ((rtcList === null || rtcList === void 0 ? void 0 : rtcList[0]) === 'organic menu' ? 2 : 1) &&
                 ((_f = ['MultiCommodity', 'MultiCommodityDiro', 'MultiCommodityDiroNew']) === null || _f === void 0 ? void 0 : _f.includes((_g = value === null || value === void 0 ? void 0 : value.item) === null || _g === void 0 ? void 0 : _g.type));
             return (React.createElement(React.Fragment, null,
-                isNineProduct && (React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: resolver, isActive: index === activeIndex, isNineProduct: isNineProduct })),
+                isNineProduct && (React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: resolver, isActive: index === activeIndex, value: value, isNineProduct: isNineProduct })),
                 ((_h = rec === null || rec === void 0 ? void 0 : rec.video) === null || _h === void 0 ? void 0 : _h.title) && !isShowMore && React.createElement("div", { className: 'clc-sxp-bottom-shadow' }),
                 React.createElement("div", { className: 'clc-sxp-bottom', style: { marginBottom: `${(_j = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.bottomInfoDist) !== null && _j !== void 0 ? _j : 40}px` } },
                     React.createElement(Nudge, { nudge: nudge }),
                     ((globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowCTA) === undefined || (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowCTA)) && !isNineProduct ? (React.createElement("div", { className: 'clc-sxp-bottom-card' },
-                        React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: resolver, isActive: index === activeIndex }))) : null,
+                        React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: resolver, isActive: index === activeIndex, value: value }))) : null,
                     React.createElement("div", null,
                         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: (_l = (_k = rec === null || rec === void 0 ? void 0 : rec.video) === null || _k === void 0 ? void 0 : _k.title) !== null && _l !== void 0 ? _l : '', 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 }),
-                        React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: resolver, includesCtaType: ['AniLink'], isActive: index === activeIndex }),
+                        React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: resolver, includesCtaType: ['AniLink'], isActive: index === activeIndex, value: value }),
                         React.createElement(Hashtag$1, { index: activeIndex, tags: (_o = (_m = rec === null || rec === void 0 ? void 0 : rec.video) === null || _m === void 0 ? void 0 : _m.hashTags) !== null && _o !== void 0 ? _o : [], itemId: (_p = rec === null || rec === void 0 ? void 0 : rec.video) === null || _p === void 0 ? void 0 : _p.itemId, itemType: ((_q = rec === null || rec === void 0 ? void 0 : rec.video) === null || _q === void 0 ? void 0 : _q.itemId) ? 'VIDEO' : null, rec: rec, hashTagStyle: hashTagStyle, hashTagRightMargin: containerWidth - (hashTagRightMargin !== null && hashTagRightMargin !== void 0 ? hashTagRightMargin : 0) }))),
-                React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: resolver, includesCtaType: ['AniLinkPopup'], isActive: index === activeIndex })));
+                React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: resolver, includesCtaType: ['AniLinkPopup'], isActive: index === activeIndex, value: value })));
         }
         return null;
     }, [
@@ -19845,7 +19848,7 @@ const DiyPortalPreview = ({ data = [], globalConfig, tipText, nudge, tempMap, de
     const CTA = (rec, index) => {
         if ((globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowCTA) === undefined || (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowCTA)) {
             return (React.createElement("div", { className: 'clc-sxp-bottom-card' },
-                React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: RESOLVER$2, isActive: true })));
+                React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: RESOLVER$2 })));
         }
         return null;
     };
@@ -19858,10 +19861,8 @@ const DiyPortalPreview = ({ data = [], globalConfig, tipText, nudge, tempMap, de
                     React.createElement(Nudge, { nudge: nudge }),
                     CTA(rec, index),
                     React.createElement("div", null,
-                        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: (_c = (_b = rec === null || rec === void 0 ? void 0 : 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.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: RESOLVER$2, includesCtaType: ['AniLink'], isActive: true })),
-                    React.createElement(Hashtag$1, { 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 === null || rec === void 0 ? void 0 : rec.video) === null || _g === void 0 ? void 0 : _g.itemId) ? 'VIDEO' : null, rec: rec, hashTagStyle: hashTagStyle })),
-                React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: RESOLVER$2, includesCtaType: ['AniLinkPopup'], isActive: true })));
+                        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: (_c = (_b = rec === null || rec === void 0 ? void 0 : 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.createElement(Hashtag$1, { 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 === null || rec === void 0 ? void 0 : rec.video) === null || _g === void 0 ? void 0 : _g.itemId) ? 'VIDEO' : null, rec: rec, hashTagStyle: hashTagStyle }))));
         }
         return null;
     };
@@ -20251,10 +20252,21 @@ const DiyStoryPreview = React.forwardRef(({ data = [], globalConfig, tipText, nu
         return null;
     }, [globalConfig]);
     const renderBottom = (rec, index) => {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         if (rec === null || rec === void 0 ? void 0 : rec.video) {
+            let cta = null;
+            if ((_b = (_a = rec === null || rec === void 0 ? void 0 : rec.video) === null || _a === void 0 ? void 0 : _a.bindProducts) === null || _b === void 0 ? void 0 : _b.length) {
+                cta = '多商品CTA';
+            }
+            else if ((_c = rec === null || rec === void 0 ? void 0 : rec.video) === null || _c === void 0 ? void 0 : _c.bindProduct) {
+                cta = '商品CTA';
+            }
+            else {
+                cta = (_e = (_d = rec === null || rec === void 0 ? void 0 : rec.video) === null || _d === void 0 ? void 0 : _d.bindCta) === null || _e === void 0 ? void 0 : _e.itemId;
+            }
+            const value = tempMap === null || tempMap === void 0 ? void 0 : tempMap[cta];
             return (React.createElement(React.Fragment, null,
-                ((_a = rec === null || rec === void 0 ? void 0 : rec.video) === null || _a === void 0 ? void 0 : _a.title) && (React.createElement("div", { style: {
+                ((_f = rec === null || rec === void 0 ? void 0 : rec.video) === null || _f === void 0 ? void 0 : _f.title) && (React.createElement("div", { style: {
                         background: 'repeating-linear-gradient(0deg, rgba(26, 26, 25, 0.7), hsla(0, 0%, 100%, 0))',
                         height: '130px',
                         position: 'absolute',
@@ -20265,7 +20277,7 @@ const DiyStoryPreview = React.forwardRef(({ data = [], globalConfig, tipText, nu
                         pointerEvents
                     } })),
                 React.createElement("div", { style: {
-                        marginBottom: `${(_b = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.bottomInfoDist) !== null && _b !== void 0 ? _b : 40}px`,
+                        marginBottom: `${(_g = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.bottomInfoDist) !== null && _g !== void 0 ? _g : 40}px`,
                         zIndex: 999,
                         position: 'absolute',
                         bottom: 0,
@@ -20274,15 +20286,15 @@ const DiyStoryPreview = React.forwardRef(({ data = [], globalConfig, tipText, nu
                         paddingTop: '20px'
                     } },
                     (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowCTA) === undefined || (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowCTA) ? (React.createElement("div", { style: {} },
-                        React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: RESOLVER$1, isActive: index === activeIndex }))) : null,
+                        React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: RESOLVER$1, isActive: index === activeIndex, value: value }))) : null,
                     React.createElement("div", null,
                         React.createElement(ExpandableText$1
                         // className='clc-sxp-bottom-text'
                         , { 
                             // 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', padding: '0 20px', fontSize: '12px' }) }),
-                        React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: RESOLVER$1, includesCtaType: ['AniLink'], isActive: index === activeIndex }))),
-                React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: RESOLVER$1, includesCtaType: ['AniLinkPopup'], isActive: index === activeIndex })));
+                            isPost: true, foldText: tipText === null || tipText === void 0 ? void 0 : tipText.foldText, unfoldText: tipText === null || tipText === void 0 ? void 0 : tipText.unfoldText, text: (_j = (_h = rec === null || rec === void 0 ? void 0 : rec.video) === null || _h === void 0 ? void 0 : _h.title) !== null && _j !== void 0 ? _j : '', 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', padding: '0 20px', fontSize: '12px' }) }),
+                        React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: RESOLVER$1, includesCtaType: ['AniLink'], isActive: index === activeIndex, value: value }))),
+                React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: RESOLVER$1, includesCtaType: ['AniLinkPopup'], isActive: index === activeIndex, value: value })));
         }
         return null;
     };