pb-sxp-ui 1.0.3-alpha.4 → 1.0.3

package/dist/index.css

@@ -156,7 +156,10 @@
   display: -ms-flexbox;
   display: flex;
 }
-.pb-commondityDiroNew-content-top-title {
+.pb-commondityDiroNew-content-top-left {
+  width: 100%;
+}
+.pb-commondityDiroNew-content-top-left-title {
   font-size: 13px;
   -webkit-box-flex: 1;
   -webkit-flex: 1;
@@ -1333,14 +1336,10 @@ button.swiper-pagination-bullet {
   gap: 6px;
   margin-left: 20px;
 }
-.clc-sxp-bottom-card {
-  margin-bottom: 10px;
-}
 .clc-sxp-bottom-text {
   padding: 0 20px;
 }
 .clc-sxp-bottom-hashtag {
-  margin-left: 20px;
   margin-top: 16px;
 }
 .clc-sxp-bottom-hashtag-item {

package/dist/index.js

@@ -755,7 +755,6 @@ const EditorCore = forwardRef(({ children, resolver, isSsr, schema, enableDataSo
     });
     typeof window !== 'undefined' &&
         (window.sxpPopup = (type, aniType) => {
-            setPopup(type);
             if (aniType && (aniType === null || aniType === void 0 ? void 0 : aniType.name) !== 'none') {
                 setPopupAni(Object.assign(Object.assign({}, popupAni), aniType));
             }
@@ -765,6 +764,9 @@ const EditorCore = forwardRef(({ children, resolver, isSsr, schema, enableDataSo
                     duration: 0
                 });
             }
+            setTimeout(() => {
+                setPopup(type);
+            });
         });
     typeof window !== 'undefined' &&
         (window.getJointUtmLink = (url) => {
@@ -8157,7 +8159,7 @@ function useEventReport() {
  * @Author: binruan@chatlabs.com
  * @Date: 2023-11-02 18:34:34
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2024-04-02 10:33:15
+ * @LastEditTime: 2024-04-10 11:11:50
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\Modal\index.tsx
  *
  */
@@ -8814,8 +8816,8 @@ Made in Italy` })));
                     }), src: (_j = sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _j !== void 0 ? _j : bottom_image, alt: '' }))),
             React.createElement("div", { className: 'pb-commondityDiroNew-content' },
                 React.createElement("div", { className: 'pb-commondityDiroNew-content-top' },
-                    React.createElement("div", null,
-                        React.createElement("div", { className: 'pb-commondityDiroNew-content-top-title', style: commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.title }, (_k = product === null || product === void 0 ? void 0 : product.title) !== null && _k !== void 0 ? _k : 'Large Dior Toujours Bag'),
+                    React.createElement("div", { className: 'pb-commondityDiroNew-content-top-left' },
+                        React.createElement("div", { className: 'pb-commondityDiroNew-content-top-left-title', style: commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.title }, (_k = product === null || product === void 0 ? void 0 : product.title) !== null && _k !== void 0 ? _k : 'Large Dior Toujours Bag'),
                         React.createElement("div", { className: 'pb-commondityDiroNew-content-collection', hidden: !!product && (!(product === null || product === void 0 ? void 0 : product.collection) || (product === null || product === void 0 ? void 0 : product.collection) === ''), style: commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.collection }, (product === null || product === void 0 ? void 0 : product.collection) || 'Black Macrocannage Calfskin')),
                     React.createElement("div", { className: 'pb-commondityDiroNew-content-top-right' },
                         React.createElement("div", { className: 'pb-commondityDiroNew-content-top-right-price', hidden: !!product && !(product === null || product === void 0 ? void 0 : product.price), style: commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.price }, priceText),
@@ -8830,7 +8832,7 @@ var CommodityDetailDiroNewComponent = memo(CommodityDetailDiroNew$1);
  * @Author: binruan@chatlabs.com
  * @Date: 2024-03-20 10:27:31
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2024-04-02 15:12:53
+ * @LastEditTime: 2024-04-09 16:25:44
  * @FilePath: \pb-sxp-ui\src\materials\sxp\popup\CommodityDetailDiroNew\material.tsx
  *
  */
@@ -8852,7 +8854,7 @@ const CommodityDetailDiroNew = createMaterial(CommodityDetailDiroNewComponent, {
                 price: {
                     color: '#000',
                     fontWeight: 'bold',
-                    fontSize: 18
+                    fontSize: 13
                 },
                 title: {
                     color: '#000',
@@ -8896,7 +8898,7 @@ const CommodityDetailDiroNew = createMaterial(CommodityDetailDiroNewComponent, {
  * @Author: binruan@chatlabs.com
  * @Date: 2024-03-26 16:50:25
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2024-04-03 15:51:15
+ * @LastEditTime: 2024-04-09 21:40:18
  * @FilePath: \pb-sxp-ui\src\materials\sxp\template\components\settingRender.tsx
  *
  */
@@ -9256,7 +9258,8 @@ const Commodity = createMaterial(CommodityComponent, {
             width: 236,
             height: 74,
             borderRadius: 3,
-            backgroundColor: 'rgba(0,0,0,.3)'
+            backgroundColor: 'rgba(0,0,0,.3)',
+            marginBottom: 8
         }
     },
     w: 100,
@@ -9292,7 +9295,7 @@ var AppointComponent = memo(Appoint$1);
  * @Author: binruan@chatlabs.com
  * @Date: 2023-07-28 18:29:57
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2024-03-29 17:03:49
+ * @LastEditTime: 2024-04-09 21:42:21
  * @FilePath: \pb-sxp-ui\src\materials\sxp\template\Appoint\material.tsx
  *
  */
@@ -9329,7 +9332,8 @@ const Appoint = createMaterial(AppointComponent, {
             width: 236,
             height: 44,
             borderRadius: 3,
-            backgroundColor: 'rgba(0,0,0,.3)'
+            backgroundColor: 'rgba(0,0,0,.3)',
+            marginBottom: 8
         }
     },
     w: 100,
@@ -9405,7 +9409,8 @@ const Link = createMaterial(LinkComponent, {
             width: 236,
             height: 74,
             borderRadius: 3,
-            backgroundColor: 'rgba(0,0,0,.3)'
+            backgroundColor: 'rgba(0,0,0,.3)',
+            marginBottom: 8
         }
     },
     w: 100,
@@ -9496,7 +9501,8 @@ const CommodityDiro = createMaterial(CommodityDiroComponent, {
             width: 236,
             height: 74,
             borderRadius: 3,
-            backgroundColor: '#fff'
+            backgroundColor: '#fff',
+            marginBottom: 8
         }
     },
     w: 100,
@@ -9544,7 +9550,7 @@ var CommodityDiroNewComponent = memo(CommodityDiroNew$1);
  * @Author: binruan@chatlabs.com
  * @Date: 2023-07-28 18:29:57
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2024-03-29 11:56:56
+ * @LastEditTime: 2024-04-09 11:54:27
  * @FilePath: \pb-sxp-ui\src\materials\sxp\template\CommodityDiroNew\material.tsx
  *
  */
@@ -9568,13 +9574,13 @@ const CommodityDiroNew = createMaterial(CommodityDiroNewComponent, {
                     marginRight: 16
                 },
                 title: {
-                    fontSize: 12,
+                    fontSize: 13,
                     color: '#000',
                     textAlign: 'left'
                 },
                 ctaTitle: {
                     textDecoration: 'underline',
-                    fontSize: 12,
+                    fontSize: 14,
                     fontWeight: 'bold',
                     color: '#000',
                     textAlign: 'left',
@@ -9588,7 +9594,8 @@ const CommodityDiroNew = createMaterial(CommodityDiroNewComponent, {
             width: 260,
             height: 86,
             padding: 4,
-            backgroundColor: 'rgba(255,255,255,0.75)'
+            backgroundColor: 'rgba(255,255,255,0.75)',
+            marginBottom: 8
         }
     },
     w: 100,
@@ -9608,8 +9615,8 @@ var interactionRender$2 = [
     }
 ];
 
-const Scroll = ({ children }) => {
-    return (React.createElement(Swiper, { direction: 'horizontal', slidesPerView: 'auto', freeMode: true, mousewheel: true, modules: [freeMode, Scrollbar, Mousewheel], style: { paddingRight: '20px' } }, children));
+const Scroll = ({ children, isPadding = true }) => {
+    return (React.createElement(Swiper, { direction: 'horizontal', slidesPerView: 'auto', freeMode: true, mousewheel: true, modules: [freeMode, Scrollbar, Mousewheel], style: { padding: isPadding ? '0 12px 0 20px' : 0 } }, children));
 };
 var Scroll$1 = memo(Scroll);
 
@@ -9653,9 +9660,9 @@ const MultiCommodityDiro$1 = (_a) => {
         setPopupDetailData === null || setPopupDetailData === void 0 ? void 0 : setPopupDetailData(Object.assign(Object.assign({}, recData), { video: Object.assign(Object.assign({}, recData === null || recData === void 0 ? void 0 : recData.video), { bindProduct: item }) }));
         onClick === null || onClick === void 0 ? void 0 : onClick();
     }, popupAni === null || popupAni === void 0 ? void 0 : popupAni.duration);
-    return (React.createElement(Scroll$1, null, products === null || products === void 0 ? void 0 : products.map((item) => {
+    return (React.createElement(Scroll$1, { isPadding: !!recData }, products === null || products === void 0 ? void 0 : products.map((item) => {
         var _a, _b, _c, _d, _e, _f;
-        return (React.createElement(SwiperSlide, Object.assign({ hidden: recData && !(item === null || item === void 0 ? void 0 : item.bindCta), key: item === null || item === void 0 ? void 0 : item.itemId, className: css(Object.assign({ flexShrink: 0 }, style)), style: { display: 'flex' } }, props, { onClick: () => handleClick(item) }),
+        return (React.createElement(SwiperSlide, Object.assign({ hidden: recData && !(item === null || item === void 0 ? void 0 : item.bindCta), key: item === null || item === void 0 ? void 0 : item.itemId, className: css(Object.assign(Object.assign({}, style), { display: 'flex', flexShrink: 0, marginLeft: 0, marginRight: '8px' })) }, props, { onClick: () => handleClick(item) }),
             React.createElement("div", { className: css(Object.assign({ overflow: 'hidden', flexShrink: 0, backgroundColor: '#f2f2f2' }, ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img)) },
                 React.createElement(Img$1, { src: (_c = (_b = (_a = item === null || item === void 0 ? void 0 : item.homePage) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _c !== void 0 ? _c : bottom_image, rec: recData, item: item })),
             React.createElement("div", { className: css({
@@ -9719,7 +9726,8 @@ const MultiCommodityDiro = createMaterial(MultiCommodityDiroComponent, {
             width: 236,
             height: 74,
             borderRadius: 3,
-            backgroundColor: '#fff'
+            backgroundColor: '#fff',
+            marginBottom: 8
         }
     },
     w: 100,
@@ -9756,9 +9764,9 @@ const MultiCommodity$1 = (_a) => {
         setPopupDetailData === null || setPopupDetailData === void 0 ? void 0 : setPopupDetailData(Object.assign(Object.assign({}, recData), { video: Object.assign(Object.assign({}, recData === null || recData === void 0 ? void 0 : recData.video), { bindProduct: item }) }));
         onClick === null || onClick === void 0 ? void 0 : onClick();
     }, popupAni === null || popupAni === void 0 ? void 0 : popupAni.duration);
-    return (React.createElement(Scroll$1, null, products === null || products === void 0 ? void 0 : products.map((item) => {
+    return (React.createElement(Scroll$1, { isPadding: !!recData }, products === null || products === void 0 ? void 0 : products.map((item) => {
         var _a, _b, _c, _d, _e, _f;
-        return (React.createElement(SwiperSlide, Object.assign({ hidden: recData && !(item === null || item === void 0 ? void 0 : item.bindCta), key: item.itemId, className: css(Object.assign({ flexShrink: 0 }, style)), style: { display: 'flex' } }, props, { onClick: () => handleClick(item) }),
+        return (React.createElement(SwiperSlide, Object.assign({ hidden: recData && !(item === null || item === void 0 ? void 0 : item.bindCta), key: item.itemId, className: css(Object.assign(Object.assign({}, style), { display: 'flex', flexShrink: 0, marginLeft: 0, marginRight: '8px' })) }, props, { onClick: () => handleClick(item) }),
             React.createElement("div", { className: css(Object.assign({ overflow: 'hidden', flexShrink: 0, backgroundColor: '#f2f2f2' }, ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img)) },
                 React.createElement(Img$1, { src: (_c = (_b = (_a = item === null || item === void 0 ? void 0 : item.homePage) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _c !== void 0 ? _c : bottom_image, rec: recData, item: item })),
             React.createElement("div", { className: css({
@@ -9822,7 +9830,8 @@ const MultiCommodity = createMaterial(MultiCommodityComponent, {
             width: 236,
             height: 74,
             borderRadius: 3,
-            backgroundColor: 'rgba(0,0,0,.3)'
+            backgroundColor: 'rgba(0,0,0,.3)',
+            marginBottom: 8
         }
     },
     w: 100,
@@ -9858,9 +9867,9 @@ const MultiCommodityDiroNew$1 = (_a) => {
         setPopupDetailData === null || setPopupDetailData === void 0 ? void 0 : setPopupDetailData(Object.assign(Object.assign({}, recData), { video: Object.assign(Object.assign({}, recData === null || recData === void 0 ? void 0 : recData.video), { bindProduct: item }) }));
         onClick === null || onClick === void 0 ? void 0 : onClick();
     }, popupAni === null || popupAni === void 0 ? void 0 : popupAni.duration);
-    return (React.createElement(Scroll$1, null, products === null || products === void 0 ? void 0 : products.map((item) => {
+    return (React.createElement(Scroll$1, { isPadding: !!recData }, products === null || products === void 0 ? void 0 : products.map((item) => {
         var _a, _b, _c, _d, _e, _f;
-        return (React.createElement(SwiperSlide, Object.assign({ hidden: recData && !(item === null || item === void 0 ? void 0 : item.bindCta), key: item === null || item === void 0 ? void 0 : item.itemId, className: css(Object.assign({ flexShrink: 0 }, style)), style: { display: 'flex' } }, props, { onClick: () => handleClick(item) }),
+        return (React.createElement(SwiperSlide, Object.assign({ hidden: recData && !(item === null || item === void 0 ? void 0 : item.bindCta), key: item === null || item === void 0 ? void 0 : item.itemId, className: css(Object.assign(Object.assign({}, style), { display: 'flex', flexShrink: 0, marginLeft: 0, marginRight: '8px' })) }, props, { onClick: () => handleClick(item) }),
             React.createElement("div", { className: css(Object.assign({ overflow: 'hidden', flexShrink: 0, backgroundColor: '#f2f2f2' }, ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img)) },
                 React.createElement(Img$1, { src: (_c = (_b = (_a = item === null || item === void 0 ? void 0 : item.homePage) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _c !== void 0 ? _c : bottom_image, rec: recData, item: item })),
             React.createElement("div", { className: css({
@@ -9882,7 +9891,7 @@ var MultiCommodityDiroNewComponent = memo(MultiCommodityDiroNew$1);
  * @Author: binruan@chatlabs.com
  * @Date: 2023-07-28 18:29:57
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2024-03-29 15:40:54
+ * @LastEditTime: 2024-04-09 21:40:37
  * @FilePath: \pb-sxp-ui\src\materials\sxp\template\MultiCommodityDiroNew\material.tsx
  *
  */
@@ -9926,7 +9935,8 @@ const MultiCommodityDiroNew = createMaterial(MultiCommodityDiroNewComponent, {
             width: 260,
             height: 86,
             padding: 4,
-            backgroundColor: 'rgba(255,255,255,0.75)'
+            backgroundColor: 'rgba(255,255,255,0.75)',
+            marginBottom: 8
         }
     },
     w: 100,
@@ -12341,14 +12351,14 @@ function withBindDataSource(Component) {
  * @Author: binruan@chatlabs.com
  * @Date: 2023-12-26 16:11:34
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2024-03-04 14:25:27
+ * @LastEditTime: 2024-04-09 18:17:54
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\RenderCard.tsx
  *
  */
 const RenderCard = ({ rec, index, tempMap, resolver }) => {
     const { schema } = useEditor();
     const renderComp = 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;
+        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;
         if (!(rec === null || rec === void 0 ? void 0 : rec.video))
             return null;
         let cta = null;
@@ -12371,8 +12381,10 @@ const RenderCard = ({ rec, index, tempMap, resolver }) => {
             return null;
         }
         if (value && resolver) {
-            const Component = withBindDataSource(resolver[(_w = value === null || value === void 0 ? void 0 : value.item) === null || _w === void 0 ? void 0 : _w.type]);
-            return (React.createElement(Component, Object.assign({ style: Object.assign(Object.assign({}, (_x = value === null || value === void 0 ? void 0 : value.item) === null || _x === void 0 ? void 0 : _x.style), { zIndex: 50, marginLeft: '20px' }), textStyle: (_y = value === null || value === void 0 ? void 0 : value.item) === null || _y === void 0 ? void 0 : _y.textStyle, bindDatas: (_0 = (_z = value === null || value === void 0 ? void 0 : value.item) === null || _z === void 0 ? void 0 : _z.bindDatas) !== null && _0 !== void 0 ? _0 : [] }, (_1 = value === null || value === void 0 ? void 0 : value.item) === null || _1 === void 0 ? void 0 : _1.props, { event: ((_2 = value === null || value === void 0 ? void 0 : value.item) === null || _2 === void 0 ? void 0 : _2.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 })));
+            const t = resolver[(_w = value === null || value === void 0 ? void 0 : value.item) === null || _w === void 0 ? void 0 : _w.type];
+            const Component = withBindDataSource(t);
+            const defaulSetting = (_x = t === null || t === void 0 ? void 0 : t.extend) === null || _x === void 0 ? void 0 : _x.defaulSetting;
+            return (React.createElement(Component, Object.assign({ style: Object.assign(Object.assign(Object.assign({}, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.style), (_y = value === null || value === void 0 ? void 0 : value.item) === null || _y === void 0 ? void 0 : _y.style), { zIndex: 50, marginLeft: '20px', boxSizing: 'border-box' }), 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 })));
         }
         else {
             return null;
@@ -12398,7 +12410,7 @@ const Nudge = ({ nudge }) => {
  * @Author: binruan@chatlabs.com
  * @Date: 2024-01-15 19:03:09
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2024-04-07 17:06:06
+ * @LastEditTime: 2024-04-10 10:13:48
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\index.tsx
  *
  */
@@ -12565,9 +12577,11 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
         }
         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, index) => {
-                var _a, _b, _c, _d, _e, _f;
-                const Component = withBindDataSource(resolver[(_a = value === null || value === void 0 ? void 0 : value.item) === null || _a === void 0 ? void 0 : _a.type]);
-                return (React.createElement(Component, Object.assign({ key: index, textStyle: (_b = value === null || value === void 0 ? void 0 : value.item) === null || _b === void 0 ? void 0 : _b.textStyle, bindDatas: (_d = (_c = value === null || value === void 0 ? void 0 : value.item) === null || _c === void 0 ? void 0 : _c.bindDatas) !== null && _d !== void 0 ? _d : [] }, (_e = value === null || value === void 0 ? void 0 : value.item) === null || _e === void 0 ? void 0 : _e.props, { event: ((_f = value === null || value === void 0 ? void 0 : value.item) === null || _f === void 0 ? void 0 : _f.event) || {}, schema: schema, id: value === null || value === void 0 ? void 0 : value.id, viewTime: viewTime.current, rec: rec, isPost: true, tipText: tipText, style: { height: '100%', overflow: 'auto' } })));
+                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 = withBindDataSource(t);
+                const defaulSetting = (_b = t === null || t === void 0 ? void 0 : t.extend) === null || _b === void 0 ? void 0 : _b.defaulSetting;
+                return (React.createElement(Component, Object.assign({ key: index, 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) || {}, schema: schema, id: value === null || value === void 0 ? void 0 : value.id, viewTime: viewTime.current, 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), { height: '100%', overflow: 'auto' }) })));
             });
         }
         return null;
@@ -12776,7 +12790,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
  * @Author: binruan@chatlabs.com
  * @Date: 2023-10-31 10:56:01
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2024-04-02 10:31:51
+ * @LastEditTime: 2024-04-10 09:57:19
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\Popup\index.tsx
  *
  */
@@ -12822,10 +12836,12 @@ const Popup = () => {
     const renderPopupDetail = useMemo(() => {
         var _a, _b, _c;
         return (_c = (_b = (_a = schema === null || schema === void 0 ? void 0 : schema.sxpPageConf) === null || _a === void 0 ? void 0 : _a.globalConfig) === null || _b === void 0 ? void 0 : _b.popupList) === null || _c === void 0 ? void 0 : _c.map((value, index) => {
-            var _a, _b, _c, _d, _e, _f, _g;
+            var _a, _b, _c, _d, _e, _f, _g, _h;
             if ((value === null || value === void 0 ? void 0 : value.id) === popup) {
-                const Component = withBindDataSource(resolver[(_a = value === null || value === void 0 ? void 0 : value.item) === null || _a === void 0 ? void 0 : _a.type]);
-                return (React.createElement(Component, Object.assign({ key: index, style: Object.assign(Object.assign({}, (_b = value === null || value === void 0 ? void 0 : value.item) === null || _b === void 0 ? void 0 : _b.style), { width: '100%', height: '80vh', overflow: 'auto' }), 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 : [] }, (_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) || {}, schema: schema, id: value === null || value === void 0 ? void 0 : value.id })));
+                const t = resolver[(_a = value === null || value === void 0 ? void 0 : value.item) === null || _a === void 0 ? void 0 : _a.type];
+                const Component = withBindDataSource(t);
+                const defaulSetting = (_b = t === null || t === void 0 ? void 0 : t.extend) === null || _b === void 0 ? void 0 : _b.defaulSetting;
+                return (React.createElement(Component, Object.assign({ key: index, style: Object.assign(Object.assign(Object.assign({}, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.style), (_c = value === null || value === void 0 ? void 0 : value.item) === null || _c === void 0 ? void 0 : _c.style), { width: '100%', height: '80vh', overflow: 'auto' }), textStyle: Object.assign(Object.assign({}, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.textStyle), (_d = value === null || value === void 0 ? void 0 : value.item) === null || _d === void 0 ? void 0 : _d.textStyle), bindDatas: (_f = (_e = value === null || value === void 0 ? void 0 : value.item) === null || _e === void 0 ? void 0 : _e.bindDatas) !== null && _f !== void 0 ? _f : [] }, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.props, (_g = value === null || value === void 0 ? void 0 : value.item) === null || _g === void 0 ? void 0 : _g.props, { event: ((_h = value === null || value === void 0 ? void 0 : value.item) === null || _h === void 0 ? void 0 : _h.event) || {}, schema: schema, id: value === null || value === void 0 ? void 0 : value.id })));
             }
             else {
                 return React.createElement(React.Fragment, null);