@pisell/materials 1.0.597 → 1.0.599

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: 'PisellMenu',
+    screenshot: '',
+    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,
+};