@pisell/materials 1.0.443 → 1.0.445

package/lowcode/button-group-preview/snippets.ts

@@ -0,0 +1,57 @@
+export default [
+    {
+        "title": "按钮组-渲染",
+        "screenshot": "",
+        "schema": {
+            "componentName": "ButtonGroupPreview",
+            "props": {
+                buttonGroupList: [
+                    [{
+                        "id": "1-1",
+                        "children": "按钮1",
+                        "buttonProps": {
+                            "id": "primary",
+                            "type": "default",
+                        }
+                    }, {
+                        "id": "1-2",
+                        "children": "2",
+                        "isMore": true,
+                        "menuData": [{
+                            "label": "下拉菜单1",
+                            "key": "下拉菜单1"
+                        }, {
+                            "label": "下拉菜单2",
+                            "key": "下拉菜单2"
+                        }]
+                    }],
+                    [{
+                        "id": "2-1",
+                        "children": "2",
+                        "menuData": [{
+                            "label": "下拉菜单1",
+                            "key": "下拉菜单1"
+                        }, {
+                            "label": "下拉菜单2",
+                            "key": "下拉菜单2"
+                        }]
+                    }, {
+                        "id": "2-2",
+                        "children": "jkasjdlkas",
+                        "buttonProps": {
+                            "id": "primary",
+                            "type": "default",
+                        }
+                    }]
+                ],
+                buttonConfig: {
+                    "1-1": {
+                        "children": "2222",
+                        "buttonProps": {
+                            "type": "primary"
+                        }
+                    },
+                }
+            }
+        }
+    }]

package/lowcode/card-pro/meta.ts

@@ -0,0 +1,338 @@
+import { uuid } from "../_utils/utils";
+import snippets from "./snippe";
+
+export default {
+    snippets,
+    componentName: "CardPro",
+    title: "卡片",
+    category: "通用",
+    docUrl: "",
+    screenshot: "",
+    devMode: "proCode",
+    npm: {
+        package: "@pisell/materials",
+        version: "1.0.1",
+        exportName: "CardPro",
+        main: "src/index.tsx",
+        destructuring: true,
+        subName: "",
+    },
+
+
+    props: [
+        {
+            name: "badge",
+            title: {
+                label: "启用徽标区域",
+                tip: "启用徽标区域"
+            },
+            propType: "node",
+            setter: {
+                componentName: "SlotSetter",
+            },
+        },
+        {
+            name: "objectFit",
+            title: {
+                label: "填充类型",
+                tip: "媒体区域填充类型",
+            },
+            propType: { type: "oneOf", value: ["large", "middle", "small"] },
+            setter: [
+                {
+                    componentName: "RadioGroupSetter",
+                    props: {
+                        options: [
+                            {
+                                title: "fill",
+                                value: "fill",
+                            },
+                            {
+                                title: "contain",
+                                value: "contain",
+                            },
+                            {
+                                title: "cover",
+                                value: "cover",
+                            },
+                            {
+                                title: "none",
+                                value: "none",
+                            },
+                            {
+                                title: "scale-down",
+                                value: "scale-down",
+                            },
+                        ],
+                    },
+                },
+                "VariableSetter",
+            ],
+            setValue: (target, value) => {
+                // 当属性值更新时，手动触发逻辑
+                let coverValue = target.getProps().getPropValue("cover") || {};
+                coverValue.value[0].props.style.objectFit = value
+                target.getProps().setPropValue("cover", coverValue);
+            },
+            defaultValue: "fill",
+        },
+        {
+            name: "contentHeight",
+            title: { label: "内容区域高度", tip: "输入内容区域高度 超出高度出现滚动条" },
+            propType: "number",
+            setter: "NumberSetter",
+            defaultValue: 40,
+        },
+        {
+            name: "coverHeight",
+            title: { label: "媒体区域高度", tip: "输入媒体区域高度" },
+            propType: "number",
+            setter: "NumberSetter",
+            defaultValue: 100,
+        },
+        {
+            name: "cover",
+            title: {
+                label: "启用媒体区域"
+            },
+            propType: "node",
+            setter: {
+                componentName: "SlotSetter",
+                initialValue: {
+                    type: "JSSlot",
+                    value: [
+                        {
+                            componentName: "Image",
+                            props: {
+                                src: "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png",
+                                width: '100%',
+                                height: '100%',
+                                style: {
+                                    objectFit: 'fill'
+                                }
+                            },
+                        },
+                    ],
+                },
+            },
+        },
+
+
+        {
+            name: "isShowHead",
+            title: { label: "显示头部区域", tip: "是否显示头部区域" },
+            propType: "bool",
+            setter: "BoolSetter",
+            defaultValue: true,
+        },
+
+        {
+            name: "isShowFooter",
+            title: { label: "显示底部区域", tip: "是否显示底部区域" },
+            propType: "bool",
+            setter: "BoolSetter",
+            defaultValue: true,
+        },
+
+
+        {
+            name: "head",
+            title: {
+                label: "头部区域",
+            },
+            condition: (target) => {
+                return target.getProps().getPropValue('isShowHead')
+            },
+            display: 'accordion',
+            type: "group",
+            items: [{
+                name: "headTitle",
+                title: {
+                    label: {
+                        type: "i18n",
+                        zh_CN: "主标题",
+                        en_US: "Main Title",
+                    },
+                    tip: {
+                        type: 'i18n',
+                        zh_CN: '主标题',
+                        en_US: 'Please enter the main title'
+                    }
+                },
+                propType: "string",
+                setter: "StringSetter",
+                defaultValue: "这是主标题"
+            }, {
+                name: "headSubTitle",
+                title: {
+                    label: "副标题",
+                    placeholder: "请输入副标题"
+                },
+                propType: "string",
+                setter: "StringSetter",
+                defaultValue: "这是副标题"
+            },
+            {
+                name: "extra",
+                title: { label: "头部操作", tip: "头部操作" },
+                propType: { type: "oneOfType", value: ["string", "node"] },
+                setter: [
+                    {
+                        componentName: "SlotSetter",
+                        initialValue: {
+                            type: "JSSlot",
+                            value: [],
+                        },
+                    },
+                    "VariableSetter",
+                ],
+            },
+
+            ]
+        },
+        {
+            name: "footer",
+            title: {
+                label: "底部区域",
+            },
+            condition: (target) => {
+                return target.getProps().getPropValue('isShowFooter')
+            },
+            display: 'accordion',
+            type: "group",
+            items: [
+                {
+                    name: "actionButtons",
+                    title: {
+                        label: "底部按钮",
+                    },
+                    setter: {
+                        componentName: "ArraySetter",
+                        props: {
+                            itemSetter: {
+                                componentName: "ObjectSetter",
+                                props: {
+                                    config: {
+                                        items: [
+                                            {
+                                                name: "key",
+                                                title: "key",
+                                                setter: "StringSetter",
+                                                initialValue: (val) => val || uuid(),
+                                                supportVariable: true,
+                                            },
+                                            {
+                                                name: "button",
+                                                title: {
+                                                    label: {
+                                                        type: "i18n",
+                                                        "en-US": "button",
+                                                        "zh-CN": "按钮",
+                                                    },
+                                                },
+                                                propType: "node",
+                                                setter: {
+                                                    componentName: "SlotSetter",
+                                                    initialValue: {
+                                                        type: "JSSlot",
+                                                        value: [
+                                                            {
+                                                                componentName: "Button",
+                                                                props: {
+                                                                    type: "primary",
+                                                                    children: "kik",
+                                                                },
+                                                            },
+                                                        ],
+                                                    },
+                                                },
+                                            },
+                                        ],
+                                    },
+                                },
+                                initialValue: () => {
+                                    return {
+                                        key: uuid(),
+                                        button: {
+                                            type: "JSSlot",
+                                            value: [
+                                                {
+                                                    componentName: "Button",
+                                                    props: {
+                                                        type: "primary",
+                                                        children: "按钮"
+                                                    }
+                                                },
+                                            ],
+                                        },
+                                    };
+                                },
+                            },
+                        },
+                    },
+                },
+
+
+
+                {
+                    name: "fixedFooter",
+                    title: {
+                        label: "底部固定"
+                    },
+                    propType: "bool",
+                    setter: "BoolSetter",
+                    defaultValue: true,
+                },
+                {
+                    name: "buttonPosition",
+                    title: {
+                        label: "按钮位置",
+                        tip: "选择按钮排列位置",
+                    },
+                    propType: { type: "oneOf", value: ["large", "middle", "small"] },
+                    setter: [
+                        {
+                            componentName: "RadioGroupSetter",
+                            props: {
+                                options: [
+                                    {
+                                        title: "居左",
+                                        value: "start",
+                                    },
+                                    {
+                                        title: "居中",
+                                        value: "center",
+                                    },
+                                    {
+                                        title: "居右",
+                                        value: "end",
+                                    },
+                                ],
+                            },
+                        },
+                        "VariableSetter",
+                    ],
+                    defaultValue: "center",
+                },
+
+            ]
+        }
+    ],
+
+    configure: {
+        component: {
+            isContainer: true
+        },
+        isExeng: true,
+        supports: {
+            style: true,
+            events: [
+                {
+                    name: "onClick",
+                    template:
+                        "onClick(event,${extParams}){\n// 点击按钮时的回调\nconsole.log('onClick', event);}",
+                },
+            ],
+        },
+    }
+}

package/lowcode/card-pro/snippe.ts

@@ -0,0 +1,39 @@
+import { uuid } from "../_utils/utils";
+
+export default [{
+    componentName: 'CardPro',
+    title: 'CardPro',
+    schema: {
+        componentName: 'CardPro',
+        props: {
+
+            actionButtons: [
+                {
+                    key: uuid(),
+                    button: {
+                        type: "JSSlot",
+                        value: {
+                            componentName: "Button",
+                            props: {
+                                children: "主按钮",
+                                type: "primary"
+                            },
+                        },
+                    }
+                }, {
+                    key: uuid(),
+                    button: {
+                        type: "JSSlot",
+                        value: {
+                            componentName: "Button",
+                            props: {
+                                children: "副按钮",
+                                type: "default"
+                            },
+                        },
+                    }
+                }
+            ]
+        }
+    }
+}]

package/lowcode/section-footers/meta.ts

@@ -0,0 +1,22 @@
+import snippets from "./snippe";
+
+export default {
+    snippets,
+    componentName: "SectionFooters",
+    title: "底部内容区块",
+    category: "通用",
+    docUrl: "",
+    screenshot: "",
+    devMode: "proCode",
+    npm: {
+        package: "@pisell/materials",
+        version: "1.0.1",
+        exportName: "SectionFooters",
+        main: "src/index.tsx",
+        destructuring: true,
+        subName: "",
+    },
+    props: [{
+        
+    }]
+}

package/lowcode/section-footers/snippe.ts

@@ -0,0 +1,8 @@
+export default [
+    {
+        title: '底部内容区块',
+        schema: {
+            componentName: 'SectionFooters',
+            props: {}
+        }
+    }]

package/lowcode/statistic/meta.ts

@@ -4,7 +4,7 @@ export default {
   snippets,
   componentName: 'Statistic',
   title: '统计数值',
-  category: '数据展示',
+  category: '通用',
   docUrl: "",
   screenshot: "",
   devMode: "proCode",

package/lowcode/tabs/meta.ts

@@ -160,140 +160,6 @@ export default {
         },
       },
     },
-    // {
-    //   name: 'tabs',
-    //   title: '标签项',
-    //   setter: {
-    //     componentName: 'ArraySetter',
-    //     props: {
-    //       itemSetter: {
-    //         componentName: 'ObjectSetter',
-    //         props: {
-    //           config: {
-    //             items: [
-    //               {
-    //                 name: 'key',
-    //                 title: 'key',
-    //                 setter: 'StringSetter',
-    //                 initialValue: (val) => val || uuid(),
-    //                 supportVariable: true
-    //               },
-    //               {
-    //                 name: 'tab',
-    //                 title: '标题',
-    //                 setter: 'StringSetter',
-    //                 initialValue: '标签项',
-    //                 supportVariable: true
-    //               },
-    //               // {
-    //               //   name: 'closeable',
-    //               //   title: '是否可删除',
-    //               //   condition(target) {
-    //               //     return target.getProps().getPropValue('type') === 'editable-card';
-    //               //   },
-    //               //   setter: 'BoolSetter',
-    //               //   initialValue: true,
-    //               // },
-    //               {
-    //                 name: 'disabled',
-    //                 title: '禁用',
-    //                 setter: 'BoolSetter',
-    //                 initialValue: false,
-    //                 supportVariable: true
-    //               },
-    //               {
-    //                 name: 'forceRender',
-    //                 title: '隐藏时保留',
-    //                 propType: 'bool',
-    //                 setter: 'BoolSetter',
-    //                 initialValue: false,
-    //                 supportVariable: true
-    //               },
-    //             ],
-    //           },
-    //         },
-    //         initialValue: () => {
-    //           return {
-    //             key: uuid(),
-    //             tab: '标签项',
-    //             closeable: true,
-    //             disabled: false,
-    //             forceRender: false,
-    //           };
-    //         },
-    //       },
-    //     },
-    //   },
-    //   extraProps: {
-    //     getValue(target, fieldValue) {
-    //       const map = target.node.children.map((child) => {
-    //         const key = child.getPropValue('key') ? String(child.getPropValue('key')) : child.id;
-    //         return {
-    //           key,
-    //           tab: child.getPropValue('tab'),
-    //           closeable: child.getPropValue('closeable'),
-    //           disabled: child.getPropValue('disabled'),
-    //           forceRender: child.getPropValue('forceRender'),
-    //         };
-    //       });
-    //       return map;
-    //     },
-    //     setValue(target, value) {
-    //       const { node } = target;
-    //       const map = {};
-
-    //       if (!Array.isArray(value)) {
-    //         value = [];
-    //       }
-    //       value.forEach((item) => {
-    //         const tabItem = Object.assign({}, item);
-    //         map[item.key] = tabItem;
-    //       });
-
-    //       node.children.mergeChildren(
-    //         (child) => {
-    //           const key = String(child.getPropValue('key'));
-    //           if (Object.hasOwnProperty.call(map, key)) {
-    //             child.setPropValue('tab', map[key].tab);
-    //             child.setPropValue('closeable', map[key].closeable);
-    //             child.setPropValue('disabled', map[key].disabled);
-    //             child.setPropValue('forceRender', map[key].forceRender);
-    //             delete map[key];
-    //             return false;
-    //           }
-    //           return true;
-    //         },
-    //         () => {
-    //           const items = [];
-    //           for (const key in map) {
-    //             if (Object.hasOwnProperty.call(map, key)) {
-    //               items.push({
-    //                 componentName: 'Tabs.TabPane',
-    //                 props: map[key],
-    //               });
-    //             }
-    //           }
-    //           return items;
-    //         },
-    //         (child1, child2) => {
-    //           const a = value.findIndex(
-    //             (item) => String(item.key) === String(child1.getPropValue('key')),
-    //           );
-    //           const b = value.findIndex(
-    //             (item) => String(item.key) === String(child2.getPropValue('key')),
-    //           );
-    //           return a - b;
-    //         },
-    //       );
-    //     },
-    //   },
-    // },
-    // {
-
-    //   name: 'addIcon',
-    //   title: { label: '自定义添加按钮', tip: '自定义添加按钮' },
-    //   propType: 'node',
-    // },
     {
       name: "animated",
       title: {

package/lowcode/timeline/meta.ts

@@ -36,6 +36,17 @@ export default {
                     setter: 'StringSetter',
                     initialValue: (val) => val || uuid(),
                   },
+                  {
+                    name: "children",
+                    title: "内容",
+                    setter: {
+                      componentName: "SlotSetter",
+                      initialValue: {
+                        type: "JSSlot",
+                        value: [],
+                      },
+                    },
+                  },
                   {
                     name: 'color',
                     title: '圆圈颜色',
@@ -46,11 +57,11 @@ export default {
                     title: '自定义时间轴点',
                     setter: 'node',
                   },
-                  {
-                    name: 'label',
-                    title: '设置标签',
-                    setter: 'PisellI18nSetter',
-                  },
+                  // {
+                  //   name: 'label',
+                  //   title: '设置标签',
+                  //   setter: 'PisellI18nSetter',
+                  // },
                   {
                     name: 'position',
                     title: {
@@ -86,7 +97,11 @@ export default {
             initialValue: () => {
               return {
                 key: `timeLine${uuid()}`,
-                label: '时间轴',
+                // label: '时间轴',
+                children: {
+                  type: "JSSlot",
+                  value: [],
+                },
               };
             },
           },

package/lowcode/timeline/snippets.ts

@@ -8,11 +8,19 @@ export default [
         steps: [
           {
             key: 'timeLinei5wd',
-            label: '时间轴',
+            // label: '时间轴',
+            children: {
+              type: "JSSlot",
+              value: [],
+            },
           },
           {
             key: 'timeLinei5wx',
-            label: '时间轴',
+            // label: '时间轴',
+            children: {
+              type: "JSSlot",
+              value: [],
+            },
           },
         ],
       },