pb-sxp-ui 1.0.5 → 1.0.7

package/dist/index.cjs

@@ -724,6 +724,11 @@ const item = {
     pathArr: [0],
     positionY: 0
 };
+const popupInit = {
+    id: '',
+    duration: 0,
+    name: 'none'
+};
 const EditorContext = React.createContext({
     resolver: {},
     currentNode: null,
@@ -743,12 +748,8 @@ const EditorContext = React.createContext({
     prePiontData: [],
     undoStack: [item],
     redoStack: [],
-    popup: '',
-    setPopup: () => { },
-    popupAni: {
-        name: 'none',
-        duration: 0
-    }
+    popup: popupInit,
+    setPopup: () => { }
 });
 const EditorCore = React.forwardRef(({ children, resolver, isSsr, schema, enableDataSource = true, utmVal }, ref) => {
     const [currentNode, setCurrentNode] = React.useState(null);
@@ -771,25 +772,10 @@ const EditorCore = React.forwardRef(({ children, resolver, isSsr, schema, enable
      */
     const [undoStack, setUndoStack] = React.useState([[item]]);
     const [redoStack, setRedoStack] = React.useState([]);
-    const [popup, setPopup] = React.useState('');
-    const [popupAni, setPopupAni] = React.useState({
-        name: 'none',
-        duration: 0
-    });
+    const [popup, setPopup] = React.useState(popupInit);
     typeof window !== 'undefined' &&
         (window.sxpPopup = (type, aniType) => {
-            if (aniType && (aniType === null || aniType === void 0 ? void 0 : aniType.name) !== 'none') {
-                setPopupAni(Object.assign(Object.assign({}, popupAni), aniType));
-            }
-            else {
-                setPopupAni({
-                    name: 'none',
-                    duration: 0
-                });
-            }
-            setTimeout(() => {
-                setPopup(type);
-            });
+            setPopup(Object.assign(Object.assign(Object.assign({}, popupInit), { id: type }), aniType));
         });
     typeof window !== 'undefined' &&
         (window.getJointUtmLink = (url) => {
@@ -865,8 +851,7 @@ const EditorCore = React.forwardRef(({ children, resolver, isSsr, schema, enable
             setUndoStack,
             getCurPageConf,
             popup,
-            setPopup,
-            popupAni
+            setPopup
         } },
         React.createElement(DataSourceProvider$1, { isSsr: isSsr, enable: enableDataSource }, children)));
 });
@@ -888,6 +873,14 @@ var interactionRender$8 = [
     }
 ];
 
+const fontOptions = [
+    { label: '应用字体', value: 'appFont' },
+    { label: '黑体', value: '黑体' }
+];
+var defaultSetting = {
+    fontOptions
+};
+
 /*
  * @Author: binruan@chatlabs.com
  * @Date: 2023-07-28 18:29:57
@@ -896,6 +889,7 @@ var interactionRender$8 = [
  * @FilePath: \pb-sxp-ui\src\materials\sxp\popup\AppointForm\settingRender.tsx
  *
  */
+var _a$4;
 var settingRender$5 = [
     {
         type: 'Text',
@@ -921,7 +915,8 @@ var settingRender$5 = [
                     {
                         type: 'Select',
                         name: ['textStyle', 'fontFamily'],
-                        options: [{ label: '黑体', value: '黑体' }]
+                        options: fontOptions,
+                        initialValue: (_a$4 = fontOptions === null || fontOptions === void 0 ? void 0 : fontOptions[0]) === null || _a$4 === void 0 ? void 0 : _a$4.value
                     },
                     {
                         type: 'Number',
@@ -1005,7 +1000,6 @@ var settingRender$5 = [
 
 const AppointForm$1 = (_a) => {
     var { columns, style, title, textStyle, submitBgColor, submitColor, submitText, layoutType, onClick } = _a, props = __rest(_a, ["columns", "style", "title", "textStyle", "submitBgColor", "submitColor", "submitText", "layoutType", "onClick"]);
-    useEditor();
     const { submitForm } = useSxpDataSource();
     const formRef = React.useRef();
     const [loading, setLoading] = React.useState(false);
@@ -1079,6 +1073,14 @@ function createMaterial(component, options) {
     return component;
 }
 
+/*
+ * @Author: binruan@chatlabs.com
+ * @Date: 2023-07-28 18:29:57
+ * @LastEditors: binruan@chatlabs.com
+ * @LastEditTime: 2024-04-12 17:35:22
+ * @FilePath: \pb-sxp-ui\src\materials\sxp\popup\AppointForm\material.tsx
+ *
+ */
 const AppointForm = createMaterial(AppointFormComponent, {
     displayName: '预约表单',
     icon: '',
@@ -1102,7 +1104,6 @@ const AppointForm = createMaterial(AppointFormComponent, {
         textStyle: {
             fontSize: 14,
             color: '#000',
-            fontFamily: '黑体',
             textAlign: 'center'
         }
     },
@@ -1115,10 +1116,11 @@ const AppointForm = createMaterial(AppointFormComponent, {
  * @Author: binruan@chatlabs.com
  * @Date: 2024-04-02 18:01:34
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2024-04-02 18:01:41
- * @FilePath: \pb-sxp-ui\src\materials\sxp\popup\CommodityDetailDiro\settingRender.tsx
+ * @LastEditTime: 2024-04-12 16:46:04
+ * @FilePath: \pb-sxp-ui\src\materials\sxp\popup\CommodityDetail\settingRender.tsx
  *
  */
+var _a$3, _b$3;
 /*
  * @Author: binruan@chatlabs.com
  * @Date: 2024-03-26 16:50:25
@@ -1194,8 +1196,9 @@ var settingRender$4 = [
                             },
                             {
                                 type: 'Select',
-                                options: [{ label: '黑体', value: '黑体' }],
-                                name: ['fontFamily']
+                                options: fontOptions,
+                                name: ['fontFamily'],
+                                initialValue: (_a$3 = fontOptions === null || fontOptions === void 0 ? void 0 : fontOptions[0]) === null || _a$3 === void 0 ? void 0 : _a$3.value
                             },
                             {
                                 type: 'Number',
@@ -1274,7 +1277,8 @@ var settingRender$4 = [
                     {
                         type: 'Select',
                         name: ['props', 'buttonStyle', 'fontFamily'],
-                        options: [{ label: '黑体', value: '黑体' }]
+                        options: fontOptions,
+                        initialValue: (_b$3 = fontOptions === null || fontOptions === void 0 ? void 0 : fontOptions[0]) === null || _b$3 === void 0 ? void 0 : _b$3.value
                     },
                     {
                         type: 'Number',
@@ -8102,7 +8106,7 @@ SwiperSlide.displayName = 'SwiperSlide';
  * @Author: binruan@chatlabs.com
  * @Date: 2024-03-12 10:59:06
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2024-03-18 17:38:46
+ * @LastEditTime: 2024-04-12 15:10:39
  * @FilePath: \pb-sxp-ui\src\core\hooks\useEventReport.ts
  *
  */
@@ -8157,7 +8161,7 @@ function useEventReport() {
             eventInfo: {
                 productId: product === null || product === void 0 ? void 0 : product.itemId,
                 productName: product === null || product === void 0 ? void 0 : product.title,
-                price: (product === null || product === void 0 ? void 0 : product.price) + '',
+                price: (product === null || product === void 0 ? void 0 : product.price) ? (product === null || product === void 0 ? void 0 : product.price) + '' : '0',
                 productCollection: product === null || product === void 0 ? void 0 : product.collection,
                 fromKName,
                 fromKPage: location === null || location === void 0 ? void 0 : location.href,
@@ -8182,14 +8186,13 @@ function useEventReport() {
  * @Author: binruan@chatlabs.com
  * @Date: 2023-11-02 18:34:34
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2024-04-10 18:40:21
+ * @LastEditTime: 2024-04-12 11:23:00
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\Modal\index.tsx
  *
  */
 const closeIcon = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAjhJREFUWEfFlztOw0AQhmeWiJ4CCmpQ5DiRQsIJyAWg5A0lR0AIChDiCJS8ER0cADgBeRSxt4CCDgkaKiq8i+zYeWx2413HEWmiJJv9v535Z2aN8M8vFPT9z3zETD0aAUChUJjwvPFHAJhBhB3Hqd6OAsK2yyucwykAvP38eJX398Z3AJDLlVYR8ToU9Rhj25TWr9KEsKy5dULIGQCMtfZly45TvwsAstm56UwG6wA4FUFwzrdctxZBDcWSy5XWEPG8I84/GcMipdWPtgcsaz5PCHtKG0IuTiqUvjT9U/WYMG2IOPE+AP+LtCB0xKUAAyA2Xbd2o2OG0NQXvTnvhL17D7EPtH9TRCIWwkRcGYGIQgYBABuqPuHXOQBc6pw80lBGwBQiiXhsBHQhkoprA6iM6acjhDQKu5YJZW6XeOI3XJdpvfsdTu52VfXEekD8owQiXGIubpSCbhDbLu8DwKEAd+A41SOdPpE4BS0viFOtvV2iKWqUgn5x/tmS70xR01GuDSCKc86/OCcLgTyyZ0ScDGNhFAktAJV4NFJ9YyaFiAWIE+9uVkkgBgLoig8DMWAa9ro9ynkUdlW5maZDCmB6clmz0k1HH4Cs1Ezbq2p2yEpUuBOKTSZZex00RUWIrltxuuK6EOGDSbGIOPZicpMx6fny650377qNRgBgWeVFQuA+6UjVgREhGIMlSqsPUQqIbZdOOIdZQmCv2axRnU1N1+TzJYsxOEaEV8ep7frPZ7Gd0FTEdP0ft0/kMNdg0eoAAAAASUVORK5CYII=';
-const Modal = ({ visible, onClose, children, modalStyle, padding, popupAniData }) => {
-    const { popupAni } = useEditor();
-    const cssAni = popupAniData !== null && popupAniData !== void 0 ? popupAniData : popupAni;
+const Modal = ({ visible, onClose, children, modalStyle, padding, popup }) => {
+    var _a;
     const [isShow, setIsShow] = React.useState(false);
     const modalEleRef = React.useRef(null);
     React.useEffect(() => {
@@ -8204,29 +8207,32 @@ const Modal = ({ visible, onClose, children, modalStyle, padding, popupAniData }
             parentNode === null || parentNode === void 0 ? void 0 : parentNode.appendChild(modalEleRef.current);
         }
     }, []);
+    const isOpen = React.useMemo(() => {
+        return ((popup === null || popup === void 0 ? void 0 : popup.id) && (popup === null || popup === void 0 ? void 0 : popup.id) !== '') || visible;
+    }, [visible, popup]);
     React.useEffect(() => {
-        if (visible) {
+        if (isOpen) {
             setIsShow(true);
         }
         else {
             setTimeout(() => {
                 setIsShow(false);
-            }, cssAni === null || cssAni === void 0 ? void 0 : cssAni.duration);
+            }, popup === null || popup === void 0 ? void 0 : popup.duration);
         }
-    }, [visible, cssAni]);
+    }, [isOpen, popup]);
     if (!modalEleRef.current)
         return null;
     const handleClose = lodash.debounce(() => {
         onClose === null || onClose === void 0 ? void 0 : onClose();
     }, 300);
-    return ReactDOM__namespace.createPortal(React.createElement("div", { className: 'modal-bg', style: Object.assign({ display: isShow ? 'flex' : 'none', backgroundColor: visible ? 'rgba(0, 0, 0, 0.7)' : 'rgba(0, 0, 0, 0)' }, modalStyle), onClick: handleClose },
-        React.createElement("div", { className: `modal-container ${visible ? 'modal-popIn' : 'modal-popOut'}`, style: { padding, animationDuration: (cssAni === null || cssAni === void 0 ? void 0 : cssAni.duration) / 1000 + 's' }, onClick: (e) => {
+    return ReactDOM__namespace.createPortal(React.createElement(React.Fragment, null, isShow && (React.createElement("div", { className: 'modal-bg', style: Object.assign({ display: 'flex', backgroundColor: isOpen ? 'rgba(0, 0, 0, 0.7)' : 'rgba(0, 0, 0, 0)' }, modalStyle), onClick: handleClose },
+        React.createElement("div", { className: `modal-container ${isOpen ? 'modal-popIn' : 'modal-popOut'}`, style: { padding, animationDuration: ((_a = popup === null || popup === void 0 ? void 0 : popup.duration) !== null && _a !== void 0 ? _a : 0) / 1000 + 's' }, onClick: (e) => {
                 e.stopPropagation();
                 e.preventDefault();
             } },
             React.createElement("div", { onClick: onClose, className: 'modal-icon-wrapper' },
                 React.createElement("img", { src: closeIcon, alt: 'close', className: 'modal-icon' })),
-            children)), modalEleRef.current);
+            children)))), modalEleRef.current);
 };
 var Modal$1 = React.memo(Modal);
 
@@ -8532,7 +8538,6 @@ const getMediaValueByMode = (obj) => {
 
 const Prompt$1 = (_a) => {
     var { content, btnText, style, icon, onClick } = _a, props = __rest(_a, ["content", "btnText", "style", "icon", "onClick"]);
-    useEditor();
     const iconSrc = typeof icon === 'string' ? icon : getMediaValueByMode(icon);
     const handleOk = () => {
         window === null || window === void 0 ? void 0 : window.sxpPopup('');
@@ -8569,11 +8574,12 @@ const Prompt = createMaterial(PromptComponent, {
     sort: 3
 });
 
+var _a$2, _b$2;
 /*
  * @Author: binruan@chatlabs.com
  * @Date: 2024-03-26 16:50:25
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2024-03-28 18:42:26
+ * @LastEditTime: 2024-04-12 17:37:19
  * @FilePath: \pb-sxp-ui\src\materials\sxp\popup\CommodityDetailDiroNew\settingRender.tsx
  *
  */
@@ -8648,8 +8654,9 @@ var settingRender$2 = [
                             },
                             {
                                 type: 'Select',
-                                options: [{ label: '黑体', value: '黑体' }],
-                                name: ['fontFamily']
+                                options: fontOptions,
+                                name: ['fontFamily'],
+                                initialValue: (_a$2 = fontOptions === null || fontOptions === void 0 ? void 0 : fontOptions[0]) === null || _a$2 === void 0 ? void 0 : _a$2.value
                             },
                             {
                                 type: 'Number',
@@ -8728,7 +8735,8 @@ var settingRender$2 = [
                     {
                         type: 'Select',
                         name: ['props', 'buttonStyle', 'fontFamily'],
-                        options: [{ label: '黑体', value: '黑体' }]
+                        options: fontOptions,
+                        initialValue: (_b$2 = fontOptions === null || fontOptions === void 0 ? void 0 : fontOptions[0]) === null || _b$2 === void 0 ? void 0 : _b$2.value
                     },
                     {
                         type: 'Number',
@@ -8917,11 +8925,12 @@ const CommodityDetailDiroNew = createMaterial(CommodityDetailDiroNewComponent, {
     sort: 1
 });
 
+var _a$1, _b$1;
 /*
  * @Author: binruan@chatlabs.com
  * @Date: 2024-03-26 16:50:25
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2024-04-09 21:40:18
+ * @LastEditTime: 2024-04-12 17:38:12
  * @FilePath: \pb-sxp-ui\src\materials\sxp\template\components\settingRender.tsx
  *
  */
@@ -9039,8 +9048,9 @@ var settingRender$1 = [
                     },
                     {
                         type: 'Select',
-                        options: [{ label: '黑体', value: '黑体' }],
-                        name: ['props', 'ctaTempStyles', 'title', 'fontFamily']
+                        options: fontOptions,
+                        name: ['props', 'ctaTempStyles', 'title', 'fontFamily'],
+                        initialValue: (_a$1 = fontOptions === null || fontOptions === void 0 ? void 0 : fontOptions[0]) === null || _a$1 === void 0 ? void 0 : _a$1.value
                     },
                     {
                         type: 'Number',
@@ -9117,8 +9127,9 @@ var settingRender$1 = [
                     },
                     {
                         type: 'Select',
-                        options: [{ label: '黑体', value: '黑体' }],
-                        name: ['props', 'ctaTempStyles', 'ctaTitle', 'fontFamily']
+                        options: fontOptions,
+                        name: ['props', 'ctaTempStyles', 'ctaTitle', 'fontFamily'],
+                        initialValue: (_b$1 = fontOptions === null || fontOptions === void 0 ? void 0 : fontOptions[0]) === null || _b$1 === void 0 ? void 0 : _b$1.value
                     },
                     {
                         type: 'Number',
@@ -9184,7 +9195,7 @@ const EventProvider = (_a) => {
     var { rec, children, className, onClick, style, isExternalLink = false } = _a; __rest(_a, ["rec", "children", "className", "onClick", "style", "isExternalLink"]);
     const ref = React.useRef(null);
     const isOnScreen = useOnScreen(ref);
-    const { popupAni } = useEditor();
+    const { popup } = useEditor();
     const { setPopupDetailData, ctaEvent } = useSxpDataSource();
     const { jumpToWeb } = useEventReport();
     React.useEffect(() => {
@@ -9216,7 +9227,7 @@ const EventProvider = (_a) => {
         else {
             onClick === null || onClick === void 0 ? void 0 : onClick();
         }
-    }, popupAni === null || popupAni === void 0 ? void 0 : popupAni.duration);
+    }, popup === null || popup === void 0 ? void 0 : popup.duration);
     return (React.createElement("div", { ref: ref, className: className, style: style, onClick: handleClick }, children));
 };
 var EventProvider$1 = React.memo(EventProvider);
@@ -9684,7 +9695,7 @@ const MultiCommodityDiro$1 = (_a) => {
     var _b, _c;
     var { content, style, bgImg, recData, onClick, bottom_image, ctaTempStyles, isExternalLink } = _a, props = __rest(_a, ["content", "style", "bgImg", "recData", "onClick", "bottom_image", "ctaTempStyles", "isExternalLink"]);
     const { ctaEvent, setPopupDetailData, sxpParameter } = useSxpDataSource();
-    const { popupAni } = useEditor();
+    const { popup } = useEditor();
     const { jumpToWeb } = useEventReport();
     const [products, setProducts] = 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]);
     const handleClick = lodash.throttle((item) => {
@@ -9702,7 +9713,7 @@ const MultiCommodityDiro$1 = (_a) => {
         else {
             onClick === null || onClick === void 0 ? void 0 : onClick();
         }
-    }, popupAni === null || popupAni === void 0 ? void 0 : popupAni.duration);
+    }, popup === null || popup === void 0 ? void 0 : popup.duration);
     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.css(Object.assign(Object.assign({}, style), { display: 'flex', flexShrink: 0, marginLeft: 0, marginRight: '8px' })) }, props, { onClick: () => handleClick(item) }),
@@ -9797,7 +9808,7 @@ const MultiCommodity$1 = (_a) => {
     var { content, style, bgImg, recData, onClick, bottom_image, ctaTempStyles, isExternalLink } = _a, props = __rest(_a, ["content", "style", "bgImg", "recData", "onClick", "bottom_image", "ctaTempStyles", "isExternalLink"]);
     const { sxpParameter } = useSxpDataSource();
     const { ctaEvent, setPopupDetailData } = useSxpDataSource();
-    const { popupAni } = useEditor();
+    const { popup } = useEditor();
     const [products, setProducts] = 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]);
     const { jumpToWeb } = useEventReport();
     const handleClick = lodash.throttle((item) => {
@@ -9815,7 +9826,7 @@ const MultiCommodity$1 = (_a) => {
         else {
             onClick === null || onClick === void 0 ? void 0 : onClick();
         }
-    }, popupAni === null || popupAni === void 0 ? void 0 : popupAni.duration);
+    }, popup === null || popup === void 0 ? void 0 : popup.duration);
     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.css(Object.assign(Object.assign({}, style), { display: 'flex', flexShrink: 0, marginLeft: 0, marginRight: '8px' })) }, props, { onClick: () => handleClick(item) }),
@@ -9909,7 +9920,7 @@ const MultiCommodityDiroNew$1 = (_a) => {
     var _b, _c;
     var { content, style, bgImg, recData, onClick, bottom_image, ctaTempStyles, isExternalLink } = _a, props = __rest(_a, ["content", "style", "bgImg", "recData", "onClick", "bottom_image", "ctaTempStyles", "isExternalLink"]);
     const { ctaEvent, setPopupDetailData, sxpParameter } = useSxpDataSource();
-    const { popupAni } = useEditor();
+    const { popup } = useEditor();
     const { jumpToWeb } = useEventReport();
     const [products, setProducts] = 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]);
     const handleClick = lodash.throttle((item) => {
@@ -9927,7 +9938,7 @@ const MultiCommodityDiroNew$1 = (_a) => {
         else {
             onClick === null || onClick === void 0 ? void 0 : onClick();
         }
-    }, popupAni === null || popupAni === void 0 ? void 0 : popupAni.duration);
+    }, popup === null || popup === void 0 ? void 0 : popup.duration);
     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.css(Object.assign(Object.assign({}, style), { display: 'flex', flexShrink: 0, marginLeft: 0, marginRight: '8px' })) }, props, { onClick: () => handleClick(item) }),
@@ -10005,11 +10016,12 @@ const MultiCommodityDiroNew = createMaterial(MultiCommodityDiroNewComponent, {
     sort: 4
 });
 
+var _a, _b;
 /*
  * @Author: binruan@chatlabs.com
  * @Date: 2024-04-07 14:07:12
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2024-04-07 14:54:11
+ * @LastEditTime: 2024-04-12 17:39:45
  * @FilePath: \pb-sxp-ui\src\materials\sxp\HashTag\settingRender.tsx
  *
  */
@@ -10071,8 +10083,9 @@ var settingRender = [
                             },
                             {
                                 type: 'Select',
-                                options: [{ label: '黑体', value: '黑体' }],
-                                name: ['fontFamily']
+                                options: fontOptions,
+                                name: ['fontFamily'],
+                                initialValue: (_a = fontOptions === null || fontOptions === void 0 ? void 0 : fontOptions[0]) === null || _a === void 0 ? void 0 : _a.value
                             },
                             {
                                 type: 'Number',
@@ -10146,7 +10159,8 @@ var settingRender = [
                     {
                         type: 'Select',
                         name: ['props', 'buttonStyle', 'fontFamily'],
-                        options: [{ label: '黑体', value: '黑体' }]
+                        options: fontOptions,
+                        initialValue: (_b = fontOptions === null || fontOptions === void 0 ? void 0 : fontOptions[0]) === null || _b === void 0 ? void 0 : _b.value
                     },
                     {
                         type: 'Number',
@@ -11683,7 +11697,7 @@ var img$1 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeA
  * @Author: binruan@chatlabs.com
  * @Date: 2024-01-10 10:58:24
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2024-04-07 15:18:35
+ * @LastEditTime: 2024-04-12 11:29:01
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\WaterFall\index.tsx
  *
  */
@@ -11747,7 +11761,7 @@ const WaterFall = (props) => {
                 relatedContentId: (_d = rec === null || rec === void 0 ? void 0 : rec.video) === null || _d === void 0 ? void 0 : _d.itemId,
                 position: rec === null || rec === void 0 ? void 0 : rec.position,
                 contentTags: JSON.stringify((_e = rec === null || rec === void 0 ? void 0 : rec.video) === null || _e === void 0 ? void 0 : _e.tags),
-                traceInfo: JSON.stringify((_f = rec === null || rec === void 0 ? void 0 : rec.video) === null || _f === void 0 ? void 0 : _f.traceInfo),
+                traceInfo: (_f = rec === null || rec === void 0 ? void 0 : rec.video) === null || _f === void 0 ? void 0 : _f.traceInfo,
                 hashTags: JSON.stringify([recData === null || recData === void 0 ? void 0 : recData.hashTag]),
                 fromKName,
                 fromKPage: location === null || location === void 0 ? void 0 : location.href,
@@ -12851,15 +12865,15 @@ 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-10 09:57:19
+ * @LastEditTime: 2024-04-12 09:50:58
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\Popup\index.tsx
  *
  */
 const Popup = () => {
-    const { schema, resolver, popup, popupAni } = useEditor();
+    const { schema, resolver, popup } = useEditor();
     const { setPopupDetailData, popupDetailData, bffEventReport } = useSxpDataSource();
     const { productView } = useEventReport();
-    const [visible, setVisible] = React.useState(false);
+    const [visible, setVisible] = React.useState();
     const curTimeRef = React.useRef(null);
     React.useEffect(() => {
         const initTime = () => {
@@ -12872,33 +12886,33 @@ const Popup = () => {
         };
     }, []);
     React.useEffect(() => {
-        if (popup && popup !== '') {
+        if (popup && (popup === null || popup === void 0 ? void 0 : popup.id) && (popup === null || popup === void 0 ? void 0 : popup.id) !== '') {
             curTimeRef.current = new Date();
-            setVisible(true);
+            setVisible(popup);
         }
     }, [popup]);
     const handleClose = () => {
-        var _a, _b, _c;
-        if (!popup || popup === '' || !visible || new Date() - curTimeRef.current < (popupAni === null || popupAni === void 0 ? void 0 : popupAni.duration)) {
+        var _a, _b, _c, _d;
+        if (!popup || (popup === null || popup === void 0 ? void 0 : popup.id) === '' || !visible || new Date() - curTimeRef.current < ((_a = popup === null || popup === void 0 ? void 0 : popup.duration) !== null && _a !== void 0 ? _a : 0)) {
             return;
         }
-        setVisible(false);
+        setVisible(Object.assign(Object.assign({}, popup), { id: '' }));
         const data = popupDetailData;
-        const product = (_a = data === null || data === void 0 ? void 0 : data.video) === null || _a === void 0 ? void 0 : _a.bindProduct;
-        const cta = (_c = (_b = data === null || data === void 0 ? void 0 : data.video) === null || _b === void 0 ? void 0 : _b.bindProduct) === null || _c === void 0 ? void 0 : _c.bindCta;
+        const product = (_b = data === null || data === void 0 ? void 0 : data.video) === null || _b === void 0 ? void 0 : _b.bindProduct;
+        const cta = (_d = (_c = data === null || data === void 0 ? void 0 : data.video) === null || _c === void 0 ? void 0 : _c.bindProduct) === null || _d === void 0 ? void 0 : _d.bindCta;
         if (product && cta) {
             productView(data, product, cta, curTimeRef.current);
         }
         setTimeout(() => {
             window === null || window === void 0 ? void 0 : window.sxpPopup('');
             setPopupDetailData === null || setPopupDetailData === void 0 ? void 0 : setPopupDetailData(null);
-        }, popupAni === null || popupAni === void 0 ? void 0 : popupAni.duration);
+        }, popup === null || popup === void 0 ? void 0 : popup.duration);
     };
     const renderPopupDetail = React.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, _h;
-            if ((value === null || value === void 0 ? void 0 : value.id) === popup) {
+            if ((value === null || value === void 0 ? void 0 : value.id) === (popup === null || popup === void 0 ? void 0 : popup.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;
@@ -12909,7 +12923,7 @@ const Popup = () => {
             }
         });
     }, [schema, popup, resolver]);
-    return (React.createElement(Modal$1, { visible: !!visible, onClose: handleClose, padding: 0, modalStyle: { position: 'fixed' } }, renderPopupDetail));
+    return (React.createElement(Modal$1, { popup: visible, onClose: handleClose, padding: 0, modalStyle: { position: 'fixed' } }, renderPopupDetail));
 };
 
 /*
@@ -12983,7 +12997,7 @@ function useEditorDataProvider() {
  * @Author       : haocanweng@chatlabs.cn
  * @Date         : 2023-08-21 16:31:58
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2023-12-26 13:56:34
+ * @LastEditTime: 2024-04-12 16:59:53
  * @FilePath: \pb-sxp-ui\src\index.ts
  */
 
@@ -12994,6 +13008,7 @@ exports.SxpPageCore = index;
 exports.SxpPageRender = SxpPageRender;
 exports.core = index$1;
 exports.default = Pagebuilder;
+exports.defaultSetting = defaultSetting;
 exports.materials = _materials_;
 exports.useEditorDataProvider = useEditorDataProvider;
 //# sourceMappingURL=index.cjs.map