pb-sxp-ui 1.0.2 → 1.0.3-alpha.1

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

@@ -0,0 +1,200 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = [
+    {
+        title: '主题样式',
+        child: [
+            {
+                type: 'Group',
+                label: '尺寸',
+                child: [
+                    {
+                        type: 'Number',
+                        name: ['style', 'width'],
+                        addonAfter: 'W'
+                    },
+                    {
+                        type: 'Number',
+                        name: ['style', 'height'],
+                        addonAfter: 'H'
+                    }
+                ]
+            },
+            {
+                type: 'Group',
+                label: '圆角',
+                child: [
+                    {
+                        type: 'Slider',
+                        name: ['style', 'borderRadius'],
+                        max: 100
+                    },
+                    {
+                        type: 'Number',
+                        name: ['style', 'borderRadius'],
+                        addonAfter: 'px',
+                        max: 100
+                    }
+                ]
+            },
+            {
+                type: 'Color',
+                label: '背景色',
+                name: ['style', 'backgroundColor']
+            },
+            {
+                label: '内边距',
+                type: 'Number',
+                name: ['style', 'padding'],
+                addonAfter: 'px'
+            },
+            {
+                label: '与Post描述边距',
+                type: 'Number',
+                name: ['style', 'marginBottom'],
+                addonAfter: 'px'
+            }
+        ]
+    },
+    {
+        title: '商品图片',
+        child: [
+            {
+                type: 'Group',
+                label: '尺寸',
+                child: [
+                    {
+                        type: 'Number',
+                        name: ['props', 'ctaTempStyles', 'img', 'width'],
+                        addonAfter: 'W'
+                    },
+                    {
+                        type: 'Number',
+                        name: ['props', 'ctaTempStyles', 'img', 'height'],
+                        addonAfter: 'H'
+                    }
+                ]
+            },
+            {
+                type: 'Group',
+                label: '圆角',
+                child: [
+                    {
+                        type: 'Slider',
+                        name: ['props', 'ctaTempStyles', 'img', 'borderRadius'],
+                        max: 100
+                    },
+                    {
+                        type: 'Number',
+                        name: ['props', 'ctaTempStyles', 'img', 'borderRadius'],
+                        addonAfter: 'px',
+                        max: 100
+                    }
+                ]
+            },
+            {
+                type: 'Number',
+                label: '与右侧边距',
+                addonAfter: 'px',
+                name: ['props', 'ctaTempStyles', 'img', 'marginRight']
+            }
+        ]
+    },
+    {
+        title: '商品标题文本',
+        type: 'commodityTitle',
+        child: [
+            {
+                type: 'Group',
+                label: '字体',
+                child: [
+                    {
+                        type: 'Color',
+                        name: ['props', 'ctaTempStyles', 'title', 'color']
+                    },
+                    {
+                        type: 'Select',
+                        options: [{ label: '黑体', value: '黑体' }],
+                        name: ['props', 'ctaTempStyles', 'title', 'fontFamily']
+                    },
+                    {
+                        type: 'Number',
+                        addonAfter: 'px',
+                        name: ['props', 'ctaTempStyles', 'title', 'fontSize']
+                    }
+                ]
+            },
+            {
+                label: '样式',
+                type: 'TextStyle',
+                name: ['props', 'ctaTempStyles', 'title']
+            },
+            {
+                label: '对齐',
+                type: 'TextAlign',
+                name: ['props', 'ctaTempStyles', 'title']
+            },
+            {
+                label: '间距',
+                type: 'TextSpace',
+                name: ['props', 'ctaTempStyles', 'title']
+            }
+        ]
+    },
+    {
+        title: 'CTA标题',
+        child: [
+            {
+                type: 'Group',
+                label: '尺寸',
+                child: [
+                    {
+                        type: 'Number',
+                        name: ['props', 'ctaTempStyles', 'ctaTitle', 'width'],
+                        addonAfter: 'W'
+                    },
+                    {
+                        type: 'Number',
+                        name: ['props', 'ctaTempStyles', 'ctaTitle', 'height'],
+                        addonAfter: 'H'
+                    }
+                ]
+            },
+            {
+                type: 'Color',
+                label: '背景色',
+                name: ['props', 'ctaTempStyles', 'ctaTitle', 'backgroundColor']
+            },
+            {
+                type: 'Group',
+                label: '字体',
+                child: [
+                    {
+                        type: 'Color',
+                        name: ['props', 'ctaTempStyles', 'ctaTitle', 'color']
+                    },
+                    {
+                        type: 'Select',
+                        options: [{ label: '黑体', value: '黑体' }],
+                        name: ['props', 'ctaTempStyles', 'ctaTitle', 'fontFamily']
+                    },
+                    {
+                        type: 'Number',
+                        addonAfter: 'px',
+                        name: ['props', 'ctaTempStyles', 'ctaTitle', 'fontSize']
+                    }
+                ]
+            },
+            {
+                label: '样式',
+                type: 'TextStyle',
+                name: ['props', 'ctaTempStyles', 'ctaTitle']
+            },
+            {
+                label: '对齐',
+                type: 'TextAlign',
+                name: ['props', 'ctaTempStyles', 'ctaTitle']
+            }
+        ]
+    }
+];

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

@@ -0,0 +1,6 @@
+import { CSSProperties } from 'react';
+export type ICtaTempStylesType = {
+    img?: CSSProperties;
+    title?: CSSProperties;
+    ctaTitle?: CSSProperties;
+};

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

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/package.json

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