@vtj/materials 0.8.44 → 0.8.46

package/src/antdv/space.ts

@@ -0,0 +1,137 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const components: MaterialDescription[] = [
+  {
+    name: 'ASpace',
+    alias: 'Space',
+    label: '间距',
+    categoryId: 'layout',
+    doc: 'https://www.antdv.com/components/space-cn',
+    props: [
+      {
+        name: 'align',
+        label: 'align',
+        title: '垂直对齐方式',
+        setters: 'SelectSetter',
+        options: ['top', 'middle', 'bottom', 'stretch'],
+        defaultValue: 'top'
+      },
+      {
+        name: 'direction',
+        label: 'direction',
+        title: '间距方向',
+        setters: 'SelectSetter',
+        options: ['vertical', 'horizontal'],
+        defaultValue: 'horizontal'
+      },
+      {
+        name: 'size',
+        label: 'size',
+        title: '间距大小',
+        setters: ['SelectSetter', 'NumberSetter'],
+        options: ['small', 'middle', 'large'],
+        defaultValue: 'small'
+      },
+      {
+        name: 'wrap',
+        label: 'wrap',
+        title: '是否自动换行，仅在 horizontal 时有效',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      }
+    ],
+    slots: ['split'],
+    snippet: {
+      props: {
+        style: {
+          width: '100%'
+        }
+      },
+      children: [
+        {
+          name: 'ACard',
+          children: [
+            { name: 'component', props: { is: 'p' }, children: 'List item' }
+          ],
+          directives: [
+            {
+              name: 'vFor',
+              value: {
+                type: 'JSExpression',
+                value: '2'
+              }
+            }
+          ]
+        }
+      ]
+    }
+  },
+  {
+    name: 'ASpaceCompact',
+    alias: 'Compact',
+    parent: 'Space',
+    label: '紧凑间距',
+    categoryId: 'layout',
+    doc: 'https://www.antdv.com/components/space-cn',
+    props: [
+      {
+        name: 'block',
+        label: 'block',
+        title: '将宽度调整为父元素宽度的选项',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'direction',
+        label: 'direction',
+        title: '指定排列方向',
+        setters: 'SelectSetter',
+        options: ['vertical', 'horizontal'],
+        defaultValue: 'horizontal'
+      },
+      {
+        name: 'size',
+        label: 'size',
+        title: '子组件大小',
+        setters: 'SelectSetter',
+        options: ['small', 'middle', 'large'],
+        defaultValue: 'small'
+      }
+    ],
+    snippet: {
+      props: {
+        style: {
+          width: '100%'
+        }
+      },
+      children: [
+        {
+          name: 'ACard',
+          children: [
+            { name: 'component', props: { is: 'p' }, children: 'List item' }
+          ],
+          directives: [
+            {
+              name: 'vFor',
+              value: {
+                type: 'JSExpression',
+                value: '4'
+              }
+            }
+          ]
+        }
+      ],
+      directives: [
+        {
+          name: 'vFor',
+          value: {
+            type: 'JSExpression',
+            value: '4'
+          }
+        }
+      ]
+    }
+  }
+];
+
+export default components;

package/src/antdv/spin.ts

@@ -0,0 +1,53 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const components: MaterialDescription[] = [
+  {
+    name: 'ASpin',
+    alias: 'Spin',
+    label: '加载中',
+    categoryId: 'feedback',
+    doc: 'https://www.antdv.com/components/spin-cn',
+    props: [
+      {
+        name: 'delay',
+        label: 'delay',
+        title: '延迟显示加载效果的时间（防止闪烁）',
+        setters: 'NumberSetter'
+      },
+      {
+        name: 'indicator',
+        label: 'indicator',
+        title: '加载指示符'
+      },
+      {
+        name: 'size',
+        label: 'size',
+        title: '组件大小，可选值为 small default large',
+        setters: 'SelectSetter',
+        options: ['small', 'default', 'large'],
+        defaultValue: 'default'
+      },
+      {
+        name: 'spinning',
+        label: 'spinning',
+        title: '是否为加载中状态',
+        setters: 'BooleanSetter',
+        defaultValue: true
+      },
+      {
+        name: 'tip',
+        label: 'tip',
+        title: '当作为包裹元素时，可以自定义描述文案',
+        setters: 'StringSetter' //?? slot string
+      },
+      {
+        name: 'wrapperClassName',
+        label: 'wrapperClassName',
+        title: '包装器的类属性',
+        setters: 'StringSetter'
+      }
+    ],
+    slots: ['indicator', 'tip']
+  }
+];
+export default components;

package/src/antdv/statistic.ts

@@ -0,0 +1,131 @@
+import type { MaterialDescription } from '@vtj/core';
+const components: MaterialDescription[] = [
+  {
+    name: 'AStatistic',
+    alias: 'Statistic',
+    label: '统计数值',
+    categoryId: 'data',
+    doc: 'https://www.antdv.com/components/button-cn',
+    props: [
+      {
+        name: 'decimalSeparator',
+        label: 'decimalSeparator',
+        title: '设置小数点',
+        setters: 'StringSetter',
+        defaultValue: '.'
+      },
+      {
+        name: 'formatter',
+        label: 'formatter',
+        title: '自定义数值展示',
+        setters: 'FunctionSetter'
+      },
+      {
+        name: 'groupSeparator',
+        label: 'groupSeparator',
+        title: '设置千分位标识符',
+        setters: 'StringSetter',
+        defaultValue: ','
+      },
+      {
+        name: 'precision',
+        label: 'precision',
+        title: '数值精度',
+        setters: 'NumberSetter'
+      },
+      {
+        name: 'prefix',
+        label: 'prefix',
+        title: '设置数值的前缀',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'suffix',
+        label: 'suffix',
+        title: '设置数值的后缀',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'title',
+        label: 'title',
+        title: '数值的标题',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'value',
+        label: 'value',
+        title: '数值内容',
+        setters: ['StringSetter', 'NumberSetter']
+      },
+      {
+        name: 'valueStyle',
+        label: 'valueStyle',
+        title: '设置数值的样式',
+        setters: 'ObjectSetter'
+      }
+    ],
+    slots: ['formatter', 'prefix', 'suffix', 'title'],
+    snippet: {
+      props: {
+        title: 'Active Users',
+        value: '112893'
+      }
+    }
+  },
+  {
+    name: 'AStatisticCountdown',
+    alias: 'Countdown',
+    parent: 'Statistic',
+    label: '统计倒计数值',
+    categoryId: 'data',
+    doc: 'https://www.antdv.com/components/button-cn',
+    props: [
+      {
+        name: 'format',
+        label: 'format',
+        title: '格式化倒计时展示，参考 dayjs',
+        setters: 'StringSetter',
+        defaultValue: 'HH:mm:ss'
+      },
+      {
+        name: 'prefix',
+        label: 'prefix',
+        title: '设置数值的前缀',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'suffix',
+        label: 'suffix',
+        title: '设置数值的后缀',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'title',
+        label: 'title',
+        title: '数值的标题',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'value',
+        label: 'value',
+        title: '数值内容',
+        setters: ['NumberSetter', 'FunctionSetter']
+      },
+      {
+        name: 'valueStyle',
+        label: 'valueStyle',
+        title: '设置数值的样式',
+        setters: 'ObjectSetter'
+      }
+    ],
+    events: ['finish'],
+    slots: ['prefix', 'suffix', 'title'],
+    snippet: {
+      props: {
+        title: 'countDown',
+        value: 1791998311585
+      }
+    }
+  }
+];
+export default components;

package/src/antdv/steps.ts

@@ -0,0 +1,168 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const components: MaterialDescription[] = [
+  {
+    name: 'ASteps',
+    alias: 'Steps',
+    label: '步骤条',
+    categoryId: 'nav',
+    doc: 'https://www.antdv.com/components/steps-cn',
+    props: [
+      {
+        name: 'current',
+        label: 'current',
+        title:
+          '指定当前步骤，从 0 开始记数。在子 Step 元素中，可以通过 status 属性覆盖状态',
+        setters: 'NumberSetter',
+        defaultValue: 0
+      },
+      {
+        name: 'direction',
+        label: 'direction',
+        title: '指定步骤条方向',
+        setters: 'SelectSetter',
+        options: ['vertical', 'horizontal'],
+        defaultValue: 'horizontal'
+      },
+      {
+        name: 'initial',
+        label: 'initial',
+        title: '起始序号，从 0 开始记数',
+        setters: 'NumberSetter',
+        defaultValue: 0
+      },
+      {
+        name: 'labelPlacement',
+        label: 'labelPlacement',
+        title: '指定标签放置位置，默认水平放图标右侧，可选vertical放图标下方',
+        setters: 'SelectSetter',
+        options: ['vertical', 'horizontal'],
+        defaultValue: 'horizontal'
+      },
+      {
+        name: 'percent',
+        label: 'percent',
+        title: '当前 process 步骤显示的进度条进度（只对基本类型的 Steps 生效）',
+        setters: 'NumberSetter'
+      },
+      {
+        name: 'progressDot',
+        label: 'progressDot',
+        title:
+          '点状步骤条，可以设置为一个 作用域插槽,labelPlacement 将强制为vertical',
+        setters: 'BooleanSetter', //??
+        defaultValue: false
+      },
+      {
+        name: 'responsive',
+        label: 'responsive',
+        title: '当屏幕宽度小于 532px 时自动变为垂直模式',
+        setters: 'BooleanSetter',
+        defaultValue: true
+      },
+      {
+        name: 'size',
+        label: 'size',
+        title: '指定大小',
+        setters: 'SelectSetter',
+        options: ['default', 'small'],
+        defaultValue: 'default'
+      },
+      {
+        name: 'status',
+        label: 'status',
+        title: '指定当前步骤的状态，可选 wait process finish error',
+        setters: 'SelectSetter',
+        options: ['wait', 'process', 'finish', 'error'],
+        defaultValue: 'default'
+      },
+      {
+        name: 'items',
+        label: 'items',
+        title: '配置选项卡内容',
+        setters: 'ArraySetter',
+        defaultValue: []
+      }
+    ],
+    events: ['change', 'update:current'],
+    slots: ['progressDot'],
+    snippet: {
+      props: {
+        current: 1,
+        items: [
+          {
+            title: 'Finished',
+            description: 'This is a description.'
+          },
+          {
+            title: 'In Progress',
+            description: 'This is a description.',
+            subTitle: 'Left 00:00:08'
+          },
+          {
+            title: 'Waiting',
+            description: 'This is a description.'
+          }
+        ]
+      }
+    }
+  },
+  {
+    name: 'AStep',
+    alias: 'Step',
+    parent: 'Steps',
+    label: '步骤项',
+    categoryId: 'nav',
+    doc: 'https://www.antdv.com/components/steps-cn',
+    props: [
+      {
+        name: 'description',
+        label: 'description',
+        title: '步骤的详情描述',
+        setters: 'StringSetter' //
+      },
+      {
+        name: 'disabled',
+        label: 'disabled',
+        title: '	禁用点击',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'icon',
+        label: 'icon',
+        title: '步骤图标的类型',
+        setters: 'StringSetter' //
+      },
+      {
+        name: 'status',
+        label: 'status',
+        title:
+          '指定状态。当不配置该属性时，会使用 Steps 的 current 来自动指定状态',
+        setters: 'SelectSetter',
+        options: ['wait', 'process', 'finish'],
+        defaultValue: 'wait'
+      },
+      {
+        name: 'subTitle',
+        label: 'subTitle',
+        title: '子标题',
+        setters: 'StringSetter' //
+      },
+      {
+        name: 'title',
+        label: 'title',
+        title: '标题',
+        setters: 'StringSetter' //
+      }
+    ],
+    slots: ['description', 'icon', 'subTitle', 'title'],
+    snippet: {
+      props: {
+        title: '步骤',
+        description: '步骤的详情描述'
+      }
+    }
+  }
+];
+export default components;

package/src/antdv/switch.ts

@@ -0,0 +1,78 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const components: MaterialDescription[] = [
+  {
+    name: 'ASwitch',
+    alias: 'Switch',
+    label: '开关',
+    categoryId: 'input',
+    doc: 'https://www.antdv.com/components/switch-cn',
+    props: [
+      {
+        name: 'autofocus',
+        label: 'autofocus',
+        title: '组件自动获取焦点',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'checked',
+        label: 'checked',
+        title: '指定当前是否选中',
+        setters: 'BooleanSetter', //?? checkedValue | unCheckedValue
+        defaultValue: false
+      },
+      {
+        name: 'checkedChildren',
+        label: 'checkedChildren',
+        title: '选中时的内容',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'checkedValue',
+        label: 'checkedValue',
+        title: '选中时的值',
+        setters: ['BooleanSetter', 'StringSetter', 'NumberSetter'],
+        defaultValue: true
+      },
+      {
+        name: 'disabled',
+        label: 'disabled',
+        title: '是否禁用',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'loading',
+        label: 'loading',
+        title: '加载中的开关',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'size',
+        label: 'size',
+        title: '开关大小，可选值：default small',
+        setters: 'SelectSetter',
+        options: ['default', 'small'],
+        defaultValue: 'default'
+      },
+      {
+        name: 'unCheckedChildren',
+        label: 'unCheckedChildren',
+        title: '非选中时的内容',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'unCheckedValue',
+        label: 'unCheckedValue',
+        title: '非选中时的值',
+        setters: ['BooleanSetter', 'StringSetter', 'NumberSetter'],
+        defaultValue: false
+      }
+    ],
+    events: ['change', 'click', 'update:checked'],
+    slots: ['checkedChildren', 'unCheckedChildren']
+  }
+];
+export default components;