@pisell/materials 2.2.48 → 2.2.49

package/lowcode/_utils/type.ts

@@ -0,0 +1,5 @@
+import { IPublicTypeComponentMetadata, IPublicTypeFieldConfig } from "@alilc/lowcode-types";
+
+export type MetaType = IPublicTypeComponentMetadata & {
+  generalProps: IPublicTypeFieldConfig[]
+}

package/lowcode/_utils/utils.ts

@@ -1,6 +1,16 @@
+// @ts-ignore
 export { get, set, has } from 'lodash';
 
 // simple uuid
 export function uuid() {
   return ((Math.random() * 1e6) >> 0).toString(36);
 }
+
+export const omit = (obj: Record<string, any>, keys: string[]) => {
+  const shallowCopy = Object.assign({}, obj);
+  for (let i = 0; i < keys.length; i += 1) {
+    const key = keys[i];
+    delete shallowCopy[key];
+  }
+  return shallowCopy;
+};

package/lowcode/app-version-control/meta.ts

@@ -0,0 +1,92 @@
+import {
+  IPublicTypeSnippet,
+} from '@alilc/lowcode-types';
+
+const PisellAppVersionControlMeta = {
+  componentName: 'AppVersionControl',
+  title: '应用版本控制',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.3',
+    exportName: 'AppVersionControl',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  props: [
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'allowPublish',
+          'zh-CN': '允许发布',
+        },
+      },
+      name: 'allowPublish',
+      description: '是否允许发布版本',
+      defaultValue: true,
+      setter: 'BoolSetter',
+    },
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'allowCreate',
+          'zh-CN': '允许创建',
+        },
+      },
+      name: 'allowCreate',
+      description: '是否允许创建新版本',
+      defaultValue: true,
+      setter: 'BoolSetter',
+    },
+  ],
+  configure: {
+    component: {
+      isContainer: true,
+    },
+    supports: {
+      style: true,
+      className: true,
+    },
+  },
+};
+
+const snippets: IPublicTypeSnippet[] = [
+  {
+    title: '应用版本控制',
+    screenshot: '',
+    schema: {
+      title: '应用版本控制',
+      componentName: 'AppVersionControl',
+      props: {
+        allowPublish: true,
+        allowCreate: true,
+        value: '1.0.0',
+        versions: [
+          {
+            version: '1.0.0',
+            label: '初始版本',
+            value: '1.0.0',
+            status: 'live',
+          },
+          {
+            version: '1.0.1',
+            label: '新增功能',
+            value: '1.0.1',
+            status: 'draft',
+          },
+          
+        ],
+      },
+    },
+  },
+];
+
+export default {
+  ...PisellAppVersionControlMeta,
+  snippets,
+};

package/lowcode/badge/meta.ts

@@ -4,7 +4,7 @@ export default {
   snippets,
   componentName: 'Badge',
   title: '徽标数',
-  category: '数据展示',
+  category: '通用',
   docUrl: "",
   screenshot: "",
   devMode: "proCode",
@@ -17,19 +17,27 @@ export default {
     subName: "",
   },
   props: [
+    {
+      name: 'styleType',
+      title: { label: '样式选择', tip: '选择自定义的样式' },
+      propType: {
+        type: 'oneOf',
+        value: ['default', 'warning'],
+      },
+    },
     {
       name: 'color',
       title: { label: '圆点颜色', tip: '自定义小圆点的颜色' },
       propType: 'string',
     },
-    {
-      name: 'count',
-      title: {
-        label: '展示数字',
-        tip: '展示的数字，大于 overflowCount 时显示为 `${overflowCount}+`，为 0 时隐藏',
-      },
-      propType: 'node',
-    },
+    // {
+    //   name: 'count',
+    //   title: {
+    //     label: '展示数字',
+    //     tip: '展示的数字，大于 overflowCount 时显示为 `${overflowCount}+`，为 0 时隐藏',
+    //   },
+    //   propType: 'node',
+    // },
     {
       name: 'dot',
       title: {
@@ -87,9 +95,10 @@ export default {
         tip: '设置鼠标放在状态点上时显示的文字',
       },
       propType: 'string',
-      setter: 'PisellI18nSetter',
+      setter: 'StringSetter',
     },
   ],
   configure: {
-    supports: { style: true } },
+    supports: { style: true }
+  },
 };

package/lowcode/badge/snippets.ts

@@ -6,6 +6,8 @@ export default [
       componentName: 'Badge',
       props: {
         count: 25,
+        styleType: 'default',
+        color: '',
       },
     },
   },

package/lowcode/button/meta.ts

@@ -1,9 +1,8 @@
-import { ComponentMetadata, Snippet } from "@alilc/lowcode-types";
 import snippets from "./snippets";
 
-const ButtonMeta: ComponentMetadata = {
+const ButtonMeta = {
   componentName: "Button",
-  title: "Button",
+  title: "按钮",
   /** todo: category属性的多语言不生效 后续组件面板自己实现时加入 */
   category: "通用",
   docUrl: "",
@@ -40,11 +39,8 @@ const ButtonMeta: ComponentMetadata = {
               },
               tip: "children",
             },
-            propType: {
-              type: "oneOfType",
-              value: ["node", "string"],
-            },
-            setter: ["SlotSetter", "PisellI18nSetter", "VariableSetter"],
+            propType: 'string',
+            setter: 'PisellI18nSetter',
           },
           {
             name: "htmlType",
@@ -138,35 +134,19 @@ const ButtonMeta: ComponentMetadata = {
                 props: {
                   options: [
                     {
-                      title: {
-                        type: "i18n",
-                        "en-US": "Jump to this window",
-                        "zh-CN": "本窗口跳转",
-                      },
+                      title: "本窗口跳转",
                       value: "_self",
                     },
                     {
-                      title: {
-                        type: "i18n",
-                        "en-US": "open a new tab",
-                        "zh-CN": "打开新标签页",
-                      },
+                      title: "打开新标签页",
                       value: "_blank",
                     },
                     {
-                      title: {
-                        type: "i18n",
-                        "en-US": "parent window jump",
-                        "zh-CN": "父窗口跳转",
-                      },
+                      title: "父窗口跳转",
                       value: "_parent",
                     },
                     {
-                      title: {
-                        type: "i18n",
-                        "en-US": "Top-level window jump",
-                        "zh-CN": "顶层窗口跳转",
-                      },
+                      title: "顶层窗口跳转",
                       value: "_top",
                     },
                   ],
@@ -417,7 +397,6 @@ const ButtonMeta: ComponentMetadata = {
           },
         ],
       },
-
       {
         title: {
           type: "i18n",

package/lowcode/button-group/meta.ts

@@ -0,0 +1,201 @@
+
+import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types';
+import snippets from './snippets';
+import { uuid } from '../_utils/utils';
+
+const ButtonGroupMeta: IPublicTypeComponentMetadata = {
+  "componentName": "ButtonGroup",
+  "title": "ButtonGroup",
+  category: "通用",
+  "docUrl": "",
+  "screenshot": "",
+  "devMode": "proCode",
+  "npm": {
+    package: "@pisell/materials",
+    "version": "0.1.0",
+    "exportName": "ButtonGroup",
+    "main": "src/index.tsx",
+    "destructuring": true,
+    "subName": ""
+  },
+  "configure": {
+    "props": [
+      {
+        name: "options",
+        title: { label: "按钮列表", tip: "按钮列表" },
+        setter: {
+          componentName: "ArraySetter",
+          props: {
+            itemSetter: {
+              componentName: "ObjectSetter",
+              props: {
+                config: {
+                  items: [
+                    {
+                      name: "buttonText",
+                      title: "按钮名称",
+                      isRequired:true,
+                      setter: "StringSetter",
+                    },
+                    {
+                      name: "buttonType",
+                      title: "按钮类型",
+                      isRequired:true,
+                      propType: {
+                        type: "oneOf",
+                        value: ["primary", "default", "ghost", "dashed", "danger", "link", "text"],
+                      },
+                      setter: [
+                        {
+                          componentName: "SelectSetter",
+                          props: {
+                            options: [
+                              {
+                                title: "primary",
+                                value: "primary",
+                              },
+                              {
+                                title: "default",
+                                value: "default",
+                              },
+                              {
+                                title: "dashed",
+                                value: "dashed",
+                              },
+                              {
+                                title: "danger",
+                                value: "danger",
+                              },
+                              {
+                                title: "link",
+                                value: "link",
+                              },
+                              {
+                                title: "text",
+                                value: "text",
+                              },
+                            ],
+                          },
+                        },
+                        "VariableSetter",
+                      ],
+                    },
+                    {
+                      name: "onClick",
+                      title: { label: "点击事件", tip: "点击事件" },
+                      propType: "func",
+                      isRequired:true,
+                      setter: "FunctionSetter",
+                    },
+                  ],
+                },
+              },
+              initialValue: () => {
+                return {
+                  buttonText: "按钮名称",
+                  buttonType: "default",
+                  onClick: (e) => {
+                    console.log(e,99999999);
+                    alert('点击了按钮')
+                  },
+                };
+              },
+            },
+          },
+        },
+      },
+      {
+        name: 'isShowMore',
+        title: {
+          label: {
+            type: "i18n",
+            "en-US": "Right icon",
+            "zh-CN": "菜单按钮",
+          },
+          tip: "icon | Set the icon component of the button",
+        },
+        propType: { type: "oneOfType", value: ["node"] },
+        setter: [{
+          componentName: "SlotSetter",
+          initialValue: {
+            type: "JSSlot",
+            value: [
+              {
+                componentName: "Dropdown",
+                props: {
+                  items: [{
+                    label: '菜单名称',
+                    key: uuid(),
+                  }
+                  ]
+                },
+              },
+            ],
+          },
+          defaultValue: null
+        }],
+
+        // defaultValue: false,
+        // supportVariable: true,
+      }, {
+        name: 'moreMenus',
+        "title": { label: '下拉按钮', tip: '下拉按钮配置项' },
+        "setter": {
+          "componentName": "ArraySetter",
+          "props": {
+            "itemSetter": {
+              "componentName": "ObjectSetter",
+              "props": {
+                "config": {
+                  "items": [{
+                    "name": "key",
+                    title: { label: '菜单ID', tip: '菜单唯一标识' },
+                    isRequired: true,
+                    "setter": "StringSetter"
+                  }, {
+                    "name": "label",
+                    title: { label: '菜单名称', tip: '菜单名称' },
+                    isRequired: true,
+                    "setter": "StringSetter"
+                  },
+                  {
+                    "name": "callback",
+                    title: { label: '回调函数', tip: '点击按钮绑定回调函数' },
+                    isRequired: true,
+                    "description": "callback",
+                    "setter": {
+                      "componentName": "FunctionSetter"
+                    }
+                  }
+                  ]
+                }
+              },
+              "initialValue": {
+                "label": "按钮名称",
+                "key": uuid(),
+                "callback": null
+              }
+            }
+          }
+        }
+
+      },],
+    "supports": {
+      "style": true
+    },
+    "component": {}
+  }
+};
+
+
+
+
+
+
+
+
+
+export default {
+  ...ButtonGroupMeta,
+  snippets
+};

package/lowcode/button-group/snippets.ts

@@ -0,0 +1,68 @@
+
+
+export default [
+    {
+        "title": "按钮组合",
+        "screenshot": "",
+        "schema": {
+            "componentName": "ButtonGroup",
+            "props": {
+                options: [{
+                    buttonText: '保存',
+                    buttonType: 'primary',
+                }, {
+                    buttonText: '删除',
+                    buttonType: 'danger',
+                }
+                ],
+                rows: [
+                    {
+                        rowIndex: 0,
+                        buttonArray: [{
+                            buttonType: 'primary',
+                            buttonText: '主要按钮',
+                        }, {
+                            buttonType: 'default',
+                            buttonText: '次要按钮',
+                        }]
+                    }
+                ],
+
+                items: {
+                    type: "JSSlot",
+                    values: [{
+                        componentName: "Button",
+                        props: {
+                            type: "primary",
+                            children: "1111111"
+                        }
+                    }, {
+                        componentName: "Button",
+                        props: {
+                            type: "default",
+                            children: "222222222"
+                        }
+                    }]
+                },
+
+
+                isShowMore: true, // 是否显示更多按钮
+                moreMenus: [{
+                    key: '1',
+                    label: '保存'
+                }, {
+                    key: '2',
+                    label: '删除'
+                }]
+            },
+            children: [
+                {
+                    componentName: 'Button',
+                    props: {
+                        children: 'Affix Top',
+                    },
+                },
+            ],
+        }
+    }
+];

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

@@ -0,0 +1,32 @@
+import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types';
+import snippets from './snippets';
+
+const ButtonGroupPreviewMeta: IPublicTypeComponentMetadata = {
+    "componentName": "ButtonGroupEdit",
+    "title": "ButtonGroupEdit",
+    category: "通用",
+    "docUrl": "",
+    "screenshot": "",
+    "devMode": "proCode",
+    "npm": {
+        package: "@pisell/materials",
+        "version": "0.1.0",
+        "exportName": "ButtonGroupEdit",
+        "main": "src/index.tsx",
+        "destructuring": true,
+        "subName": ""
+    },
+    "configure": {
+        props: []
+    },
+    "supports": {
+        "style": true,
+        "events": [{
+            "name": "onChange"
+        }]
+    },
+}
+export default {
+    ...ButtonGroupPreviewMeta,
+    snippets
+}

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

@@ -0,0 +1,98 @@
+import { uuid } from '../_utils/utils';
+
+export default [
+    {
+        "title": "按钮组-编辑",
+        "screenshot": "",
+        "schema": {
+            "componentName": "ButtonGroupEdit",
+            "props": {
+                buttonList: [{
+                    children: `按钮${uuid()}`,
+                    id: uuid(),
+                    buttonProps:{
+                        type:'default'
+                    }
+                }, {
+                    children: `按钮${uuid()}`,
+                    id: uuid(),
+                    buttonProps:{
+                        type:'default'
+                    }
+                }, {
+                    children: `按钮${uuid()}`,
+                    id: uuid(),
+                    buttonProps:{
+                        type:'default'
+                    }
+                }, {
+                    children: `按钮${uuid()}`,
+                    id: uuid(),
+                    buttonProps:{
+                        type:'default'
+                    }
+                }, {
+                    children: `按钮${uuid()}`,
+                    id: uuid(),
+                    buttonProps:{
+                        type:'default'
+                    }
+                }, {
+                    children: `按钮${uuid()}`,
+                    id: uuid(),
+                    buttonProps:{
+                        type:'default'
+                    }
+                }, {
+                    children: `按钮${uuid()}`,
+                    id: uuid(),
+                    buttonProps:{
+                        type:'default'
+                    }
+                },],
+                buttonGroupList: [
+                    [{
+                        id: uuid(),
+                        children: `测试按钮${uuid()}`,
+                        buttonProps:{
+                            type:'default'
+                        }
+                    }, {
+                        id: uuid(),
+                        children: `测试按钮${uuid()}`,
+                        buttonProps:{
+                            type:'default'
+                        }
+                    }, {
+                        id: uuid(),
+                        children: `测试按钮${uuid()}`,
+                        buttonProps:{
+                            type:'default'
+                        }
+                    }], [
+                        {
+                            id: uuid(),
+                            children: `测试按钮${uuid()}`,
+                            buttonProps:{
+                                type:'default'
+                            }
+                        }
+                    ], [
+                        {
+                            id: uuid(),
+                            children: `测试按钮${uuid()}`,
+                            buttonProps:{
+                                type:'default'
+                            }
+                        }, {
+                            id: uuid(),
+                            children: `测试按钮${uuid()}`,
+                            buttonProps:{
+                                type:'default'
+                            }
+                        }
+                    ]
+                ]
+            }
+        }
+    }]