@vtj/materials 0.8.44 → 0.8.45

package/src/antdv/pagination.ts

@@ -0,0 +1,121 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const components: MaterialDescription[] = [
+  {
+    name: 'APagination',
+    alias: 'Pagination',
+    label: '分页',
+    categoryId: 'nav',
+    doc: 'https://www.antdv.com/components/pagination-cn',
+    props: [
+      {
+        name: 'current',
+        label: 'current',
+        title: '当前页数',
+        setters: 'NumberSetter'
+      },
+      {
+        name: 'defaultPageSize',
+        label: 'defaultPageSize',
+        title: '默认的每页条数',
+        setters: 'NumberSetter',
+        defaultValue: 10
+      },
+      {
+        name: 'disabled',
+        label: 'disabled',
+        title: '禁用分页',
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'hideOnSinglePage',
+        label: 'hideOnSinglePage',
+        title: '只有一页时是否隐藏分页器',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'itemRender',
+        label: 'itemRender',
+        title: '用于自定义页码的结构，可用于优化 SEO',
+        setters: 'FunctionSetter'
+      },
+      {
+        name: 'pageSize',
+        label: 'pageSize',
+        title: '每页条数',
+        setters: 'NumberSetter'
+      },
+      {
+        name: 'pageSizeOptions',
+        label: 'pageSizeOptions',
+        title: '指定每页可以显示多少条',
+        setters: 'ArraySetter',
+        defaultValue: ['10', '20', '50', '100']
+      },
+      {
+        name: 'responsive',
+        label: 'responsive',
+        title: '当 size 未指定时，根据屏幕宽度自动调整尺寸',
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'showLessItems',
+        label: 'showLessItems',
+        title: '是否显示较少页面内容',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'showQuickJumper',
+        label: 'showQuickJumper',
+        title: '是否可以快速跳转至某页',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'showSizeChanger',
+        label: 'showSizeChanger',
+        title: '是否展示 pageSize 切换器，当 total 大于 50 时默认为 true',
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'showTotal',
+        label: 'showTotal',
+        title: '用于显示数据总量和当前数据顺序',
+        setters: 'FunctionSetter'
+      },
+      {
+        name: 'simple',
+        label: 'simple',
+        title: '当添加该属性时，显示为简单分页',
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'size',
+        label: 'size',
+        title: '当为「small」时，是小尺寸分页',
+        setters: 'StringSetter',
+        defaultValue: ''
+      },
+      {
+        name: 'total',
+        label: 'total',
+        title: '数据总数',
+        setters: 'NumberSetter',
+        defaultValue: 0
+      }
+    ],
+    events: ['change', 'showSizeChange', 'update:current', 'update:pageSize'],
+    snippet: {
+      name: 'APagination',
+      props: {
+        total: 1000,
+        showLessItems: true,
+        showQuickJumper: true,
+        showSizeChanger: true
+      }
+    }
+  }
+];
+export default components;

package/src/antdv/popconfirm.ts

@@ -0,0 +1,205 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const components: MaterialDescription[] = [
+  {
+    name: 'APopconfirm',
+    alias: 'Popconfirm',
+    label: '气泡确认框',
+    categoryId: 'feedback',
+    doc: 'https://www.antdv.com/components/popconfirm-cn',
+    props: [
+      {
+        name: 'cancelButtonProps',
+        label: 'cancelButtonProps',
+        title: 'cancel 按钮 props',
+        setters: 'ObjectSetter' //?? ButtonProps
+      },
+      {
+        name: 'cancelText',
+        label: 'cancelText',
+        title: '取消按钮文字',
+        setters: 'StringSetter', //?? string|slot
+        defaultValue: '取消'
+      },
+      {
+        name: 'disabled',
+        label: 'disabled',
+        title: '点击 Popconfirm 子元素是否弹出气泡确认框',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'okButtonProps',
+        label: 'okButtonProps',
+        title: 'ok 按钮 props',
+        setters: 'ObjectSetter' //?? ButtonProps
+      },
+      {
+        name: 'okText',
+        label: 'okText',
+        title: '确认按钮文字',
+        setters: 'StringSetter', //?? string|slot
+        defaultValue: '确认'
+      },
+      {
+        name: 'okType',
+        label: 'okType',
+        title: '确认按钮类型',
+        setters: 'StringSetter',
+        defaultValue: 'primary'
+      },
+      {
+        name: 'showCancel',
+        label: 'showCancel',
+        title: '是否显示取消按钮',
+        setters: 'BooleanSetter',
+        defaultValue: true
+      },
+      {
+        name: 'title',
+        label: 'title',
+        title: '确认框的描述',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'description',
+        label: 'description',
+        title: '确认内容的详细描述',
+        setters: 'StringSetter' //?? 	string|slot
+      },
+      {
+        name: 'open ',
+        label: 'open ',
+        title: '是否显示',
+        setters: 'BooleanSetter'
+      },
+      // 以下 API 为 Tooltip、Popconfirm、Popover 共享的 API。
+      {
+        name: 'align',
+        label: 'align',
+        title: '该值将合并到 placement 的配置中，设置参考 dom-align',
+        setters: 'ObjectSetter'
+      },
+      {
+        name: 'arrowPointAtCenter',
+        label: 'arrowPointAtCenter',
+        title: '箭头是否指向目标元素中心',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'autoAdjustOverflow',
+        label: 'autoAdjustOverflow',
+        title: '气泡被遮挡时自动调整位置',
+        setters: 'BooleanSetter',
+        defaultValue: true
+      },
+      {
+        name: 'color',
+        label: 'color',
+        title: '背景颜色',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'destroyTooltipOnHide',
+        label: 'destroyTooltipOnHide',
+        title: '隐藏后是否销毁 tooltip',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'getPopupContainer',
+        label: 'getPopupContainer',
+        title: '浮层渲染父节点，默认渲染到 body 上',
+        setters: 'FunctionSetter' //?? 	(triggerNode: HTMLElement) => HTMLElement
+      },
+      {
+        name: 'mouseEnterDelay',
+        label: 'mouseEnterDelay',
+        title: '鼠标移入后延时多少才显示 Tooltip，单位：秒',
+        setters: 'NumberSetter',
+        defaultValue: 0.1
+      },
+      {
+        name: 'mouseLeaveDelayy',
+        label: 'mouseLeaveDelayy',
+        title: '鼠标移出后延时多少才显示 Tooltip，单位：秒',
+        setters: 'NumberSetter',
+        defaultValue: 0.1
+      },
+      {
+        name: 'overlayClassName',
+        label: 'overlayClassName',
+        title: '卡片类名',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'overlayStyle',
+        label: 'overlayStyle',
+        title: '卡片样式',
+        setters: 'ObjectSetter' //?? object
+      },
+      {
+        name: 'overlayInnerStyle',
+        label: 'overlayInnerStyle',
+        title: '卡片内容区域样式',
+        setters: 'ObjectSetter' //?? object
+      },
+      {
+        name: 'placement',
+        label: 'placement',
+        title: '气泡框位置',
+        setters: 'SelectSetter',
+        options: [
+          'top',
+          'left',
+          'right',
+          'bottom',
+          'topLeft',
+          'topRight',
+          'bottomLeft',
+          'bottomRight',
+          'leftTop',
+          'leftBottom',
+          'rightTop',
+          'rightBottom'
+        ],
+        defaultValue: 'top'
+      },
+      {
+        name: 'trigger',
+        label: 'trigger',
+        title: '触发行为',
+        setters: 'SelectSetter',
+        options: ['hover', 'focus', 'click', 'contextmenu'],
+        defaultValue: 'hover'
+      },
+      {
+        name: 'open',
+        label: 'open',
+        title: '用于手动控制浮层显隐',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      }
+    ],
+    events: ['cancel', 'confirm', 'openChange', 'update:open'],
+    slots: [
+      'cancelButton',
+      'cancelText',
+      'icon',
+      'okButton',
+      'okText',
+      'title',
+      'description'
+    ],
+    snippet: {
+      props: {
+        title: 'Are you sure delete this task?',
+        okText: 'yes',
+        cancelText: 'No'
+      },
+      children: [{ name: 'a', children: '气泡确认框' }]
+    }
+  }
+];
+export default components;

package/src/antdv/popover.ts

@@ -0,0 +1,158 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const components: MaterialDescription[] = [
+  {
+    name: 'APopover',
+    alias: 'Popover',
+    label: '气泡卡片',
+    categoryId: 'data',
+    doc: 'https://www.antdv.com/components/popover-cn',
+    props: [
+      {
+        name: 'content',
+        label: 'content',
+        title: '卡片内容',
+        setters: 'StringSetter' //?? string|slot|VNode
+      },
+      {
+        name: 'title',
+        label: 'title',
+        title: '卡片标题',
+        setters: 'StringSetter' //?? string|slot|VNode
+      },
+      // 以下 API 为 Tooltip、Popconfirm、Popover 共享的 API。
+      {
+        name: 'align',
+        label: 'align',
+        title: '该值将合并到 placement 的配置中，设置参考 dom-align',
+        setters: 'ObjectSetter'
+      },
+      {
+        name: 'arrowPointAtCenter',
+        label: 'arrowPointAtCenter',
+        title: '箭头是否指向目标元素中心',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'autoAdjustOverflow',
+        label: 'autoAdjustOverflow',
+        title: '气泡被遮挡时自动调整位置',
+        setters: 'BooleanSetter',
+        defaultValue: true
+      },
+      {
+        name: 'color',
+        label: 'color',
+        title: '背景颜色',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'destroyTooltipOnHide',
+        label: 'destroyTooltipOnHide',
+        title: '隐藏后是否销毁 tooltip',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'getPopupContainer',
+        label: 'getPopupContainer',
+        title: '浮层渲染父节点，默认渲染到 body 上',
+        setters: 'FunctionSetter' //?? 	(triggerNode: HTMLElement) => HTMLElement
+      },
+      {
+        name: 'mouseEnterDelay',
+        label: 'mouseEnterDelay',
+        title: '鼠标移入后延时多少才显示 Tooltip，单位：秒',
+        setters: 'NumberSetter',
+        defaultValue: 0.1
+      },
+      {
+        name: 'mouseLeaveDelayy',
+        label: 'mouseLeaveDelayy',
+        title: '鼠标移出后延时多少才显示 Tooltip，单位：秒',
+        setters: 'NumberSetter',
+        defaultValue: 0.1
+      },
+      {
+        name: 'overlayClassName',
+        label: 'overlayClassName',
+        title: '卡片类名',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'overlayStyle',
+        label: 'overlayStyle',
+        title: '卡片样式',
+        setters: 'ObjectSetter' //?? object
+      },
+      {
+        name: 'overlayInnerStyle',
+        label: 'overlayInnerStyle',
+        title: '卡片内容区域样式',
+        setters: 'ObjectSetter' //?? object
+      },
+      {
+        name: 'placement',
+        label: 'placement',
+        title: '气泡框位置',
+        setters: 'SelectSetter',
+        options: [
+          'top',
+          'left',
+          'right',
+          'bottom',
+          'topLeft',
+          'topRight',
+          'bottomLeft',
+          'bottomRight',
+          'leftTop',
+          'leftBottom',
+          'rightTop',
+          'rightBottom'
+        ],
+        defaultValue: 'top'
+      },
+      {
+        name: 'trigger',
+        label: 'trigger',
+        title: '触发行为',
+        setters: 'SelectSetter',
+        options: ['hover', 'focus', 'click', 'contextmenu'],
+        defaultValue: 'hover'
+      },
+      {
+        name: 'open',
+        label: 'open',
+        title: '用于手动控制浮层显隐',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      }
+    ],
+    slots: ['content', 'title'],
+    snippet: {
+      props: {
+        title: 'Title'
+      },
+      slot: 'content',
+      children: [
+        {
+          name: 'p',
+          slot: {
+            name: 'content'
+          },
+          children: 'content'
+        },
+        {
+          name: 'p',
+          slot: {
+            name: 'content'
+          },
+          children: 'content'
+        },
+        { name: 'AButton', props: { type: 'primary' }, children: 'Hover me' }
+      ]
+    }
+  }
+];
+export default components;

package/src/antdv/progress.ts

@@ -0,0 +1,143 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const components: MaterialDescription[] = [
+  {
+    name: 'AProgress',
+    alias: 'Progress',
+    label: '进度条',
+    categoryId: 'feedback',
+    doc: 'https://www.antdv.com/components/progress-cn',
+    props: [
+      {
+        name: 'format',
+        label: 'format',
+        title: '内容的模板函数',
+        setters: 'FunctionSetter'
+      },
+      {
+        name: 'percent',
+        label: 'percent',
+        title: '百分比',
+        setters: 'NumberSetter',
+        defaultValue: 0
+      },
+      {
+        name: 'showInfo',
+        label: 'showInfo',
+        title: '是否显示进度数值或状态图标',
+        setters: 'BooleanSetter',
+        defaultValue: true
+      },
+      {
+        name: 'status',
+        label: 'status',
+        title: '状态，可选：success exception normal active(仅限 line)',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'strokeColor',
+        label: 'strokeColor',
+        title: '进度条的色彩',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'strokeLinecap',
+        label: 'strokeLinecap',
+        title: '进度条的样式',
+        setters: 'SelectSetter',
+        options: ['round', 'butt', 'square'],
+        defaultValue: 'round'
+      },
+      {
+        name: 'success',
+        label: 'success',
+        title: '成功进度条相关配置',
+        setters: 'ObjectSetter'
+      },
+      {
+        name: 'title',
+        label: 'title',
+        title: 'html 标签 title',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'trailColor',
+        label: 'trailColor',
+        title: '未完成的分段的颜色',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'type',
+        label: 'type',
+        title: '类型，可选 line circle dashboard',
+        setters: 'SelectSetter',
+        options: ['line', 'circle', 'dashboard'],
+        defaultValue: 'line'
+      },
+      {
+        name: 'size',
+        label: 'size',
+        title: '进度条的尺寸',
+        setters: ['NumberSetter', 'ArraySetter', 'small', 'default'], //?? 	number | [number, number] | "small" | "default"
+        defaultValue: 'default'
+      },
+      //?? type="line"
+      {
+        name: 'steps',
+        label: 'steps',
+        title: '进度条总共步数',
+        setters: 'NumberSetter'
+      },
+      {
+        name: 'strokeColor',
+        label: 'strokeColor',
+        title:
+          '进度条的色彩，传入 object 时为渐变。当有 steps 时支持传入一个数组',
+        setters: ['StringSetter', 'ArraySetter', 'ObjectSetter'] //?? 	string | string[] | { from: string; to: string; direction: string }
+      },
+      //?? type="circle"
+      // {
+      //   name: 'strokeColor',
+      //   label: 'strokeColor',
+      //   title: '圆形进度条线的色彩，传入 object 时为渐变',
+      //   setters: ['StringSetter', 'ObjectSetter'] //?? string | object
+      // },
+      {
+        name: 'strokeWidth',
+        label: 'strokeWidth',
+        title: '圆形进度条线的宽度，单位是进度条画布宽度的百分比',
+        setters: 'NumberSetter',
+        defaultValue: 6
+      },
+      //?? type="dashboard"
+      {
+        name: 'gapDegree',
+        label: 'gapDegree',
+        title: '仪表盘进度条缺口角度，可取值 0 ~ 295',
+        setters: 'NumberSetter',
+        defaultValue: 75
+      },
+      {
+        name: 'gapPosition',
+        label: 'gapPosition',
+        title: '仪表盘进度条缺口位置',
+        setters: 'SelectSetter',
+        options: ['top', 'bottom', 'left', 'right'],
+        defaultValue: 'bottom'
+      }
+      // {
+      //   name: 'strokeWidth',
+      //   label: 'strokeWidth',
+      //   title: '仪表盘进度条线的宽度，单位是进度条画布宽度的百分比',
+      //   setters: 'NumberSetter',
+      //   defaultValue: 6
+      // }
+    ],
+    snippet: {
+      props: {
+        percent: 40
+      }
+    }
+  }
+];
+export default components;