@pisell/materials 6.0.19 → 6.0.20

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

@@ -0,0 +1,55 @@
+import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types';
+import snippets from './snippets';
+
+const ButtonGroupPreviewMeta: IPublicTypeComponentMetadata = {
+    "componentName": "ButtonGroupPreview",
+    "title": "ButtonGroupPreview",
+    category: "通用",
+    "docUrl": "",
+    "screenshot": "",
+    "devMode": "proCode",
+    "npm": {
+        package: "@pisell/materials",
+        "version": "0.1.0",
+        "exportName": "ButtonGroupPreview",
+        "main": "src/index.tsx",
+        "destructuring": true,
+        "subName": ""
+    },
+    "configure": {
+        props: [
+            {
+                "title": {
+                    "label": {
+                        "type": "i18n",
+                        "en-US": "buttonGroupList",
+                        "zh-CN": "按钮数据"
+                    }
+                },
+                "name": "buttonGroupList",
+                "setter": ["JsonSetter", "VariableSetter"],
+            },
+            {
+                "title": {
+                    "label": {
+                        "type": "i18n",
+                        "en-US": "buttonConfig",
+                        "zh-CN": "修改按钮数据"
+                    }
+                },
+                "name": "buttonConfig",
+                "setter": ["JsonSetter", "VariableSetter"],
+            },
+        ]
+    },
+    "supports": {
+        "style": true,
+        "events": [{
+            "name": "onChange"
+        }]
+    },
+}
+export default {
+    ...ButtonGroupPreviewMeta,
+    snippets
+}

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/snippets.ts

@@ -1,58 +1,58 @@
 export default [
-  {
-    title: '卡片',
-    screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/card-1.png',
-    schema: {
-      componentName: 'Card',
-      props: {
-        title: 'Default size card',
-      },
-    },
-  },
-  {
-    title: '卡片2',
-    screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/card-1.png',
-    schema: {
-      "componentName": "Card",
-      "id": "node_ocljnoao28d",
-      "props": {
-        "title": "Default size card",
-        "bordered": true,
-        "hoverable": false,
-        "loading": false,
-        "size": "default",
-        "type": "default"
-      },
-      "hidden": false,
-      "title": "",
-      "isLocked": false,
-      "ignore": true,
-      "condition": true,
-      "conditionGroup": "",
-      "children": [
-        {
-          "componentName": "Typography.Text",
-          "id": "node_ocljnoao28f",
-          "props": {
-            "children": "text12212",
-            "code": false,
-            "delete": false,
-            "disabled": false,
-            "mark": false,
-            "keyboard": false,
-            "underline": false,
-            "strong": false
-          },
-          "hidden": false,
-          "title": "",
-          "isLocked": true,
-          "locked": true,
-          "ignore": true,
-          "condition": true,
-          "conditionGroup": ""
-        }
-      ]
-    },
-  },
+  // {
+  //   title: '卡片',
+  //   screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/card-1.png',
+  //   schema: {
+  //     componentName: 'Card',
+  //     props: {
+  //       title: 'Default size card',
+  //     },
+  //   },
+  // },
+  // {
+  //   title: '卡片2',
+  //   screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/card-1.png',
+  //   schema: {
+  //     "componentName": "Card",
+  //     "id": "node_ocljnoao28d",
+  //     "props": {
+  //       "title": "Default size card",
+  //       "bordered": true,
+  //       "hoverable": false,
+  //       "loading": false,
+  //       "size": "default",
+  //       "type": "default"
+  //     },
+  //     "hidden": false,
+  //     "title": "",
+  //     "isLocked": false,
+  //     "ignore": true,
+  //     "condition": true,
+  //     "conditionGroup": "",
+  //     "children": [
+  //       {
+  //         "componentName": "Typography.Text",
+  //         "id": "node_ocljnoao28f",
+  //         "props": {
+  //           "children": "text12212",
+  //           "code": false,
+  //           "delete": false,
+  //           "disabled": false,
+  //           "mark": false,
+  //           "keyboard": false,
+  //           "underline": false,
+  //           "strong": false
+  //         },
+  //         "hidden": false,
+  //         "title": "",
+  //         "isLocked": true,
+  //         "locked": true,
+  //         "ignore": true,
+  //         "condition": true,
+  //         "conditionGroup": ""
+  //       }
+  //     ]
+  //   },
+  // },
 
 ];

package/lowcode/card-metric-item/meta.ts

@@ -0,0 +1,83 @@
+import snippets from './snippets';
+
+export default {
+  snippets,
+  componentName: 'CardMetricItem',
+  title: '项目统计卡片',
+  category: '通用',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.1',
+    exportName: 'CardMetricItem',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  props: [{
+    name: 'hint',
+    title: { label: 'Hint显示', tip: '是否显示Hint' },
+    propType: 'node',
+    setter: {
+      componentName: 'SlotSetter',
+      title: '关闭图标插槽',
+      initialValue: {
+        type: 'JSSlot',
+        value: [
+          {
+            componentName: 'PisellTooltip',
+            props: {
+              title: '提示信息',
+            },
+            children: {
+              componentName: 'Icon',
+              props: {
+                type: 'InfoCircleOutlined',
+                size: 16
+              },
+            },
+          },
+        ],
+      },
+    },
+  }, {
+    name: 'tags',
+    title: { label: 'Tags显示', tip: '是否显示Tags' },
+    propType: 'node',
+    setter: {
+      componentName: 'SlotSetter',
+      initialValue: {
+        type: 'JSSlot',
+        value: [
+          {
+            componentName: 'Tag',
+            props: {
+              color: 'green',
+              children: '100%',
+              bordered: false
+            },
+          },
+        ],
+      },
+    },
+  },
+  {
+    name: 'title',
+    title: {
+      label: 'Heading标题',
+      tip: '标题',
+    },
+    propType: 'string',
+  },
+  {
+    name: "number",
+    title: {
+      label: "Number数字",
+      tip: "输入数字",
+    },
+    propType: "number",
+  }],
+  configure: { supports: { style: true } },
+};

package/lowcode/card-metric-item/snippets.ts

@@ -0,0 +1,13 @@
+export default [
+  {
+    title: '项目统计卡片',
+    screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/empty-1.png',
+    schema: {
+      componentName: 'CardMetricItem',
+      props: {
+        title: '统计数值',
+        number: 100,
+      },
+    },
+  },
+];

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);}",
+                },
+            ],
+        },
+    }
+}