@vtj/materials 0.8.43 → 0.8.45

package/src/antdv/avatar.ts

@@ -0,0 +1,172 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const components: MaterialDescription[] = [
+  {
+    name: 'AAvatar',
+    alias: 'Avatar',
+    label: '头像',
+    categoryId: 'data',
+    doc: 'https://www.antdv.com/components/avatar-cn',
+    props: [
+      {
+        name: 'alt',
+        label: 'alt',
+        title: '图像无法显示时的替代文本',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'crossOrigin',
+        label: 'crossOrigin',
+        title: 'cors 属性设置',
+        setters: 'SelectSetter',
+        options: ['anonymous', 'use-credentials', '']
+      },
+      {
+        name: 'draggable',
+        label: 'draggable',
+        title: '图片是否允许拖动',
+        setters: ['BooleanSetter', 'SelectSetter'],
+        options: ['true', 'false']
+      },
+      {
+        name: 'gap',
+        label: 'gap',
+        title: '字符类型距离左右两侧边界单位像素',
+        setters: 'NumberSetter',
+        defaultValue: 4
+      },
+      {
+        name: 'loadError',
+        label: 'loadError',
+        title: '图片加载失败的事件，返回 false 会关闭组件默认的 fallback 行为',
+        setters: 'FunctionSetter'
+      },
+      {
+        name: 'shape',
+        label: 'shape',
+        title: '指定头像的形状',
+        setters: 'SelectSetter',
+        options: ['circle', 'square'],
+        defaultValue: 'circle'
+      },
+      {
+        name: 'size',
+        label: 'size',
+        title: '设置头像的大小',
+        setters: ['NumberSetter', 'SelectSetter', 'ObjectSetter'],
+        options: ['large', 'small', 'default'],
+        defaultValue: 'default'
+      },
+      {
+        name: 'src',
+        label: 'src',
+        title: '图片类头像的资源地址',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'srcset',
+        label: 'srcset',
+        title: '设置图片类头像响应式资源地址',
+        setters: 'StringSetter'
+      }
+    ],
+    slots: ['icon'],
+    snippet: {
+      props: {
+        size: '64'
+      },
+      children: [
+        { name: 'Template', slot: 'icon', children: [{ name: 'UserOutlined' }] }
+      ]
+    }
+  },
+  {
+    name: 'AAvatarGroup',
+    alias: 'Group',
+    parent: 'Avatar',
+    label: '头像组',
+    categoryId: 'data',
+    doc: 'https://www.antdv.com/components/avatar-cn',
+    props: [
+      {
+        name: 'maxCount',
+        label: 'maxCount',
+        title: '显示的最大头像个数',
+        setters: 'NumberSetter'
+      },
+      {
+        name: 'maxPopoverPlacement',
+        label: 'maxPopoverPlacement',
+        title: '多余头像气泡弹出位置',
+        setters: 'SelectSetter',
+        options: ['top', 'bottom'],
+        defaultValue: 'top'
+      },
+      {
+        name: 'maxPopoverTrigger',
+        label: 'maxPopoverTrigger',
+        title: '设置多余头像 Popover 的触发方式',
+        setters: 'SelectSetter',
+        options: ['hover', 'focus', 'click'],
+        defaultValue: 'hover'
+      },
+      {
+        name: 'maxStyle',
+        label: 'maxStyle',
+        title: '多余头像样式',
+        setters: 'ObjectSetter'
+      },
+      {
+        name: 'size',
+        label: 'size',
+        title: '设置头像的大小',
+        setters: ['NumberSetter', 'SelectSetter', 'ObjectSetter'],
+        options: ['large', 'small', 'default'],
+        defaultValue: 'default'
+      },
+      {
+        name: 'shape',
+        label: 'shape',
+        title: '设置头像的形状',
+        setters: 'SelectSetter',
+        options: ['circle', 'square'],
+        defaultValue: 'circle'
+      }
+    ],
+    snippet: {
+      children: [
+        {
+          name: 'AAvatar',
+          props: {
+            size: 64,
+            src: 'https://xsgames.co/randomusers/avatar.php?g=pixel&key=1'
+          }
+        },
+        {
+          name: 'AAvatar',
+          children: 'CC',
+          props: {
+            size: 64
+          }
+        },
+        {
+          name: 'ATooltip',
+          props: {
+            title: 'Ant User',
+            placement: 'top',
+            children: [
+              {
+                name: 'AAvatar',
+                props: {
+                  style: { backgroundColor: '#87d068' },
+                  src: 'https://xsgames.co/randomusers/avatar.php?g=pixel&key=1'
+                }
+              }
+            ]
+          }
+        }
+      ]
+    }
+  }
+];
+export default components;

package/src/antdv/badge.ts

@@ -0,0 +1,129 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const components: MaterialDescription[] = [
+  {
+    name: 'ABadge',
+    alias: 'Badge',
+    label: '徽标数',
+    categoryId: 'data',
+    doc: 'https://www.antdv.com/components/badge-cn',
+    props: [
+      {
+        name: 'color',
+        label: 'color',
+        title: '自定义小圆点的颜色',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'count',
+        label: 'count',
+        title:
+          '展示的数字，大于 overflowCount 时显示为 ${overflowCount}+，为 0 时隐藏',
+        setters: ['NumberSetter', 'StringSetter']
+      },
+      {
+        name: 'dot',
+        label: 'dot',
+        title: '不展示数字，只有一个小红点',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'numberStyle',
+        label: 'numberStyle',
+        title: '设置状态点的样式',
+        setters: 'ObjectSetter',
+        defaultValue: ''
+      },
+      {
+        name: 'offset',
+        label: 'offset',
+        title: '设置状态点的位置偏移，格式为 [x, y]',
+        setters: 'ArraySetters'
+      },
+      {
+        name: 'overflowCount',
+        label: 'overflowCount',
+        title: '展示封顶的数字值',
+        setters: 'NumberSetter',
+        defaultValue: 99
+      },
+      {
+        name: 'showZero',
+        label: 'showZero',
+        title: '当数值为 0 时，是否展示 Badge',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'status',
+        label: 'status',
+        title: '设置 Badge 为状态点',
+        setters: 'SelectSetter',
+        options: ['success', 'processing', 'default', 'error', 'warning'],
+        defaultValue: ''
+      },
+      {
+        name: 'text',
+        label: 'text',
+        title: '在设置了 status 的前提下有效，设置状态点的文本',
+        setters: 'StringSetter',
+        defaultValue: ''
+      },
+      {
+        name: 'title',
+        label: 'title',
+        title: '设置鼠标放在状态点上时显示的文字',
+        setters: 'StringSetter',
+        defaultValue: 'count'
+      }
+    ],
+    slots: ['count'],
+    snippet: {
+      props: { count: 5 },
+      children: [{ name: 'AAvatar', props: { shape: 'square', size: 'large' } }]
+    }
+  },
+  {
+    name: 'ABadgeRibbon',
+    alias: 'Ribbon',
+    parent: 'Badge',
+    label: '徽标缎带',
+    categoryId: 'data',
+    doc: 'https://www.antdv.com/components/badge-cn',
+    props: [
+      {
+        name: 'color',
+        label: 'color',
+        title: '自定义缎带的颜色',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'placement',
+        label: 'placement',
+        title: '缎带的位置，start 和 end 随文字方向（RTL 或 LTR）变动',
+        setters: 'SelectSetter',
+        options: ['start', 'end'],
+        defaultValue: 'end'
+      },
+      {
+        name: 'text',
+        label: 'text',
+        title: '缎带中填入的内容',
+        setters: 'StringSetter'
+      }
+    ],
+    slots: ['text'],
+    snippet: {
+      props: { text: 'Hippies' },
+      children: [
+        {
+          name: 'ACard',
+          props: { title: 'Pushes open the window', size: 'small' },
+          children: 'and raises the spyglass.'
+        }
+      ]
+    }
+  }
+];
+export default components;

package/src/antdv/breadcrumb.ts

@@ -0,0 +1,86 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const components: MaterialDescription[] = [
+  {
+    name: 'ABreadcrumb',
+    alias: 'Breadcrumb',
+    label: '面包屑',
+    categoryId: 'nav',
+    doc: 'https://www.antdv.com/components/breadcrumb-cn',
+    props: [
+      {
+        name: 'itemRender',
+        label: 'itemRender',
+        title:
+          '自定义链接函数，和 vue-router 配置使用， 也可使用 #itemRender="props"'
+      },
+      {
+        name: 'params',
+        label: 'params',
+        title: '路由的参数',
+        setters: 'ObjectSetter'
+      },
+      {
+        name: 'routes',
+        label: 'routes',
+        title: 'router 的路由栈信息',
+        setters: 'ArraySetter'
+      },
+      {
+        name: 'separator',
+        label: 'separator',
+        title: '分隔符自定义',
+        setters: 'StringSetter',
+        defaultValue: '/'
+      }
+    ],
+    snippet: {
+      children: [
+        { name: 'BreadcrumbItem', children: 'Home' },
+        { name: 'ABreadcrumbSeparator' },
+        { name: 'BreadcrumbItem', children: 'Application Center' },
+        { name: 'ABreadcrumbSeparator' },
+        { name: 'BreadcrumbItem', children: 'Application List' },
+        { name: 'ABreadcrumbSeparator' },
+        {
+          name: 'BreadcrumbItem',
+          props: { style: { fontWeight: '700', color: '#000' } },
+          children: 'An Application'
+        }
+      ]
+    }
+  },
+  {
+    name: 'ABreadcrumbItem',
+    alias: 'Item',
+    parent: 'Breadcrumb',
+    label: '面包屑项',
+    categoryId: 'nav',
+    doc: 'https://www.antdv.com/components/breadcrumb-cn',
+    props: [
+      {
+        name: 'href',
+        label: 'href',
+        title: '链接的目的地',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'overlay',
+        label: 'overlay',
+        title: '下拉菜单的内容',
+        setters: ['ObjectSetter', 'FunctionSetter'] //?? Menu | () => Menu
+      }
+    ],
+    events: ['click'],
+    snippet: { children: '面包屑项' }
+  },
+  {
+    name: 'ABreadcrumbSeparator',
+    alias: 'Separator',
+    parent: 'Breadcrumb',
+    label: '面包屑分隔符',
+    categoryId: 'nav',
+    doc: 'https://www.antdv.com/components/breadcrumb-cn'
+  }
+];
+export default components;

package/src/antdv/button.ts

@@ -0,0 +1,116 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const components: MaterialDescription[] = [
+  {
+    name: 'AButton',
+    alias: 'Button',
+    label: '按钮',
+    categoryId: 'base',
+    doc: 'https://www.antdv.com/components/button-cn',
+    props: [
+      {
+        name: 'block',
+        label: 'block',
+        title: '将按钮宽度调整为其父宽度的选项',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'danger',
+        label: 'danger',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'disabled',
+        label: 'disabled',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'ghost',
+        label: 'ghost',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'href',
+        label: 'href',
+        setters: 'InputSetter'
+      },
+      {
+        name: 'loading',
+        label: 'loading',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'shape',
+        label: 'shape',
+        setters: 'SelectSetter',
+        options: ['default', 'circle', 'round'],
+        defaultValue: 'default'
+      },
+      {
+        name: 'size',
+        label: 'size',
+        setters: 'SelectSetter',
+        options: ['large', 'middle', 'small'],
+        defaultValue: 'middle'
+      },
+      {
+        name: 'target',
+        label: 'target',
+        setters: 'InputSetter',
+        title: '相当于 a 链接的 target 属性，href 存在时生效'
+      },
+      {
+        name: 'type',
+        label: 'type',
+        setters: 'SelectSetter',
+        options: ['primary', 'ghost', 'dashed', 'link', 'text', 'default'],
+        defaultValue: 'default'
+      }
+    ],
+    events: ['click'],
+    slots: ['icon'],
+    snippet: {
+      children: 'Button'
+    }
+  },
+  {
+    name: 'AButtonGroup',
+    alias: 'Group',
+    parent: 'Button',
+    label: '按钮组',
+    categoryId: 'base',
+    doc: 'https://www.antdv.com/components/button-cn',
+    props: [
+      {
+        name: 'size',
+        label: 'size',
+        setters: 'SelectSetter',
+        options: ['large', 'middle', 'small'],
+        defaultValue: 'middle'
+      }
+    ],
+    snippet: {
+      children: [
+        {
+          name: 'AButton',
+          children: 'Button1'
+        },
+        {
+          name: 'AButton',
+          children: 'Button2'
+        },
+        {
+          name: 'AButton',
+          children: 'Button3'
+        }
+      ]
+    }
+  }
+];
+
+export default components;

package/src/antdv/calendar.ts

@@ -0,0 +1,68 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const components: MaterialDescription[] = [
+  {
+    name: 'ACalendar',
+    alias: 'Calendar',
+    label: '日历',
+    categoryId: 'data',
+    doc: 'https://www.antdv.com/components/calandar-cn',
+    props: [
+      {
+        name: 'disabledDate',
+        label: 'disabledDate',
+        title: '不可选择的日期',
+        setters: 'FunctionSetter' //?? (currentDate: dayjs) => boolean
+      },
+      {
+        name: 'fullscreen',
+        label: 'fullscreen',
+        title: '是否全屏显示',
+        setters: 'BooleanSetter',
+        defaultValue: true
+      },
+      {
+        name: 'locale',
+        label: 'locale',
+        title: '国际化配置',
+        setters: 'ObjectSetter'
+      },
+      {
+        name: 'mode',
+        label: 'mode',
+        title: '初始模式，month/year',
+        setters: 'SelectSetter',
+        options: ['month', 'year'],
+        defaultValue: 'month'
+      },
+      {
+        name: 'validRange',
+        label: 'validRange',
+        title: '设置可以显示的日期',
+        setters: 'ArraySetter' //?? 	[dayjs, dayjs]
+      },
+      {
+        name: 'value',
+        label: 'value',
+        title: '展示日期',
+        setters: 'FunctionSetter' //?? dayjs
+      },
+      {
+        name: 'valueFormat',
+        label: 'valueFormat',
+        title:
+          '可选，绑定值的格式，对 value、defaultValue 起作用。不指定则绑定值为 dayjs 对象',
+        setters: 'StringSetter'
+      }
+    ],
+    events: ['change', 'panelChange', 'select', 'update:value'],
+    slots: [
+      'dateCellRender',
+      'dateFullCellRender',
+      'headerRender',
+      'monthCellRender',
+      'monthFullCellRender'
+    ]
+  }
+];
+export default components;