@vtj/materials 0.8.44 → 0.8.46

package/src/antdv/qrCode.ts

@@ -0,0 +1,91 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const components: MaterialDescription[] = [
+  {
+    name: 'AQRCode',
+    alias: 'QRCode',
+    label: '二维码',
+    categoryId: 'data',
+    doc: 'https://www.antdv.com/components/qrcode-cn',
+    props: [
+      {
+        name: 'value',
+        label: 'value',
+        title: '扫描后的地址',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'type',
+        label: 'type',
+        title: '渲染类型',
+        setters: 'SelectSetter',
+        options: ['canvas', 'svg'],
+        defaultValue: 'canvas'
+      },
+      {
+        name: 'icon',
+        label: 'icon',
+        title: '二维码中图片的地址（目前只支持图片地址）',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'size',
+        label: 'size',
+        title: '二维码大小',
+        setters: 'NumberSetter',
+        defaultValue: 160
+      },
+      {
+        name: 'iconSize',
+        label: 'iconSize',
+        title: '二维码中图片的大小',
+        setters: 'NumberSetter',
+        defaultValue: 40
+      },
+      {
+        name: 'color',
+        label: 'color',
+        title: '二维码颜色',
+        setters: 'StringSetter',
+        defaultValue: '#000'
+      },
+      {
+        name: 'bgColor',
+        label: 'bgColor',
+        title: '二维码背景颜色',
+        setters: 'StringSetter',
+        defaultValue: 'transparent'
+      },
+      {
+        name: 'bordered',
+        label: 'bordered',
+        title: '是否有边框',
+        setters: 'BooleanSetter',
+        defaultValue: true
+      },
+      {
+        name: 'errorLevel',
+        label: 'errorLevel',
+        title: '二维码纠错等级',
+        setters: 'SelectSetter',
+        options: ['L', 'M', 'Q', 'H'],
+        defaultValue: 'M'
+      },
+      {
+        name: 'status',
+        label: 'status',
+        title: '二维码状态',
+        setters: 'SelectSetter',
+        options: ['active', 'expired', 'loading', 'scanned'],
+        defaultValue: 'active'
+      }
+    ],
+    events: ['refresh'],
+    snippet: {
+      props: {
+        value: '哈哈哈哈'
+      }
+    }
+  }
+];
+export default components;

package/src/antdv/radio.ts

@@ -0,0 +1,158 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const components: MaterialDescription[] = [
+  {
+    name: 'ARadio',
+    alias: 'Radio',
+    label: '单选框',
+    categoryId: 'input',
+    doc: 'https://www.antdv.com/components/radio-cn',
+    props: [
+      {
+        name: 'autofocus',
+        label: 'autofocus',
+        title: '自动获取焦点',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'checked',
+        label: 'checked',
+        title: '指定当前是否选中',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'disabled',
+        label: 'disabled',
+        title: '禁用 Radio',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'value',
+        label: 'value',
+        title: '根据 value 进行比较，判断是否选中',
+        setters: 'StringSetter'
+      }
+    ],
+    events: ['update:checked'],
+    snippet: { children: 'radio' }
+  },
+  {
+    name: 'ARadioButton',
+    alias: 'RadioButton',
+    label: '单选按钮',
+    categoryId: 'input',
+    doc: 'https://www.antdv.com/components/radio-cn',
+    props: [
+      {
+        name: 'autofocus',
+        label: 'autofocus',
+        title: '自动获取焦点',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'checked',
+        label: 'checked',
+        title: '指定当前是否选中',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'disabled',
+        label: 'disabled',
+        title: '禁用 Radio',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'value',
+        label: 'value',
+        title: '根据 value 进行比较，判断是否选中',
+        setters: 'StringSetter'
+      }
+    ],
+    events: ['update:checked'],
+    snippet: {
+      props: {
+        size: 'large',
+        value: 'value1',
+        style: { border: '1px solid red' }
+      },
+      children: 'Hangzhou'
+    }
+  },
+  {
+    name: 'ARadioGroup',
+    alias: 'RadioGroup',
+    label: '单选框组合',
+    categoryId: 'input',
+    doc: 'https://www.antdv.com/components/radio-cn',
+    props: [
+      {
+        name: 'buttonStyle',
+        label: 'buttonStyle',
+        title: 'RadioButton 的风格样式，目前有描边和填色两种风格',
+        setters: 'SelectSetter',
+        options: ['outline', 'solid'],
+        defaultValue: 'outline'
+      },
+      {
+        name: 'disabled',
+        label: 'disabled',
+        title: '禁选所有子单选器',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'name',
+        label: 'name',
+        title: 'RadioGroup 下所有 input[type="radio"] 的 name 属性',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'options',
+        label: 'options',
+        title: '以配置形式设置子元素',
+        setters: 'ArraySetter'
+      },
+      {
+        name: 'optionType',
+        label: 'optionType',
+        title: '用于设置 Radio options 类型',
+        setters: 'SelectSetter',
+        options: ['default', 'button'],
+        defaultValue: 'default'
+      },
+      {
+        name: 'size',
+        label: 'size',
+        title: '大小，只对按钮样式生效',
+        setters: 'SelectSetter',
+        options: ['large', 'default', 'small'],
+        defaultValue: 'default'
+      },
+      {
+        name: 'value',
+        label: 'value',
+        title: '用于设置当前选中的值',
+        setters: 'StringSetter'
+      }
+    ],
+    events: ['change', 'update:value'],
+    snippet: {
+      props: {
+        value: 'value2',
+        optionType: 'button',
+        options: [
+          { label: 'Apple', value: 'Apple' },
+          { label: 'Pear', value: 'Pear' },
+          { label: 'Orange', value: 'Orange', disabled: true }
+        ]
+      }
+    }
+  }
+];
+export default components;

package/src/antdv/rate.ts

@@ -0,0 +1,79 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const components: MaterialDescription[] = [
+  {
+    name: 'ARate',
+    alias: 'Rate',
+    label: '评分',
+    categoryId: 'input',
+    doc: 'https://www.antdv.com/components/rate-cn',
+    props: [
+      {
+        name: 'allowClear',
+        label: 'allowClear',
+        title: '是否允许再次点击后清除',
+        setters: 'BooleanSetter',
+        defaultValue: true
+      },
+      {
+        name: 'allowHalf',
+        label: 'allowHalf',
+        title: '是否允许半选',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'autofocus',
+        label: 'autofocus',
+        title: '自动获取焦点',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'character',
+        label: 'character',
+        title: '自定义字符',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'count',
+        label: 'count',
+        title: 'star 总数',
+        setters: 'NumberSetter',
+        defaultValue: 5
+      },
+      {
+        name: 'disabled',
+        label: 'disabled',
+        title: '只读，无法进行交互',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'tooltips',
+        label: 'tooltips',
+        title: '自定义每项的提示信息',
+        setters: 'ArraySetter'
+      },
+      {
+        name: 'value',
+        label: 'value',
+        title: '当前数，受控值',
+        setters: 'NumberSetter'
+      }
+    ],
+    events: [
+      'blur',
+      'change',
+      'focus',
+      'hoverChange',
+      'keydown',
+      'update:value'
+    ],
+    slots: ['character'],
+    snippet: {
+      props: { value: 2 }
+    }
+  }
+];
+export default components;

package/src/antdv/result.ts

@@ -0,0 +1,35 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const components: MaterialDescription[] = [
+  {
+    name: 'AResult',
+    alias: 'Result',
+    label: '结果',
+    categoryId: 'feedback',
+    doc: 'https://www.antdv.com/components/result-cn',
+    props: [
+      {
+        name: 'status',
+        label: 'status',
+        title: '结果的状态,决定图标和颜色',
+        setters: 'SelectSetter',
+        options: ['success', 'error', 'info', 'warning', '404', '403', '500'],
+        defaultValue: 'info'
+      },
+      {
+        name: 'subTitle',
+        label: 'subTitle',
+        title: 'subTitle 文字',
+        setters: 'StringSetter' //?? string slot vNode
+      },
+      {
+        name: 'title',
+        label: 'title',
+        title: 'title文字',
+        setters: 'StringSetter' //?? string slot vNode
+      }
+    ],
+    slots: ['extra', 'icon', 'subTitle', 'title']
+  }
+];
+export default components;

package/src/antdv/segmented.ts

@@ -0,0 +1,55 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const components: MaterialDescription[] = [
+  {
+    name: 'ASegmented',
+    alias: 'Segmented',
+    label: '分段控制器',
+    categoryId: 'data',
+    doc: 'https://www.antdv.com/components/segmented-cn',
+    props: [
+      {
+        name: 'block',
+        label: 'block',
+        title: '将宽度调整为父元素宽度的选项',
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'disabled',
+        label: 'disabled',
+        title: '是否禁用',
+        setters: 'BooleanSetter',
+        defaultValue: false
+      },
+      {
+        name: 'options',
+        label: 'options',
+        title: '数据化配置选项内容',
+        setters: 'ArraySetter',
+        defaultValue: []
+      },
+      {
+        name: 'size',
+        label: 'size',
+        title: '控件尺寸',
+        setters: 'SelectSetter',
+        options: ['large', 'middle', 'small']
+      },
+      {
+        name: 'value',
+        label: 'value',
+        title: '当前选中的值',
+        setters: ['StringSetter', 'NumberSetter']
+      }
+    ],
+    events: ['change'],
+    slots: ['label'],
+    snippet: {
+      props: {
+        value: 'Daily',
+        options: ['Daily', 'Weekly', 'Monthly', 'Quarterly', 'Yearly']
+      }
+    }
+  }
+];
+export default components;