pb-sxp-ui 1.0.102 → 1.0.103

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

@@ -10,7 +10,7 @@ const Nudge = ({ nudge }) => {
             borderRadius: (_f = nudge === null || nudge === void 0 ? void 0 : nudge.borderRadius) !== null && _f !== void 0 ? _f : 4
         } },
         (nudge === null || nudge === void 0 ? void 0 : nudge.icon) ? (React.createElement("img", { src: nudge.icon, alt: 'nudge icon', style: { height: '100%', objectFit: 'cover', flexShrink: 0 } })) : null,
-        React.createElement("p", { style: Object.assign(Object.assign({}, nudge === null || nudge === void 0 ? void 0 : nudge.textStyle), { textWrap: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden', whiteSpace: 'nowrap', flex: 1, marginBottom: 0 }), dangerouslySetInnerHTML: {
+        React.createElement("p", { style: Object.assign(Object.assign({}, nudge === null || nudge === void 0 ? void 0 : nudge.textStyle), { textWrap: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden', whiteSpace: 'nowrap', flex: 1, marginBottom: 0, marginTop: 0 }), dangerouslySetInnerHTML: {
                 __html: setFontForText(nudge === null || nudge === void 0 ? void 0 : nudge.content, nudge === null || nudge === void 0 ? void 0 : nudge.textStyle)
             } })))));
 };

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

@@ -3,8 +3,9 @@ import { Autoplay, Pagination } from 'swiper/modules';
 import { Swiper, SwiperSlide, useSwiperSlide } from 'swiper/react';
 import Picture from './Picture';
 import { useSxpDataSource } from '../../../../core/hooks';
+import { css } from '@emotion/css';
 const PictureGroup = ({ imgUrls, width, height, rec, index, onReportViewImageEnd, onViewImageStartEvent, imgUrlsPostConfig }) => {
-    var _a;
+    var _a, _b;
     const ref = useRef();
     const { isActive } = useSwiperSlide();
     const { sxpParameter, openHashtag } = useSxpDataSource();
@@ -28,7 +29,14 @@ const PictureGroup = ({ imgUrls, width, height, rec, index, onReportViewImageEnd
             setIsLoad(true);
         }
     }, [isLoad]);
-    return (React.createElement(Swiper, { ref: ref, defaultValue: 0, direction: 'horizontal', modules: [Pagination, Autoplay], pagination: { clickable: true, bulletActiveClass: 'swipe-item-active-bullet' }, height: height, loop: true, autoplay: { delay: ((_a = imgUrlsPostConfig === null || imgUrlsPostConfig === void 0 ? void 0 : imgUrlsPostConfig.delay) !== null && _a !== void 0 ? _a : 3) * 1000 } }, imgUrls === null || imgUrls === void 0 ? void 0 : imgUrls.map((url, index) => {
+    return (React.createElement(Swiper, { ref: ref, defaultValue: 0, direction: 'horizontal', modules: [Pagination, Autoplay], pagination: {
+            clickable: true,
+            bulletActiveClass: 'swipe-item-active-bullet'
+        }, className: css(Object.assign({}, ((imgUrlsPostConfig === null || imgUrlsPostConfig === void 0 ? void 0 : imgUrlsPostConfig.marginBottom) && {
+            '.swiper-pagination': {
+                bottom: (_a = imgUrlsPostConfig === null || imgUrlsPostConfig === void 0 ? void 0 : imgUrlsPostConfig.marginBottom) !== null && _a !== void 0 ? _a : 0
+            }
+        }))), height: height, loop: true, autoplay: { delay: ((_b = imgUrlsPostConfig === null || imgUrlsPostConfig === void 0 ? void 0 : imgUrlsPostConfig.delay) !== null && _b !== void 0 ? _b : 3) * 1000 } }, imgUrls === null || imgUrls === void 0 ? void 0 : imgUrls.map((url, index) => {
         return (React.createElement(SwiperSlide, { key: index },
             React.createElement(Picture, { src: !isLoad && index > 0 ? '' : url, height: height, imgUrlsPostConfig: imgUrlsPostConfig, onShowFirstImage: showFirstImageFn })));
     })));

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

@@ -7,6 +7,7 @@ export type postConfigType = {
     delay?: number;
     bgWay?: '1' | '2';
     bgColor?: string;
+    marginBottom?: number;
 };
 export interface ISxpPageRenderProps {
     globalConfig?: {

package/es/materials/sxp/template/Link/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { CSSProperties } from 'react';
 import { ICtaTempStylesType } from '../components/typing';
 import { RecItemType } from '../../../../core/components/SxpPageRender/typing';
 export interface ILinkProps {
@@ -9,6 +9,11 @@ export interface ILinkProps {
     bottom_image?: string;
     ctaTempStyles?: ICtaTempStylesType;
     index?: number;
+    customTitle?: {
+        style?: CSSProperties;
+        display?: boolean;
+        text?: string;
+    };
 }
 declare const _default: React.NamedExoticComponent<ILinkProps>;
 export default _default;

package/es/materials/sxp/template/Link/index.js

@@ -8,8 +8,8 @@ import { useEventReport } from '../../../../core/hooks/useEventReport';
 import Img from '../components/Img';
 import { setFontForText } from '../../../../core/utils/tool';
 const Link = (_a) => {
-    var _b, _c, _d, _e, _f, _g, _h;
-    var { content, style, bgImg, recData, bottom_image, ctaTempStyles, index } = _a, props = __rest(_a, ["content", "style", "bgImg", "recData", "bottom_image", "ctaTempStyles", "index"]);
+    var _b, _c, _d, _e, _f, _g, _h, _j;
+    var { content, style, bgImg, recData, bottom_image, ctaTempStyles, index, customTitle } = _a, props = __rest(_a, ["content", "style", "bgImg", "recData", "bottom_image", "ctaTempStyles", "index", "customTitle"]);
     const { sxpParameter, bffEventReport } = useSxpDataSource();
     const { jumpToWeb } = useEventReport();
     const cta = (_b = recData === null || recData === void 0 ? void 0 : recData.video) === null || _b === void 0 ? void 0 : _b.bindCta;
@@ -29,8 +29,12 @@ const Link = (_a) => {
                 width: '100%',
                 overflow: 'hidden'
             }) },
-            React.createElement("div", { className: styles['tow-line-ellipsis'], style: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.ctaTitle, dangerouslySetInnerHTML: {
-                    __html: setFontForText((_h = cta === null || cta === void 0 ? void 0 : cta.enTitle) !== null && _h !== void 0 ? _h : 'Product Name', ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.ctaTitle)
-                } }))));
+            React.createElement("div", null,
+                React.createElement("div", { className: (customTitle === null || customTitle === void 0 ? void 0 : customTitle.display) ? styles['one-line-ellipsis'] : styles['tow-line-ellipsis'], style: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.ctaTitle, dangerouslySetInnerHTML: {
+                        __html: setFontForText((_h = cta === null || cta === void 0 ? void 0 : cta.enTitle) !== null && _h !== void 0 ? _h : 'Product Name', ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.ctaTitle)
+                    } }),
+                (customTitle === null || customTitle === void 0 ? void 0 : customTitle.display) && (React.createElement("div", { style: Object.assign(Object.assign({}, customTitle === null || customTitle === void 0 ? void 0 : customTitle.style), { lineHeight: ((_j = customTitle === null || customTitle === void 0 ? void 0 : customTitle.style) === null || _j === void 0 ? void 0 : _j.height) + 'px' }), className: styles['one-line-ellipsis'], dangerouslySetInnerHTML: {
+                        __html: setFontForText(customTitle === null || customTitle === void 0 ? void 0 : customTitle.text, customTitle === null || customTitle === void 0 ? void 0 : customTitle.style)
+                    } }))))));
 };
 export default memo(Link);

package/es/materials/sxp/template/Link/material.js

@@ -1,4 +1,6 @@
+var _a;
 import settingRender from '../components/settingRender';
+import linkSettingRender from './settingRender';
 import LinkComponent from '.';
 import { createMaterial } from '../../../../core/create';
 const Link = createMaterial(LinkComponent, {
@@ -7,7 +9,7 @@ const Link = createMaterial(LinkComponent, {
     category: 'template',
     type: 'Link',
     related: {
-        settingRender: settingRender === null || settingRender === void 0 ? void 0 : settingRender.filter((i) => i.type !== 'commodityTitle'),
+        settingRender: (_a = settingRender === null || settingRender === void 0 ? void 0 : settingRender.filter((i) => i.type !== 'commodityTitle')) === null || _a === void 0 ? void 0 : _a.concat(linkSettingRender),
         bindableProps: []
     },
     defaulSetting: {
@@ -26,6 +28,18 @@ const Link = createMaterial(LinkComponent, {
                     width: 130,
                     height: 20
                 }
+            },
+            customTitle: {
+                style: {
+                    textAlign: 'left',
+                    textDecoration: 'underline',
+                    fontWeight: 'bold',
+                    width: 130,
+                    height: 20,
+                    fontSize: 12,
+                    color: '#000'
+                },
+                text: '探索更多'
             }
         },
         style: {

package/es/materials/sxp/template/Link/settingRender.d.ts

@@ -0,0 +1,57 @@
+declare const _default: {
+    title: string;
+    child: ({
+        type: string;
+        label: string;
+        name: string[];
+        child?: undefined;
+        addonAfter?: undefined;
+    } | {
+        type: string;
+        label: string;
+        child: ({
+            type: string;
+            name: string[];
+            max: number;
+            addonAfter?: undefined;
+        } | {
+            type: string;
+            name: string[];
+            addonAfter: string;
+            max: number;
+        })[];
+        name?: undefined;
+        addonAfter?: undefined;
+    } | {
+        type: string;
+        label: string;
+        child: {
+            type: string;
+            name: string[];
+            bottomText: string;
+        }[];
+        name?: undefined;
+        addonAfter?: undefined;
+    } | {
+        type: string;
+        label: string;
+        child: ({
+            type: string;
+            name: string[];
+            addonAfter?: undefined;
+        } | {
+            type: string;
+            addonAfter: string;
+            name: string[];
+        })[];
+        name?: undefined;
+        addonAfter?: undefined;
+    } | {
+        label: string;
+        type: string;
+        name: string[];
+        addonAfter: string;
+        child?: undefined;
+    })[];
+}[];
+export default _default;

package/es/materials/sxp/template/Link/settingRender.js

@@ -0,0 +1,102 @@
+export default [
+    {
+        title: '自定义标题',
+        child: [
+            {
+                type: 'Switch',
+                label: '自定义标题开关',
+                name: ['props', 'customTitle', 'display']
+            },
+            {
+                type: 'Text',
+                label: '标题文案',
+                name: ['props', 'customTitle', 'text']
+            },
+            {
+                type: 'Group',
+                label: '尺寸',
+                child: [
+                    {
+                        type: 'Number',
+                        name: ['props', 'customTitle', 'style', 'width'],
+                        addonAfter: 'W'
+                    },
+                    {
+                        type: 'Number',
+                        name: ['props', 'customTitle', 'style', 'height'],
+                        addonAfter: 'H'
+                    }
+                ]
+            },
+            {
+                type: 'Group',
+                label: '圆角',
+                child: [
+                    {
+                        type: 'Slider',
+                        name: ['props', 'customTitle', 'style', 'borderRadius'],
+                        max: 100
+                    },
+                    {
+                        type: 'Number',
+                        name: ['props', 'customTitle', 'style', 'borderRadius'],
+                        addonAfter: 'px',
+                        max: 100
+                    }
+                ]
+            },
+            {
+                type: 'Color',
+                label: '背景色',
+                name: ['props', 'customTitle', 'style', 'backgroundColor']
+            },
+            {
+                type: 'Group',
+                label: '字体',
+                child: [
+                    {
+                        type: 'Select',
+                        name: ['props', 'customTitle', 'style', 'fontFamily-cn'],
+                        bottomText: '中文字体'
+                    },
+                    {
+                        type: 'Select',
+                        name: ['props', 'customTitle', 'style', 'fontFamily-en'],
+                        bottomText: '英文/其他字体'
+                    }
+                ]
+            },
+            {
+                type: 'Group',
+                label: '',
+                child: [
+                    {
+                        type: 'Color',
+                        name: ['props', 'customTitle', 'style', 'color']
+                    },
+                    {
+                        type: 'Number',
+                        addonAfter: 'px',
+                        name: ['props', 'customTitle', 'style', 'fontSize']
+                    }
+                ]
+            },
+            {
+                label: '样式',
+                type: 'TextStyle',
+                name: ['props', 'customTitle', 'style']
+            },
+            {
+                label: '对齐',
+                type: 'TextAlign',
+                name: ['props', 'customTitle', 'style']
+            },
+            {
+                label: '上边距',
+                type: 'Number',
+                name: ['props', 'customTitle', 'style', 'marginTop'],
+                addonAfter: 'px'
+            }
+        ]
+    }
+];

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

@@ -13,7 +13,7 @@ const Nudge = ({ nudge }) => {
             borderRadius: (_f = nudge === null || nudge === void 0 ? void 0 : nudge.borderRadius) !== null && _f !== void 0 ? _f : 4
         } },
         (nudge === null || nudge === void 0 ? void 0 : nudge.icon) ? (react_1.default.createElement("img", { src: nudge.icon, alt: 'nudge icon', style: { height: '100%', objectFit: 'cover', flexShrink: 0 } })) : null,
-        react_1.default.createElement("p", { style: Object.assign(Object.assign({}, nudge === null || nudge === void 0 ? void 0 : nudge.textStyle), { textWrap: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden', whiteSpace: 'nowrap', flex: 1, marginBottom: 0 }), dangerouslySetInnerHTML: {
+        react_1.default.createElement("p", { style: Object.assign(Object.assign({}, nudge === null || nudge === void 0 ? void 0 : nudge.textStyle), { textWrap: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden', whiteSpace: 'nowrap', flex: 1, marginBottom: 0, marginTop: 0 }), dangerouslySetInnerHTML: {
                 __html: (0, tool_1.setFontForText)(nudge === null || nudge === void 0 ? void 0 : nudge.content, nudge === null || nudge === void 0 ? void 0 : nudge.textStyle)
             } })))));
 };

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

@@ -6,8 +6,9 @@ const modules_1 = require("swiper/modules");
 const react_2 = require("swiper/react");
 const Picture_1 = tslib_1.__importDefault(require("./Picture"));
 const hooks_1 = require("../../../../core/hooks");
+const css_1 = require("@emotion/css");
 const PictureGroup = ({ imgUrls, width, height, rec, index, onReportViewImageEnd, onViewImageStartEvent, imgUrlsPostConfig }) => {
-    var _a;
+    var _a, _b;
     const ref = (0, react_1.useRef)();
     const { isActive } = (0, react_2.useSwiperSlide)();
     const { sxpParameter, openHashtag } = (0, hooks_1.useSxpDataSource)();
@@ -31,7 +32,14 @@ const PictureGroup = ({ imgUrls, width, height, rec, index, onReportViewImageEnd
             setIsLoad(true);
         }
     }, [isLoad]);
-    return (react_1.default.createElement(react_2.Swiper, { ref: ref, defaultValue: 0, direction: 'horizontal', modules: [modules_1.Pagination, modules_1.Autoplay], pagination: { clickable: true, bulletActiveClass: 'swipe-item-active-bullet' }, height: height, loop: true, autoplay: { delay: ((_a = imgUrlsPostConfig === null || imgUrlsPostConfig === void 0 ? void 0 : imgUrlsPostConfig.delay) !== null && _a !== void 0 ? _a : 3) * 1000 } }, imgUrls === null || imgUrls === void 0 ? void 0 : imgUrls.map((url, index) => {
+    return (react_1.default.createElement(react_2.Swiper, { ref: ref, defaultValue: 0, direction: 'horizontal', modules: [modules_1.Pagination, modules_1.Autoplay], pagination: {
+            clickable: true,
+            bulletActiveClass: 'swipe-item-active-bullet'
+        }, className: (0, css_1.css)(Object.assign({}, ((imgUrlsPostConfig === null || imgUrlsPostConfig === void 0 ? void 0 : imgUrlsPostConfig.marginBottom) && {
+            '.swiper-pagination': {
+                bottom: (_a = imgUrlsPostConfig === null || imgUrlsPostConfig === void 0 ? void 0 : imgUrlsPostConfig.marginBottom) !== null && _a !== void 0 ? _a : 0
+            }
+        }))), height: height, loop: true, autoplay: { delay: ((_b = imgUrlsPostConfig === null || imgUrlsPostConfig === void 0 ? void 0 : imgUrlsPostConfig.delay) !== null && _b !== void 0 ? _b : 3) * 1000 } }, imgUrls === null || imgUrls === void 0 ? void 0 : imgUrls.map((url, index) => {
         return (react_1.default.createElement(react_2.SwiperSlide, { key: index },
             react_1.default.createElement(Picture_1.default, { src: !isLoad && index > 0 ? '' : url, height: height, imgUrlsPostConfig: imgUrlsPostConfig, onShowFirstImage: showFirstImageFn })));
     })));

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

@@ -7,6 +7,7 @@ export type postConfigType = {
     delay?: number;
     bgWay?: '1' | '2';
     bgColor?: string;
+    marginBottom?: number;
 };
 export interface ISxpPageRenderProps {
     globalConfig?: {

package/lib/materials/sxp/template/Link/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { CSSProperties } from 'react';
 import { ICtaTempStylesType } from '../components/typing';
 import { RecItemType } from '../../../../core/components/SxpPageRender/typing';
 export interface ILinkProps {
@@ -9,6 +9,11 @@ export interface ILinkProps {
     bottom_image?: string;
     ctaTempStyles?: ICtaTempStylesType;
     index?: number;
+    customTitle?: {
+        style?: CSSProperties;
+        display?: boolean;
+        text?: string;
+    };
 }
 declare const _default: React.NamedExoticComponent<ILinkProps>;
 export default _default;

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

@@ -10,8 +10,8 @@ const useEventReport_1 = require("../../../../core/hooks/useEventReport");
 const Img_1 = tslib_1.__importDefault(require("../components/Img"));
 const tool_1 = require("../../../../core/utils/tool");
 const Link = (_a) => {
-    var _b, _c, _d, _e, _f, _g, _h;
-    var { content, style, bgImg, recData, bottom_image, ctaTempStyles, index } = _a, props = tslib_1.__rest(_a, ["content", "style", "bgImg", "recData", "bottom_image", "ctaTempStyles", "index"]);
+    var _b, _c, _d, _e, _f, _g, _h, _j;
+    var { content, style, bgImg, recData, bottom_image, ctaTempStyles, index, customTitle } = _a, props = tslib_1.__rest(_a, ["content", "style", "bgImg", "recData", "bottom_image", "ctaTempStyles", "index", "customTitle"]);
     const { sxpParameter, bffEventReport } = (0, hooks_1.useSxpDataSource)();
     const { jumpToWeb } = (0, useEventReport_1.useEventReport)();
     const cta = (_b = recData === null || recData === void 0 ? void 0 : recData.video) === null || _b === void 0 ? void 0 : _b.bindCta;
@@ -31,8 +31,12 @@ const Link = (_a) => {
                 width: '100%',
                 overflow: 'hidden'
             }) },
-            react_1.default.createElement("div", { className: index_module_less_1.default['tow-line-ellipsis'], style: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.ctaTitle, dangerouslySetInnerHTML: {
-                    __html: (0, tool_1.setFontForText)((_h = cta === null || cta === void 0 ? void 0 : cta.enTitle) !== null && _h !== void 0 ? _h : 'Product Name', ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.ctaTitle)
-                } }))));
+            react_1.default.createElement("div", null,
+                react_1.default.createElement("div", { className: (customTitle === null || customTitle === void 0 ? void 0 : customTitle.display) ? index_module_less_1.default['one-line-ellipsis'] : index_module_less_1.default['tow-line-ellipsis'], style: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.ctaTitle, dangerouslySetInnerHTML: {
+                        __html: (0, tool_1.setFontForText)((_h = cta === null || cta === void 0 ? void 0 : cta.enTitle) !== null && _h !== void 0 ? _h : 'Product Name', ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.ctaTitle)
+                    } }),
+                (customTitle === null || customTitle === void 0 ? void 0 : customTitle.display) && (react_1.default.createElement("div", { style: Object.assign(Object.assign({}, customTitle === null || customTitle === void 0 ? void 0 : customTitle.style), { lineHeight: ((_j = customTitle === null || customTitle === void 0 ? void 0 : customTitle.style) === null || _j === void 0 ? void 0 : _j.height) + 'px' }), className: index_module_less_1.default['one-line-ellipsis'], dangerouslySetInnerHTML: {
+                        __html: (0, tool_1.setFontForText)(customTitle === null || customTitle === void 0 ? void 0 : customTitle.text, customTitle === null || customTitle === void 0 ? void 0 : customTitle.style)
+                    } }))))));
 };
 exports.default = (0, react_1.memo)(Link);

package/lib/materials/sxp/template/Link/material.js

@@ -1,8 +1,10 @@
 "use strict";
+var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Link = void 0;
 const tslib_1 = require("tslib");
 const settingRender_1 = tslib_1.__importDefault(require("../components/settingRender"));
+const settingRender_2 = tslib_1.__importDefault(require("./settingRender"));
 const _1 = tslib_1.__importDefault(require("."));
 const create_1 = require("../../../../core/create");
 const Link = (0, create_1.createMaterial)(_1.default, {
@@ -11,7 +13,7 @@ const Link = (0, create_1.createMaterial)(_1.default, {
     category: 'template',
     type: 'Link',
     related: {
-        settingRender: settingRender_1.default === null || settingRender_1.default === void 0 ? void 0 : settingRender_1.default.filter((i) => i.type !== 'commodityTitle'),
+        settingRender: (_a = settingRender_1.default === null || settingRender_1.default === void 0 ? void 0 : settingRender_1.default.filter((i) => i.type !== 'commodityTitle')) === null || _a === void 0 ? void 0 : _a.concat(settingRender_2.default),
         bindableProps: []
     },
     defaulSetting: {
@@ -30,6 +32,18 @@ const Link = (0, create_1.createMaterial)(_1.default, {
                     width: 130,
                     height: 20
                 }
+            },
+            customTitle: {
+                style: {
+                    textAlign: 'left',
+                    textDecoration: 'underline',
+                    fontWeight: 'bold',
+                    width: 130,
+                    height: 20,
+                    fontSize: 12,
+                    color: '#000'
+                },
+                text: '探索更多'
             }
         },
         style: {

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

@@ -0,0 +1,57 @@
+declare const _default: {
+    title: string;
+    child: ({
+        type: string;
+        label: string;
+        name: string[];
+        child?: undefined;
+        addonAfter?: undefined;
+    } | {
+        type: string;
+        label: string;
+        child: ({
+            type: string;
+            name: string[];
+            max: number;
+            addonAfter?: undefined;
+        } | {
+            type: string;
+            name: string[];
+            addonAfter: string;
+            max: number;
+        })[];
+        name?: undefined;
+        addonAfter?: undefined;
+    } | {
+        type: string;
+        label: string;
+        child: {
+            type: string;
+            name: string[];
+            bottomText: string;
+        }[];
+        name?: undefined;
+        addonAfter?: undefined;
+    } | {
+        type: string;
+        label: string;
+        child: ({
+            type: string;
+            name: string[];
+            addonAfter?: undefined;
+        } | {
+            type: string;
+            addonAfter: string;
+            name: string[];
+        })[];
+        name?: undefined;
+        addonAfter?: undefined;
+    } | {
+        label: string;
+        type: string;
+        name: string[];
+        addonAfter: string;
+        child?: undefined;
+    })[];
+}[];
+export default _default;

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

@@ -0,0 +1,104 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = [
+    {
+        title: '自定义标题',
+        child: [
+            {
+                type: 'Switch',
+                label: '自定义标题开关',
+                name: ['props', 'customTitle', 'display']
+            },
+            {
+                type: 'Text',
+                label: '标题文案',
+                name: ['props', 'customTitle', 'text']
+            },
+            {
+                type: 'Group',
+                label: '尺寸',
+                child: [
+                    {
+                        type: 'Number',
+                        name: ['props', 'customTitle', 'style', 'width'],
+                        addonAfter: 'W'
+                    },
+                    {
+                        type: 'Number',
+                        name: ['props', 'customTitle', 'style', 'height'],
+                        addonAfter: 'H'
+                    }
+                ]
+            },
+            {
+                type: 'Group',
+                label: '圆角',
+                child: [
+                    {
+                        type: 'Slider',
+                        name: ['props', 'customTitle', 'style', 'borderRadius'],
+                        max: 100
+                    },
+                    {
+                        type: 'Number',
+                        name: ['props', 'customTitle', 'style', 'borderRadius'],
+                        addonAfter: 'px',
+                        max: 100
+                    }
+                ]
+            },
+            {
+                type: 'Color',
+                label: '背景色',
+                name: ['props', 'customTitle', 'style', 'backgroundColor']
+            },
+            {
+                type: 'Group',
+                label: '字体',
+                child: [
+                    {
+                        type: 'Select',
+                        name: ['props', 'customTitle', 'style', 'fontFamily-cn'],
+                        bottomText: '中文字体'
+                    },
+                    {
+                        type: 'Select',
+                        name: ['props', 'customTitle', 'style', 'fontFamily-en'],
+                        bottomText: '英文/其他字体'
+                    }
+                ]
+            },
+            {
+                type: 'Group',
+                label: '',
+                child: [
+                    {
+                        type: 'Color',
+                        name: ['props', 'customTitle', 'style', 'color']
+                    },
+                    {
+                        type: 'Number',
+                        addonAfter: 'px',
+                        name: ['props', 'customTitle', 'style', 'fontSize']
+                    }
+                ]
+            },
+            {
+                label: '样式',
+                type: 'TextStyle',
+                name: ['props', 'customTitle', 'style']
+            },
+            {
+                label: '对齐',
+                type: 'TextAlign',
+                name: ['props', 'customTitle', 'style']
+            },
+            {
+                label: '上边距',
+                type: 'Number',
+                name: ['props', 'customTitle', 'style', 'marginTop'],
+                addonAfter: 'px'
+            }
+        ]
+    }
+];

package/package.json

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