@pisell/materials 6.0.9 → 6.0.11

package/lowcode/pisell-content/meta.ts

@@ -0,0 +1,83 @@
+import { ComponentMetadata, Snippet } from '@alilc/lowcode-types';
+
+const PisellContentMeta: ComponentMetadata = {
+  componentName: 'PisellContent',
+  title: 'PisellContent',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.3',
+    exportName: 'PisellContent',
+    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: 'PisellContent',
+    screenshot: '',
+    schema: {
+      componentName: 'PisellContent',
+      props: {
+        style: {
+          backgroundColor: '#7dbcea',
+          color: '#fff',
+          minHeight: 120,
+          lineHeight: '120px',
+          textAlign: 'center',
+        },
+      },
+      children: [{
+        componentName: 'PisellText',
+        props: {
+          style: {
+            color: '#fff',
+          },
+        },
+        children: 'Content',
+      },],
+    },
+  },
+];
+
+export default {
+  ...PisellContentMeta,
+  snippets,
+}; 

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