@pisell/materials 6.0.10 → 6.0.12

package/lowcode/pisell-footer/meta.ts

@@ -0,0 +1,81 @@
+import { ComponentMetadata, Snippet } from '@alilc/lowcode-types';
+
+const PisellFooterMeta: ComponentMetadata = {
+  componentName: 'PisellFooter',
+  title: 'PisellFooter',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.3',
+    exportName: 'PisellFooter',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  props: [
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'className',
+          'zh-CN': '类名',
+        },
+      },
+      name: 'className',
+      setter: 'StringSetter',
+    },
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'style',
+          'zh-CN': '样式',
+        },
+      },
+      name: 'style',
+      setter: 'StyleSetter',
+    },
+  ],
+  configure: {
+    component: {
+      isContainer: true,
+    },
+    supports: {
+      style: true,
+      className: true,
+    },
+  },
+};
+
+const snippets: Snippet[] = [
+  {
+    title: 'PisellFooter',
+    screenshot: '',
+    schema: {
+      componentName: 'PisellFooter',
+      props: {
+        style: {
+          backgroundColor: '#1890ff',
+          color: '#fff',
+          textAlign: 'center',
+        },
+      },
+      children: [{
+        componentName: 'PisellText',
+        props: {
+          style: {
+            color: '#fff',
+          },
+        },
+        children: 'Footer',
+      },],
+    },
+  },
+];
+
+export default {
+  ...PisellFooterMeta,
+  snippets,
+}; 

package/lowcode/pisell-header/meta.ts

@@ -0,0 +1,83 @@
+import { ComponentMetadata, Snippet } from '@alilc/lowcode-types';
+
+const PisellHeaderMeta: ComponentMetadata = {
+  componentName: 'PisellHeader',
+  title: 'PisellHeader',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.3',
+    exportName: 'PisellHeader',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  props: [
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'className',
+          'zh-CN': '类名',
+        },
+      },
+      name: 'className',
+      setter: 'StringSetter',
+    },
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'style',
+          'zh-CN': '样式',
+        },
+      },
+      name: 'style',
+      setter: 'StyleSetter',
+    },
+  ],
+  configure: {
+    component: {
+      isContainer: true,
+    },
+    supports: {
+      style: true,
+      className: true,
+    },
+  },
+};
+
+const snippets: Snippet[] = [
+  {
+    title: 'PisellHeader',
+    screenshot: '',
+    schema: {
+      componentName: 'PisellHeader',
+      props: {
+        style: {
+          backgroundColor: '#1890ff',
+          color: '#fff',
+          height: 64,
+          lineHeight: '64px',
+          textAlign: 'center',
+        },
+      },
+      children: [{
+        componentName: 'PisellText',
+        props: {
+          style: {
+            color: '#fff',
+          },
+        },
+        children: 'Header',
+      },],
+    },
+  },
+];
+
+export default {
+  ...PisellHeaderMeta,
+  snippets,
+}; 

package/lowcode/pisell-layout/meta.ts

@@ -0,0 +1,174 @@
+import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types';
+
+const PisellLayoutMeta: IPublicTypeComponentMetadata = {
+  componentName: 'PisellLayout',
+  title: 'PisellLayout',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.3',
+    exportName: 'PisellLayout',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  props: [
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'className',
+          'zh-CN': '类名',
+        },
+      },
+      name: 'className',
+      setter: 'StringSetter',
+    },
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'style',
+          'zh-CN': '样式',
+        },
+      },
+      name: 'style',
+      setter: 'StyleSetter',
+    },
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'hasSider',
+          'zh-CN': '是否有侧边栏',
+        },
+      },
+      name: 'hasSider',
+      setter: 'BoolSetter',
+      defaultValue: false,
+    },
+  ],
+  configure: {
+    component: {
+      isContainer: true,
+    },
+    supports: {
+      style: true,
+      className: true,
+    },
+  },
+};
+
+const snippets: IPublicTypeSnippet[] = [
+  {
+    title: 'PisellLayout',
+    screenshot: '',
+    schema: {
+      componentName: 'PisellLayout',
+      props: {
+        style: {
+          height: '100%',
+        }
+      },
+      children: [
+        {
+          componentName: 'PisellHeader',
+          props: {
+            style: {
+              backgroundColor: '#1890ff',
+              color: '#fff',
+              height: 64,
+              lineHeight: '64px',
+              textAlign: 'center',
+            },
+          },
+          children: [{
+            componentName: 'PisellText',
+            props: {
+              style: {
+                color: '#fff',
+              },
+            },
+            children: 'Header',
+          },],
+        },
+        {
+          componentName: 'PisellLayout',
+          props: {
+            hasSider: true
+          },
+          children: [
+            {
+              componentName: 'PisellSider',
+              props: {
+                style: {
+                  backgroundColor: '#3ba0e9',
+                  color: '#fff',
+                  lineHeight: '120px',
+                  textAlign: 'center',
+                },
+                width: 200,
+              },
+              children: [{
+                componentName: 'PisellText',
+                props: {
+                  style: {
+                    color: '#fff',
+                  },
+                },
+                children: 'Sider',
+              },],
+            },
+            {
+              componentName: 'PisellContent',
+              props: {
+                style: {
+                  backgroundColor: '#7dbcea',
+                  color: '#fff',
+                  minHeight: 120,
+                  lineHeight: '120px',
+                  textAlign: 'center',
+                },
+              },
+              // children: [{
+              //   componentName: 'PisellText',
+              //   props: {
+              //     style: {
+              //       color: '#fff',
+              //     },
+              //   },
+              //   children: 'Content',
+              // },],
+            },
+          ],
+        },
+        {
+          componentName: 'PisellFooter',
+          props: {
+            style: {
+              backgroundColor: '#1890ff',
+              color: '#fff',
+              textAlign: 'center',
+            },
+          },
+          children: [{
+            componentName: 'PisellText',
+            props: {
+              style: {
+                color: '#fff',
+              },
+            },
+            children: 'Footer',
+          },],
+        },
+      ],
+    },
+  },
+];
+
+export default {
+  ...PisellLayoutMeta,
+  snippets,
+}; 

package/lowcode/pisell-menu/meta.ts

@@ -0,0 +1,112 @@
+import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types';
+
+const PisellMenuMeta: IPublicTypeComponentMetadata = {
+  componentName: 'PisellMenu',
+  title: 'PisellMenu',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.3',
+    exportName: 'PisellMenu',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: ''
+  },
+  props: [
+    {
+      name: 'mode',
+      propType: {
+        type: 'oneOf',
+        value: ['vertical', 'horizontal', 'inline']
+      },
+      description: '菜单模式',
+      defaultValue: 'vertical',
+      setter: {
+        componentName: 'SelectSetter',
+        props: {
+          options: [
+            { label: '垂直', value: 'vertical' },
+            { label: '水平', value: 'horizontal' },
+            { label: '内嵌', value: 'inline' },
+          ]
+        }
+      }
+    },
+    {
+      name: 'theme',
+      propType: {
+        type: 'oneOf',
+        value: ['light', 'dark']
+      },
+      description: '主题',
+      defaultValue: 'light',
+      setter: {
+        componentName: 'RadioGroupSetter',
+        props: {
+          options: [
+            { label: '亮色', value: 'light' },
+            { label: '暗色', value: 'dark' },
+          ]
+        }
+      }
+    },
+    {
+      name: 'dataSource',
+      propType: 'array',
+      description: '菜单项',
+      setter: 'JsonSetter'
+    },
+    {
+      name: 'className',
+      propType: 'string',
+      description: '类名',
+      setter: 'StringSetter'
+    },
+    {
+      name: 'style',
+      propType: 'object',
+      description: '样式',
+      setter: 'StyleSetter'
+    }
+  ],
+  configure: {
+    component: {
+      isContainer: true
+    },
+    supports: {
+      style: true,
+      className: true
+    }
+  }
+};
+
+const snippets: IPublicTypeSnippet[] = [
+  {
+    title: '菜单导航',
+    screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/menu-1.jpg',
+    schema: {
+      componentName: 'PisellMenu',
+      props: {
+        mode: 'vertical',
+        theme: 'light',
+        items: [
+          {
+            label: '菜单项1',
+            key: 'item-1'
+          },
+          {
+            label: '菜单项2',
+            key: 'item-2'
+          }
+        ]
+      }
+    }
+  }
+];
+
+export default {
+  ...PisellMenuMeta,
+  snippets
+};

package/lowcode/pisell-sider/meta.ts

@@ -0,0 +1,142 @@
+import { ComponentMetadata, Snippet } from '@alilc/lowcode-types';
+
+const PisellSiderMeta: ComponentMetadata = {
+  componentName: 'PisellSider',
+  title: 'PisellSider',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.3',
+    exportName: 'PisellSider',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  props: [
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'className',
+          'zh-CN': '类名',
+        },
+      },
+      name: 'className',
+      setter: 'StringSetter',
+    },
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'style',
+          'zh-CN': '样式',
+        },
+      },
+      name: 'style',
+      setter: 'StyleSetter',
+    },
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'breakpoint',
+          'zh-CN': '触发响应式布局的断点',
+        },
+      },
+      name: 'breakpoint',
+      setter: {
+        componentName: 'SelectSetter',
+        props: {
+          options: [
+            { label: 'xs', value: 'xs' },
+            { label: 'sm', value: 'sm' },
+            { label: 'md', value: 'md' },
+            { label: 'lg', value: 'lg' },
+            { label: 'xl', value: 'xl' },
+            { label: 'xxl', value: 'xxl' },
+          ],
+        },
+      },
+    },
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'collapsed',
+          'zh-CN': '当前收起状态',
+        },
+      },
+      name: 'collapsed',
+      setter: 'BoolSetter',
+      defaultValue: false,
+    },
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'collapsible',
+          'zh-CN': '是否可收起',
+        },
+      },
+      name: 'collapsible',
+      setter: 'BoolSetter',
+      defaultValue: false,
+    },
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'width',
+          'zh-CN': '宽度',
+        },
+      },
+      name: 'width',
+      setter: 'NumberSetter',
+      defaultValue: 200,
+    },
+  ],
+  configure: {
+    component: {
+      isContainer: true,
+    },
+    supports: {
+      style: true,
+      className: true,
+    },
+  },
+};
+
+const snippets: Snippet[] = [
+  {
+    title: 'PisellSider',
+    screenshot: '',
+    schema: {
+      componentName: 'PisellSider',
+      props: {
+        style: {
+          backgroundColor: '#3ba0e9',
+          color: '#fff',
+          lineHeight: '120px',
+          textAlign: 'center',
+        },
+        width: 200,
+      },
+      children: [{
+        componentName: 'PisellText',
+        props: {
+          style: {
+            color: '#fff',
+          },
+        },
+        children: 'Sider',
+      },],
+    },
+  },
+];
+
+export default {
+  ...PisellSiderMeta,
+  snippets,
+};