pb-sxp-ui 1.0.5 → 1.0.7

package/lib/materials/sxp/popup/CommodityDetailDiroNew/settingRender.js

@@ -1,5 +1,7 @@
 "use strict";
+var _a, _b;
 Object.defineProperty(exports, "__esModule", { value: true });
+const defaultSetting_1 = require("../../defaultSetting");
 exports.default = [
     {
         title: '商品图片',
@@ -71,8 +73,9 @@ exports.default = [
                             },
                             {
                                 type: 'Select',
-                                options: [{ label: '黑体', value: '黑体' }],
-                                name: ['fontFamily']
+                                options: defaultSetting_1.fontOptions,
+                                name: ['fontFamily'],
+                                initialValue: (_a = defaultSetting_1.fontOptions === null || defaultSetting_1.fontOptions === void 0 ? void 0 : defaultSetting_1.fontOptions[0]) === null || _a === void 0 ? void 0 : _a.value
                             },
                             {
                                 type: 'Number',
@@ -151,7 +154,8 @@ exports.default = [
                     {
                         type: 'Select',
                         name: ['props', 'buttonStyle', 'fontFamily'],
-                        options: [{ label: '黑体', value: '黑体' }]
+                        options: defaultSetting_1.fontOptions,
+                        initialValue: (_b = defaultSetting_1.fontOptions === null || defaultSetting_1.fontOptions === void 0 ? void 0 : defaultSetting_1.fontOptions[0]) === null || _b === void 0 ? void 0 : _b.value
                     },
                     {
                         type: 'Number',

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

@@ -5,11 +5,9 @@ const css_1 = require("@emotion/css");
 const react_1 = tslib_1.__importStar(require("react"));
 const success_png_1 = tslib_1.__importDefault(require("./success.png"));
 const materials_1 = require("../../../../core/utils/materials");
-const hooks_1 = require("../../../../core/hooks");
 require("./index.less");
 const Prompt = (_a) => {
     var { content, btnText, style, icon, onClick } = _a, props = tslib_1.__rest(_a, ["content", "btnText", "style", "icon", "onClick"]);
-    const { setPopup } = (0, hooks_1.useEditor)();
     const iconSrc = typeof icon === 'string' ? icon : (0, materials_1.getMediaValueByMode)(icon);
     const handleOk = () => {
         window === null || window === void 0 ? void 0 : window.sxpPopup('');

package/lib/materials/sxp/template/MultiCommodity/index.js

@@ -15,7 +15,7 @@ const MultiCommodity = (_a) => {
     var { content, style, bgImg, recData, onClick, bottom_image, ctaTempStyles, isExternalLink } = _a, props = tslib_1.__rest(_a, ["content", "style", "bgImg", "recData", "onClick", "bottom_image", "ctaTempStyles", "isExternalLink"]);
     const { sxpParameter } = (0, hooks_1.useSxpDataSource)();
     const { ctaEvent, setPopupDetailData } = (0, hooks_1.useSxpDataSource)();
-    const { popupAni } = (0, hooks_1.useEditor)();
+    const { popup } = (0, hooks_1.useEditor)();
     const [products, setProducts] = (0, react_1.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 } = (0, useEventReport_1.useEventReport)();
     const handleClick = (0, lodash_1.throttle)((item) => {
@@ -33,7 +33,7 @@ const MultiCommodity = (_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_1.default.createElement(Scroll_1.default, { isPadding: !!recData }, products === null || products === void 0 ? void 0 : products.map((item) => {
         var _a, _b, _c, _d, _e, _f;
         return (react_1.default.createElement(react_2.SwiperSlide, Object.assign({ hidden: recData && !(item === null || item === void 0 ? void 0 : item.bindCta), key: item.itemId, className: (0, css_1.css)(Object.assign(Object.assign({}, style), { display: 'flex', flexShrink: 0, marginLeft: 0, marginRight: '8px' })) }, props, { onClick: () => handleClick(item) }),

package/lib/materials/sxp/template/MultiCommodityDiro/index.js

@@ -14,7 +14,7 @@ const MultiCommodityDiro = (_a) => {
     var _b, _c;
     var { content, style, bgImg, recData, onClick, bottom_image, ctaTempStyles, isExternalLink } = _a, props = tslib_1.__rest(_a, ["content", "style", "bgImg", "recData", "onClick", "bottom_image", "ctaTempStyles", "isExternalLink"]);
     const { ctaEvent, setPopupDetailData, sxpParameter } = (0, hooks_1.useSxpDataSource)();
-    const { popupAni } = (0, hooks_1.useEditor)();
+    const { popup } = (0, hooks_1.useEditor)();
     const { jumpToWeb } = (0, useEventReport_1.useEventReport)();
     const [products, setProducts] = (0, react_1.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 = (0, lodash_1.throttle)((item) => {
@@ -32,7 +32,7 @@ const MultiCommodityDiro = (_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_1.default.createElement(Scroll_1.default, { isPadding: !!recData }, products === null || products === void 0 ? void 0 : products.map((item) => {
         var _a, _b, _c, _d, _e, _f;
         return (react_1.default.createElement(react_2.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: (0, css_1.css)(Object.assign(Object.assign({}, style), { display: 'flex', flexShrink: 0, marginLeft: 0, marginRight: '8px' })) }, props, { onClick: () => handleClick(item) }),

package/lib/materials/sxp/template/MultiCommodityDiroNew/index.js

@@ -14,7 +14,7 @@ const MultiCommodityDiroNew = (_a) => {
     var _b, _c;
     var { content, style, bgImg, recData, onClick, bottom_image, ctaTempStyles, isExternalLink } = _a, props = tslib_1.__rest(_a, ["content", "style", "bgImg", "recData", "onClick", "bottom_image", "ctaTempStyles", "isExternalLink"]);
     const { ctaEvent, setPopupDetailData, sxpParameter } = (0, hooks_1.useSxpDataSource)();
-    const { popupAni } = (0, hooks_1.useEditor)();
+    const { popup } = (0, hooks_1.useEditor)();
     const { jumpToWeb } = (0, useEventReport_1.useEventReport)();
     const [products, setProducts] = (0, react_1.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 = (0, lodash_1.throttle)((item) => {
@@ -32,7 +32,7 @@ const MultiCommodityDiroNew = (_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_1.default.createElement(Scroll_1.default, { isPadding: !!recData }, products === null || products === void 0 ? void 0 : products.map((item) => {
         var _a, _b, _c, _d, _e, _f;
         return (react_1.default.createElement(react_2.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: (0, css_1.css)(Object.assign(Object.assign({}, style), { display: 'flex', flexShrink: 0, marginLeft: 0, marginRight: '8px' })) }, props, { onClick: () => handleClick(item) }),

package/lib/materials/sxp/template/components/EventProvider.js

@@ -10,7 +10,7 @@ const EventProvider = (_a) => {
     var { rec, children, className, onClick, style, isExternalLink = false } = _a, props = tslib_1.__rest(_a, ["rec", "children", "className", "onClick", "style", "isExternalLink"]);
     const ref = (0, react_1.useRef)(null);
     const isOnScreen = (0, useOnScreen_1.default)(ref);
-    const { popupAni } = (0, hooks_1.useEditor)();
+    const { popup } = (0, hooks_1.useEditor)();
     const { setPopupDetailData, ctaEvent } = (0, hooks_1.useSxpDataSource)();
     const { jumpToWeb } = (0, useEventReport_1.useEventReport)();
     (0, react_1.useEffect)(() => {
@@ -42,7 +42,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_1.default.createElement("div", { ref: ref, className: className, style: style, onClick: handleClick }, children));
 };
 exports.default = (0, react_1.memo)(EventProvider);

package/lib/materials/sxp/template/components/settingRender.d.ts

@@ -50,6 +50,7 @@ declare const _default: ({
             type: string;
             name: string[];
             options?: undefined;
+            initialValue?: undefined;
             addonAfter?: undefined;
         } | {
             type: string;
@@ -58,12 +59,14 @@ declare const _default: ({
                 value: string;
             }[];
             name: string[];
+            initialValue: string;
             addonAfter?: undefined;
         } | {
             type: string;
             addonAfter: string;
             name: string[];
             options?: undefined;
+            initialValue?: undefined;
         })[];
         name?: undefined;
     } | {
@@ -101,6 +104,7 @@ declare const _default: ({
             type: string;
             name: string[];
             options?: undefined;
+            initialValue?: undefined;
             addonAfter?: undefined;
         } | {
             type: string;
@@ -109,12 +113,14 @@ declare const _default: ({
                 value: string;
             }[];
             name: string[];
+            initialValue: string;
             addonAfter?: undefined;
         } | {
             type: string;
             addonAfter: string;
             name: string[];
             options?: undefined;
+            initialValue?: undefined;
         })[];
         name?: undefined;
     })[];

package/lib/materials/sxp/template/components/settingRender.js

@@ -1,5 +1,7 @@
 "use strict";
+var _a, _b;
 Object.defineProperty(exports, "__esModule", { value: true });
+const defaultSetting_1 = require("../../defaultSetting");
 exports.default = [
     {
         title: '主题样式',
@@ -114,8 +116,9 @@ exports.default = [
                     },
                     {
                         type: 'Select',
-                        options: [{ label: '黑体', value: '黑体' }],
-                        name: ['props', 'ctaTempStyles', 'title', 'fontFamily']
+                        options: defaultSetting_1.fontOptions,
+                        name: ['props', 'ctaTempStyles', 'title', 'fontFamily'],
+                        initialValue: (_a = defaultSetting_1.fontOptions === null || defaultSetting_1.fontOptions === void 0 ? void 0 : defaultSetting_1.fontOptions[0]) === null || _a === void 0 ? void 0 : _a.value
                     },
                     {
                         type: 'Number',
@@ -192,8 +195,9 @@ exports.default = [
                     },
                     {
                         type: 'Select',
-                        options: [{ label: '黑体', value: '黑体' }],
-                        name: ['props', 'ctaTempStyles', 'ctaTitle', 'fontFamily']
+                        options: defaultSetting_1.fontOptions,
+                        name: ['props', 'ctaTempStyles', 'ctaTitle', 'fontFamily'],
+                        initialValue: (_b = defaultSetting_1.fontOptions === null || defaultSetting_1.fontOptions === void 0 ? void 0 : defaultSetting_1.fontOptions[0]) === null || _b === void 0 ? void 0 : _b.value
                     },
                     {
                         type: 'Number',

package/package.json

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

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

@@ -1,14 +0,0 @@
-import React from 'react';
-import { RecItemType } from '../typing';
-interface IProductInfoProps {
-    data: RecItemType;
-    height: number;
-    width: number;
-    viewTime: any;
-    tipText?: {
-        foldText?: string;
-        unfoldText?: string;
-    };
-}
-declare const _default: React.NamedExoticComponent<IProductInfoProps>;
-export default _default;

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

@@ -1,55 +0,0 @@
-import React, { useMemo, useState } from 'react';
-import { Pagination, Autoplay } from 'swiper/modules';
-import { SwiperSlide, Swiper } from 'swiper/react';
-import ExpandableText from '../ExpandableText';
-import Modal from '../Modal';
-import { useEventReport } from '../../../../core/hooks/useEventReport';
-const ProductInfo = ({ data, height, width, viewTime, tipText }) => {
-    var _a, _b;
-    const product = data === null || data === void 0 ? void 0 : data.product;
-    const cta = (_a = data === null || data === void 0 ? void 0 : data.product) === null || _a === void 0 ? void 0 : _a.bindCta;
-    const [showModal, setShowModal] = useState(false);
-    const { jumpToWeb } = useEventReport();
-    const priceText = useMemo(() => {
-        var _a, _b, _c, _d, _e;
-        if ((product === null || product === void 0 ? void 0 : product.currency) && (product === null || product === void 0 ? void 0 : product.price)) {
-            return `${(_c = (_b = (_a = product === null || product === void 0 ? void 0 : product.currency) === null || _a === void 0 ? void 0 : _a.split('-')[1]) === null || _b === void 0 ? void 0 : _b.toUpperCase()) !== null && _c !== void 0 ? _c : ''}${(_e = (_d = product === null || product === void 0 ? void 0 : product.price) === null || _d === void 0 ? void 0 : _d.toLocaleString('zh', {
-                minimumFractionDigits: 0
-            })) !== null && _e !== void 0 ? _e : ''}`;
-        }
-        else {
-            return '$7,000';
-        }
-    }, [product === null || product === void 0 ? void 0 : product.price, product === null || product === void 0 ? void 0 : product.currency]);
-    const handleLInk = (link) => {
-        if (link) {
-            jumpToWeb(data, product, cta);
-            window.location.href = window.getJointUtmLink(link);
-        }
-    };
-    return (React.createElement("div", { style: { height, width: '100%' } },
-        React.createElement(Swiper, { height: height * 0.5, modules: [Pagination, Autoplay], pagination: { clickable: true, bulletActiveClass: 'swipe-item-active-bullet' }, loop: true, autoplay: {
-                delay: 3000
-            } }, (_b = product === null || product === void 0 ? void 0 : product.homePage) === null || _b === void 0 ? void 0 : _b.map((src) => {
-            return (React.createElement(SwiperSlide, { key: src },
-                React.createElement("div", { style: {
-                        overflow: 'hidden',
-                        width,
-                        height: height * 0.5
-                    } },
-                    React.createElement("img", { src: src, style: { height: '100%', width: '100%', objectFit: 'cover' } }))));
-        })),
-        React.createElement("div", { className: 'product-info' },
-            React.createElement("div", { className: 'collection' }, product === null || product === void 0 ? void 0 : product.collection),
-            React.createElement("div", { className: 'title' }, product === null || product === void 0 ? void 0 : product.title),
-            React.createElement("div", { className: 'price' }, priceText),
-            React.createElement(ExpandableText, { foldText: tipText === null || tipText === void 0 ? void 0 : tipText.foldText, unfoldText: tipText === null || tipText === void 0 ? void 0 : tipText.unfoldText, onClick: () => setShowModal(true), className: 'info', text: (product === null || product === void 0 ? void 0 : product.info) || '', maxStr: 79 }),
-            React.createElement("a", { target: '_blank', className: 'pb-modal-btn', onClick: () => handleLInk(product === null || product === void 0 ? void 0 : product.link) }, cta === null || cta === void 0 ? void 0 : cta.enTitle)),
-        React.createElement(Modal, { visible: showModal, onClose: () => setShowModal(false) },
-            React.createElement("div", { className: 'modal-collection' }, product === null || product === void 0 ? void 0 : product.collection),
-            React.createElement("div", { className: 'modal-title' }, product === null || product === void 0 ? void 0 : product.title),
-            React.createElement("div", { className: 'modal-price' }, priceText),
-            React.createElement("div", { className: 'modal-info' }, product === null || product === void 0 ? void 0 : product.info),
-            (product === null || product === void 0 ? void 0 : product.link) && (React.createElement("a", { target: '_blank', className: 'pb-modal-btn', onClick: () => handleLInk(product === null || product === void 0 ? void 0 : product.link) }, cta === null || cta === void 0 ? void 0 : cta.enTitle)))));
-};
-export default React.memo(ProductInfo);

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

@@ -1,14 +0,0 @@
-import React from 'react';
-import { RecItemType } from '../typing';
-interface IProductInfoProps {
-    data: RecItemType;
-    height: number;
-    width: number;
-    viewTime: any;
-    tipText?: {
-        foldText?: string;
-        unfoldText?: string;
-    };
-}
-declare const _default: React.NamedExoticComponent<IProductInfoProps>;
-export default _default;

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

@@ -1,58 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const modules_1 = require("swiper/modules");
-const react_2 = require("swiper/react");
-const ExpandableText_1 = tslib_1.__importDefault(require("../ExpandableText"));
-const Modal_1 = tslib_1.__importDefault(require("../Modal"));
-const useEventReport_1 = require("../../../../core/hooks/useEventReport");
-const ProductInfo = ({ data, height, width, viewTime, tipText }) => {
-    var _a, _b;
-    const product = data === null || data === void 0 ? void 0 : data.product;
-    const cta = (_a = data === null || data === void 0 ? void 0 : data.product) === null || _a === void 0 ? void 0 : _a.bindCta;
-    const [showModal, setShowModal] = (0, react_1.useState)(false);
-    const { jumpToWeb } = (0, useEventReport_1.useEventReport)();
-    const priceText = (0, react_1.useMemo)(() => {
-        var _a, _b, _c, _d, _e;
-        if ((product === null || product === void 0 ? void 0 : product.currency) && (product === null || product === void 0 ? void 0 : product.price)) {
-            return `${(_c = (_b = (_a = product === null || product === void 0 ? void 0 : product.currency) === null || _a === void 0 ? void 0 : _a.split('-')[1]) === null || _b === void 0 ? void 0 : _b.toUpperCase()) !== null && _c !== void 0 ? _c : ''}${(_e = (_d = product === null || product === void 0 ? void 0 : product.price) === null || _d === void 0 ? void 0 : _d.toLocaleString('zh', {
-                minimumFractionDigits: 0
-            })) !== null && _e !== void 0 ? _e : ''}`;
-        }
-        else {
-            return '$7,000';
-        }
-    }, [product === null || product === void 0 ? void 0 : product.price, product === null || product === void 0 ? void 0 : product.currency]);
-    const handleLInk = (link) => {
-        if (link) {
-            jumpToWeb(data, product, cta);
-            window.location.href = window.getJointUtmLink(link);
-        }
-    };
-    return (react_1.default.createElement("div", { style: { height, width: '100%' } },
-        react_1.default.createElement(react_2.Swiper, { height: height * 0.5, modules: [modules_1.Pagination, modules_1.Autoplay], pagination: { clickable: true, bulletActiveClass: 'swipe-item-active-bullet' }, loop: true, autoplay: {
-                delay: 3000
-            } }, (_b = product === null || product === void 0 ? void 0 : product.homePage) === null || _b === void 0 ? void 0 : _b.map((src) => {
-            return (react_1.default.createElement(react_2.SwiperSlide, { key: src },
-                react_1.default.createElement("div", { style: {
-                        overflow: 'hidden',
-                        width,
-                        height: height * 0.5
-                    } },
-                    react_1.default.createElement("img", { src: src, style: { height: '100%', width: '100%', objectFit: 'cover' } }))));
-        })),
-        react_1.default.createElement("div", { className: 'product-info' },
-            react_1.default.createElement("div", { className: 'collection' }, product === null || product === void 0 ? void 0 : product.collection),
-            react_1.default.createElement("div", { className: 'title' }, product === null || product === void 0 ? void 0 : product.title),
-            react_1.default.createElement("div", { className: 'price' }, priceText),
-            react_1.default.createElement(ExpandableText_1.default, { foldText: tipText === null || tipText === void 0 ? void 0 : tipText.foldText, unfoldText: tipText === null || tipText === void 0 ? void 0 : tipText.unfoldText, onClick: () => setShowModal(true), className: 'info', text: (product === null || product === void 0 ? void 0 : product.info) || '', maxStr: 79 }),
-            react_1.default.createElement("a", { target: '_blank', className: 'pb-modal-btn', onClick: () => handleLInk(product === null || product === void 0 ? void 0 : product.link) }, cta === null || cta === void 0 ? void 0 : cta.enTitle)),
-        react_1.default.createElement(Modal_1.default, { visible: showModal, onClose: () => setShowModal(false) },
-            react_1.default.createElement("div", { className: 'modal-collection' }, product === null || product === void 0 ? void 0 : product.collection),
-            react_1.default.createElement("div", { className: 'modal-title' }, product === null || product === void 0 ? void 0 : product.title),
-            react_1.default.createElement("div", { className: 'modal-price' }, priceText),
-            react_1.default.createElement("div", { className: 'modal-info' }, product === null || product === void 0 ? void 0 : product.info),
-            (product === null || product === void 0 ? void 0 : product.link) && (react_1.default.createElement("a", { target: '_blank', className: 'pb-modal-btn', onClick: () => handleLInk(product === null || product === void 0 ? void 0 : product.link) }, cta === null || cta === void 0 ? void 0 : cta.enTitle)))));
-};
-exports.default = react_1.default.memo(ProductInfo);