pb-sxp-ui 1.0.102 → 1.0.104

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/lib/materials/sxp/template/components/Img.js

@@ -23,6 +23,6 @@ const Img = ({ src, rec, item, index, style, translateY, imgStyle }) => {
     }, [src]);
     return (react_1.default.createElement("div", { className: (0, css_1.css)(Object.assign({ overflow: 'hidden', flexShrink: 0, backgroundColor: '#f2f2f2' }, imgStyle)) },
         react_1.default.createElement("div", { ref: ref, hidden: !src, className: (0, css_1.css)({ width: '100%', height: '100%' }) },
-            react_1.default.createElement(FormatImage_1.default, { className: (0, css_1.css)(Object.assign({ width: '100%', objectFit: 'cover', height: '100%', display: 'block', objectPosition: `50% ${translateY ? -translateY + 50 : 50}%` }, style)), src: src }))));
+            react_1.default.createElement(FormatImage_1.default, { className: (0, css_1.css)(Object.assign({ width: '100%', objectFit: 'cover', height: '100%', display: 'block', objectPosition: `50% ${translateY ? translateY + 50 : 50}%` }, style)), src: src }))));
 };
 exports.default = (0, react_1.memo)(Img);

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

@@ -241,6 +241,11 @@ exports.default = [
                 label: '对齐',
                 type: 'TextAlign',
                 name: ['props', 'ctaTempStyles', 'ctaTitle']
+            },
+            {
+                label: '间距',
+                type: 'TextSpace',
+                name: ['props', 'ctaTempStyles', 'ctaTitle']
             }
         ]
     }

package/package.json

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