@pisell/materials 1.0.597 → 1.0.599

package/lowcode/pisell-content/meta.ts

@@ -0,0 +1,86 @@
+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': 'Other content',
+          'zh-CN': '额外内容',
+        },
+      },
+      name: 'children',
+      setter: ['SlotSetter'],
+    },
+    {
+      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',
+        },
+
+      },
+    },
+  },
+];
+
+export default {
+  ...PisellContentMeta,
+  snippets,
+}; 

package/lowcode/pisell-draggable/meta.ts

@@ -0,0 +1,190 @@
+import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types';
+
+const PisellDraggableMeta: IPublicTypeComponentMetadata = {
+  componentName: 'PisellDraggable',
+  title: 'PisellDraggable',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.3',
+    exportName: 'PisellDraggable',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  props: [
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'items',
+          'zh-CN': '拖拽项列表',
+        },
+      },
+      name: 'items',
+      description: '拖拽项数据列表',
+      setter: 'JsonSetter',
+      defaultValue: [],
+    },
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'direction',
+          'zh-CN': '排列方向',
+        },
+      },
+      name: 'direction',
+      setter: {
+        componentName: 'RadioGroupSetter',
+        props: {
+          options: [
+            { label: '垂直', value: 'vertical' },
+            { label: '水平', value: 'horizontal' },
+            { label: '网格', value: 'grid' },
+          ],
+        },
+      },
+      defaultValue: 'vertical',
+    },
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'columns',
+          'zh-CN': '列数',
+        },
+      },
+      name: 'columns',
+      description: '网格布局时的列数',
+      setter: 'NumberSetter',
+      defaultValue: 3,
+    },
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'allowCrossContainer',
+          'zh-CN': '允许跨容器',
+        },
+      },
+      name: 'allowCrossContainer',
+      setter: 'BoolSetter',
+      defaultValue: false,
+    },
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'disabled',
+          'zh-CN': '禁用',
+        },
+      },
+      name: 'disabled',
+      setter: 'BoolSetter',
+      defaultValue: false,
+    },
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'animationDuration',
+          'zh-CN': '动画时长',
+        },
+      },
+      name: 'animationDuration',
+      description: '动画持续时间（毫秒）',
+      setter: 'NumberSetter',
+      defaultValue: 250,
+    },
+    {
+      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': 'dragMode',
+          'zh-CN': '拖动方式',
+        },
+      },
+      name: 'dragMode',
+      setter: {
+        componentName: 'RadioGroupSetter',
+        props: {
+          options: [
+            { label: '手柄拖动', value: 'handle' },
+            { label: '整体拖动', value: 'item' },
+          ],
+        },
+      },
+      defaultValue: 'handle',
+    },
+  ],
+  configure: {
+    component: {
+      isContainer: true,
+    },
+    supports: {
+      style: true,
+      className: true,
+      events: [
+        {
+          name: 'onDragStart',
+          description: '拖拽开始时的回调',
+        },
+        {
+          name: 'onDragEnd',
+          description: '拖拽结束时的回调',
+        },
+        {
+          name: 'onChange',
+          description: '数据变化时的回调',
+        },
+      ],
+    },
+  },
+};
+
+const snippets: IPublicTypeSnippet[] = [
+  {
+    title: 'PisellDraggable',
+    screenshot: '',
+    schema: {
+      componentName: 'PisellDraggable',
+      props: {
+        items: [
+          { id: '1', content: '项目 1' },
+          { id: '2', content: '项目 2' },
+          { id: '3', content: '项目 3' },
+        ],
+      },
+    },
+  },
+];
+
+export default {
+  ...PisellDraggableMeta,
+  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,
+};