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

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

@@ -0,0 +1,108 @@
+declare const _default: ({
+    title: string;
+    child: ({
+        type: string;
+        label: string;
+        child: {
+            type: string;
+            name: string[];
+            addonAfter: string;
+        }[];
+        name?: 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;
+        name: string[];
+        child?: undefined;
+        addonAfter?: undefined;
+    } | {
+        label: string;
+        type: string;
+        name: string[];
+        addonAfter: string;
+        child?: undefined;
+    })[];
+    type?: undefined;
+} | {
+    title: string;
+    type: string;
+    child: ({
+        type: string;
+        label: string;
+        child: ({
+            type: string;
+            name: string[];
+            options?: undefined;
+            addonAfter?: undefined;
+        } | {
+            type: string;
+            options: {
+                label: string;
+                value: string;
+            }[];
+            name: string[];
+            addonAfter?: undefined;
+        } | {
+            type: string;
+            addonAfter: string;
+            name: string[];
+            options?: undefined;
+        })[];
+        name?: undefined;
+    } | {
+        label: string;
+        type: string;
+        name: string[];
+        child?: undefined;
+    })[];
+} | {
+    title: string;
+    child: ({
+        type: string;
+        label: string;
+        name: string[];
+        child?: undefined;
+    } | {
+        type: string;
+        label: string;
+        child: ({
+            type: string;
+            name: string[];
+            options?: undefined;
+            addonAfter?: undefined;
+        } | {
+            type: string;
+            options: {
+                label: string;
+                value: string;
+            }[];
+            name: string[];
+            addonAfter?: undefined;
+        } | {
+            type: string;
+            addonAfter: string;
+            name: string[];
+            options?: undefined;
+        })[];
+        name?: undefined;
+    })[];
+    type?: undefined;
+})[];
+export default _default;

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.1",
+  "version": "1.0.2-alpha.1",
   "description": "React enterprise-class UI components",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -39,7 +39,7 @@
   "dependencies": {
     "@ant-design/pro-components": "^2.6.35",
     "@emotion/css": "^11.11.2",
-    "antd": "4.24.8",
+    "antd": "^5.15.3",
     "eslint": "^8.48.0",
     "eventemitter3": "^5.0.1",
     "less": "^4.2.0",