@vtj/materials 0.8.44 → 0.8.46

package/src/element/menu.ts

@@ -0,0 +1,348 @@
+import type { MaterialDescription } from '@vtj/core';
+const Menu: MaterialDescription[] = [
+  {
+    name: 'ElMenu',
+    label: '导航菜单',
+
+    doc: 'https://element-plus.org/zh-CN/component/menu.html',
+    categoryId: 'nav',
+    package: 'element-plus',
+    props: [
+      {
+        name: 'mode',
+        defaultValue: 'vertical',
+        setters: 'SelectSetter',
+        options: ['horizontal', 'vertical']
+      },
+      {
+        name: 'collapse',
+        defaultValue: false,
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'ellipsis',
+        defaultValue: true,
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'ellipsisIcon',
+        label: 'ellipsisIcon',
+        title: '自定义省略图标 (仅在水平模式下可用)',
+        setters: 'StringSetter' //?? component
+      },
+      {
+        name: 'popperOffset',
+        label: 'popperOffset',
+        title: '弹出层的偏移量(对所有子菜单有效)',
+        setters: 'NumberSetter',
+        defaultValue: 6
+      },
+      {
+        name: 'backgroundColor',
+        defaultValue: '#ffffff',
+        setters: 'ColorSetter'
+      },
+      {
+        name: 'textColor',
+        defaultValue: '#303133',
+        setters: 'ColorSetter'
+      },
+      {
+        name: 'activeTextColor',
+        defaultValue: '#409EFF',
+        setters: 'ColorSetter'
+      },
+      {
+        name: 'defaultActive',
+        defaultValue: '',
+        setters: 'InputSetter'
+      },
+      {
+        name: 'defaultOpeneds',
+        defaultValue: '',
+        setters: 'JSONSetter'
+      },
+      {
+        name: 'uniqueOpened',
+        defaultValue: false,
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'menuTrigger',
+        defaultValue: 'hover',
+        setters: 'SelectSetter',
+        options: ['hover', 'click']
+      },
+      {
+        name: 'router',
+        defaultValue: false,
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'collapseTransition',
+        defaultValue: true,
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'popperEffect',
+        label: 'popperEffect',
+        title: 'Tooltip 主题，内置了 dark / light 两种主题',
+        setters: 'SelectSetter',
+        options: ['dark', 'light'],
+        defaultValue: 'dark'
+      },
+      {
+        name: 'closeOnClickOutside',
+        label: 'closeOnClickOutside',
+        title: '可选，单击外部时是否折叠菜单',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'popperClass ',
+        label: 'popperClass ',
+        title: '为 popper 添加类名',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'showTimeout',
+        label: 'showTimeout',
+        title: '菜单出现前的延迟',
+        setters: 'NumberSetter',
+        defaultValue: 300
+      },
+      {
+        name: 'hideTimeout',
+        label: 'hideTimeout',
+        title: '菜单消失前的延迟',
+        setters: 'NumberSetter',
+        defaultValue: 300
+      }
+    ],
+    events: [
+      {
+        name: 'select'
+      },
+      {
+        name: 'open'
+      },
+      {
+        name: 'close'
+      }
+    ],
+    slots: ['default'],
+    snippet: {
+      props: {
+        mode: 'horizontal'
+      },
+      children: [
+        {
+          name: 'ElMenuItem',
+          children: '菜单项一',
+          props: {
+            index: '1'
+          }
+        },
+        {
+          name: 'ElSubMenu',
+          props: {
+            index: '2'
+          },
+          children: [
+            {
+              name: 'component',
+              slot: 'title',
+              props: {
+                is: 'div'
+              },
+              children: '子菜单'
+            },
+            {
+              name: 'ElMenuItem',
+              children: '子菜单项一',
+              props: {
+                index: '2-1'
+              }
+            },
+            {
+              name: 'ElMenuItem',
+              children: '子菜单项二',
+              props: {
+                index: '2-2'
+              }
+            }
+          ]
+        },
+        {
+          name: 'ElMenuItem',
+          children: '菜单项三',
+          props: {
+            index: '3'
+          }
+        }
+      ]
+    }
+  },
+  {
+    name: 'ElSubMenu',
+    label: '导航子菜单',
+
+    categoryId: 'nav',
+    package: 'element-plus',
+    props: [
+      {
+        name: 'index',
+        defaultValue: '',
+        setters: 'InputSetter'
+      },
+      {
+        name: 'popperClass',
+        defaultValue: '',
+        setters: 'InputSetter'
+      },
+      {
+        name: 'showTimeout',
+        defaultValue: 300,
+        setters: 'NumberSetter'
+      },
+      {
+        name: 'hideTimeout',
+        defaultValue: 300,
+        setters: 'NumberSetter'
+      },
+      {
+        name: 'disabled',
+        defaultValue: false,
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'popperOffset',
+        defaultValue: 6,
+        setters: 'NumberSetter'
+      },
+      {
+        name: 'expandCloseIcon',
+        defaultValue: '',
+        setters: ['InputSetter']
+      },
+      {
+        name: 'expandOpenIcon',
+        defaultValue: '',
+        setters: ['InputSetter']
+      },
+      {
+        name: 'collapseCloseIcon',
+        defaultValue: '',
+        setters: ['InputSetter']
+      },
+      {
+        name: 'collapseOpenIcon',
+        defaultValue: '',
+        setters: ['InputSetter']
+      }
+    ],
+    slots: [
+      {
+        name: 'default'
+      },
+      {
+        name: 'title'
+      }
+    ],
+    snippet: {
+      children: [
+        {
+          name: 'component',
+          slot: 'title',
+          props: {
+            is: 'div'
+          },
+          children: '子菜单'
+        },
+        {
+          name: 'ElMenuItem',
+          children: '子菜单项一'
+        }
+      ]
+    }
+  },
+  {
+    name: 'ElMenuItem',
+    label: '导航菜单项',
+
+    categoryId: 'nav',
+    package: 'element-plus',
+    props: [
+      {
+        name: 'index',
+        defaultValue: null,
+        setters: 'InputSetter'
+      },
+      {
+        name: 'route',
+        defaultValue: '',
+        setters: 'JSONSetter'
+      },
+      {
+        name: 'disabled',
+        defaultValue: false,
+        setters: 'BooleanSetter'
+      }
+    ],
+    events: [
+      {
+        name: 'click'
+      }
+    ],
+    slots: [
+      {
+        name: 'default'
+      },
+      {
+        name: 'title'
+      }
+    ],
+    snippet: {
+      children: '菜单项'
+    }
+  },
+  {
+    name: 'ElMenuItemGroup',
+    label: '导航菜单组',
+
+    categoryId: 'nav',
+    package: 'element-plus',
+    props: [
+      {
+        name: 'title',
+        defaultValue: '',
+        setters: 'InputSetter'
+      }
+    ],
+    slots: [
+      {
+        name: 'default'
+      },
+      {
+        name: 'title'
+      }
+    ],
+    snippet: {
+      props: {
+        title: '分组一'
+      },
+      children: [
+        {
+          name: 'ElMenuItem',
+          children: '子菜单项一'
+        },
+        {
+          name: 'ElMenuItem',
+          children: '子菜单项一'
+        }
+      ]
+    }
+  }
+];
+
+export default Menu;

package/src/element/pageHeader.ts

@@ -0,0 +1,67 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const components: MaterialDescription = {
+  name: 'ElPageHeader',
+  label: '页头',
+
+  doc: 'https://element-plus.org/zh-CN/component/page-header.html',
+  categoryId: 'nav',
+  package: 'element-plus',
+  props: [
+    {
+      name: 'icon',
+      defaultValue: undefined,
+      setters: 'InputSetter'
+    },
+    {
+      name: 'title',
+      defaultValue: 'Back',
+      setters: 'InputSetter'
+    },
+    {
+      name: 'content',
+      defaultValue: '',
+      setters: 'InputSetter'
+    }
+  ],
+  events: [
+    {
+      name: 'back'
+    }
+  ],
+  slots: [
+    {
+      name: 'icon'
+    },
+    {
+      name: 'title'
+    },
+    {
+      name: 'content'
+    },
+    {
+      name: 'extra'
+    },
+    {
+      name: 'breadcrumb'
+    },
+    {
+      name: 'default'
+    }
+  ],
+  snippet: {
+    name: 'ElPageHeader',
+    children: [
+      {
+        name: 'component',
+        slot: 'content',
+        props: {
+          is: 'span'
+        },
+        children: 'Title'
+      }
+    ]
+  }
+};
+
+export default components;

package/src/element/pagination.ts

@@ -0,0 +1,130 @@
+import type { MaterialDescription } from '@vtj/core';
+const Pagination: MaterialDescription = {
+  name: 'ElPagination',
+  label: '分页',
+
+  categoryId: 'data',
+  doc: 'https://element-plus.org/zh-CN/component/pagination.html',
+  package: 'element-plus',
+  props: [
+    {
+      name: 'small',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'background',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'pageSize',
+      defaultValue: 10,
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'defaultPageSize',
+      label: '默认页大小',
+      defaultValue: undefined,
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'total',
+      defaultValue: undefined,
+      title: '总条目数',
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'pageCount',
+      defaultValue: undefined,
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'pagerCount',
+      defaultValue: 7,
+      setters: 'NumberSetter'
+    },
+    {
+      // name: 'current-page',
+      name: 'currentPage',
+      defaultValue: 1,
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'defaultCurrentPage',
+      label: '默认当前页',
+      defaultValue: undefined,
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'layout',
+      defaultValue: undefined,
+      setters: 'InputSetter'
+    },
+    {
+      name: 'pageSizes',
+      defaultValue: [10, 20, 30, 40, 50, 100],
+      setters: 'JSONSetter'
+    },
+    {
+      name: 'popperClass',
+      defaultValue: '',
+      setters: 'InputSetter'
+    },
+    {
+      name: 'prevText',
+      defaultValue: '',
+      setters: 'InputSetter'
+    },
+    {
+      name: 'prevIcon',
+      defaultValue: '',
+      setters: 'InputSetter'
+    },
+    {
+      name: 'nextText',
+      defaultValue: '',
+      setters: 'InputSetter'
+    },
+    {
+      name: 'nextIcon',
+      defaultValue: '',
+      setters: 'InputSetter'
+    },
+    {
+      name: 'disabled',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'teleported ',
+      label: 'teleported ',
+      title: '是否将下拉菜单teleport至 body',
+      setters: 'BooleanSetter',
+      defaultValue: true
+    },
+    {
+      name: 'hideOnSinglePage',
+      defaultValue: '',
+      label: '只有一页隐藏',
+      setters: 'BooleanSetter'
+    }
+  ],
+  events: [
+    'size-change',
+    'current-change',
+    'change',
+    'prev-click',
+    'next-click',
+    'update:pageSize',
+    'update:currentPage'
+  ],
+  slots: ['default'],
+  snippet: {
+    props: {
+      total: 1000,
+      background: true
+    }
+  }
+};
+export default Pagination;

package/src/element/popconfirm.ts

@@ -0,0 +1,96 @@
+import type { MaterialDescription } from '@vtj/core';
+const components: MaterialDescription = {
+  name: 'ElPopconfirm',
+  label: '气泡确认框',
+
+  categoryId: 'other',
+  doc: 'https://element-plus.org/zh-CN/component/popconfirm.html',
+  package: 'element-plus',
+  props: [
+    {
+      name: 'title',
+      defaultValue: '',
+      setters: 'InputSetter'
+    },
+    {
+      name: 'confirmButtonText',
+      defaultValue: '',
+      setters: 'InputSetter'
+    },
+    {
+      name: 'cancelButtonText',
+      defaultValue: '',
+      setters: 'InputSetter'
+    },
+    {
+      name: 'confirmButtonType',
+      defaultValue: 'primary',
+      setters: 'SelectSetter',
+      options: ['primary', 'success', 'warning', 'danger', 'info', 'text']
+    },
+    {
+      name: 'confirmButtonType',
+      defaultValue: 'text',
+      setters: 'SelectSetter',
+      options: ['primary', 'success', 'warning', 'danger', 'info', 'text']
+    },
+    {
+      name: 'icon',
+      defaultValue: '',
+      setters: ['InputSetter']
+    },
+    {
+      name: 'iconColor',
+      defaultValue: '#f90',
+      setters: 'ColorSetter'
+    },
+    {
+      name: 'hideIcon',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'teleported',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'persistent',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'width',
+      defaultValue: '150',
+      setters: ['NumberSetter', 'InputSetter']
+    }
+  ],
+  events: [
+    {
+      name: 'confirm'
+    },
+    {
+      name: 'cancel'
+    }
+  ],
+  slots: [
+    {
+      name: 'reference'
+    }
+  ],
+  snippet: {
+    name: 'ElPopconfirm',
+    children: [
+      {
+        name: 'ElButton',
+        children: '气泡确认框',
+        slot: 'reference'
+      }
+    ],
+    props: {
+      title: '标题内容'
+    }
+  }
+};
+
+export default components;