@vtj/materials 0.8.43 → 0.8.45

package/src/element/popover.ts

@@ -0,0 +1,172 @@
+import type { MaterialDescription } from '@vtj/core';
+const components: MaterialDescription = {
+  name: 'ElPopover',
+  label: '气泡卡片',
+
+  categoryId: 'other',
+  doc: 'https://element-plus.org/zh-CN/component/popover.html',
+  package: 'element-plus',
+  props: [
+    {
+      name: 'trigger',
+      defaultValue: 'primary',
+      setters: 'click',
+      options: ['click', 'focus', 'hover', 'contextmenu']
+    },
+    {
+      name: 'title',
+      defaultValue: '',
+      setters: 'InputSetter'
+    },
+    {
+      name: 'effect',
+      defaultValue: 'light',
+      options: ['dark', 'light'],
+      setters: 'SelectSetter'
+    },
+    {
+      name: 'content',
+      defaultValue: '',
+      setters: 'InputSetter'
+    },
+    {
+      name: 'width',
+      defaultValue: '',
+      setters: ['NumberSetter', 'InputSetter']
+    },
+    {
+      name: 'placement',
+      defaultValue: 'bottom',
+      setters: 'SelectSetter',
+      options: [
+        'top',
+        'top-start',
+        'top-end',
+        'bottom',
+        'bottom-start',
+        'bottom-end',
+        'left',
+        'left-start',
+        'left-end',
+        'right',
+        'right-start',
+        'right-end'
+      ]
+    },
+    {
+      name: 'disabled',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'visible',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'offset',
+      defaultValue: 0,
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'transition',
+      defaultValue: '',
+      setters: 'InputSetter'
+    },
+    {
+      name: 'showArrow',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'popperOptions',
+      defaultValue: undefined,
+      setters: 'JSONSetter'
+    },
+    {
+      name: 'popperClass',
+      defaultValue: '',
+      setters: 'InputSetter'
+    },
+    {
+      name: 'showAfter',
+      defaultValue: 0,
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'hideAfter',
+      defaultValue: 200,
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'autoClose',
+      defaultValue: 0,
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'tabindex',
+      defaultValue: '',
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'teleported',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'persistent',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    }
+  ],
+  events: [
+    {
+      name: 'show'
+    },
+    {
+      name: 'before-enter'
+    },
+    {
+      name: 'after-enter'
+    },
+    {
+      name: 'hide'
+    },
+    {
+      name: 'before-leave'
+    },
+    {
+      name: 'after-leave'
+    },
+    {
+      name: 'update:visible'
+    }
+  ],
+  slots: [
+    {
+      name: 'default'
+    },
+    {
+      name: 'reference'
+    }
+  ],
+  snippet: {
+    name: 'ElPopover',
+    props: {
+      placement: 'bottom',
+      title: 'Title',
+      width: '200',
+      trigger: 'hover',
+      content: '这是content123！'
+    },
+    children: [
+      {
+        name: 'ElButton',
+        children: '气泡卡片',
+        slot: 'reference'
+      }
+    ]
+  }
+};
+
+export default components;

package/src/element/progress.ts

@@ -0,0 +1,104 @@
+import type { MaterialDescription } from '@vtj/core';
+const Progress: MaterialDescription = {
+  name: 'ElProgress',
+  label: '进度条',
+
+  categoryId: 'data',
+  doc: 'https://element-plus.org/zh-CN/component/progress.html',
+  package: 'element-plus',
+  props: [
+    {
+      name: 'percentage',
+      defaultValue: 0,
+      title: '百分比，必填',
+      setters: {
+        name: 'NumberSetter',
+        props: {
+          min: 0,
+          max: 100
+        }
+      }
+    },
+    {
+      name: 'type',
+      defaultValue: 0,
+      options: ['line', 'circle', 'dashboard'],
+      setters: 'SelectSetter'
+    },
+    {
+      name: 'strokeWidth',
+      defaultValue: 6,
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'textInside',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'status',
+      defaultValue: '',
+      options: ['success', 'exception', 'warning'],
+      setters: 'SelectSetter'
+    },
+    {
+      name: 'indeterminate',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'duration',
+      defaultValue: 3,
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'color',
+      defaultValue: '',
+      setters: ['ColorSetter', 'FunctionSetter', 'JSONSetter']
+    },
+    {
+      name: 'width',
+      defaultValue: 126,
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'showText',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'strokeLinecap',
+      defaultValue: 'round',
+      options: ['butt', 'round', 'square'],
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'format',
+      defaultValue: '',
+      setters: 'FunctionSetter'
+    },
+    {
+      name: 'striped',
+      label: 'striped',
+      title: '在进度条上增加条纹',
+      setters: 'BooleanSetter',
+      defaultValue: false
+    },
+    {
+      name: 'stripedFlow',
+      label: 'stripedFlow',
+      title: '让进度条上的条纹流动起来',
+      setters: 'BooleanSetter',
+      defaultValue: false
+    }
+  ],
+  slots: ['default'],
+  snippet: {
+    name: 'ElProgress',
+    props: {
+      percentage: 50
+    }
+  }
+};
+
+export default Progress;

package/src/element/radio.ts

@@ -0,0 +1,198 @@
+import type { MaterialDescription } from '@vtj/core';
+const Radio: MaterialDescription[] = [
+  {
+    name: 'ElRadio',
+    label: '单选框',
+
+    categoryId: 'form',
+    doc: 'https://element-plus.org/zh-CN/component/radio.html',
+    package: 'element-plus',
+    props: [
+      {
+        name: 'modelValue',
+        defaultValue: '',
+        setters: ['InputSetter', 'NumberSetter', 'BooleanSetter']
+      },
+      {
+        name: 'value',
+        label: 'value',
+        title: '单选框的值',
+        setters: ['InputSetter', 'NumberSetter', 'BooleanSetter']
+      },
+      {
+        name: 'label',
+        defaultValue: '',
+        setters: ['InputSetter']
+      },
+      {
+        name: 'value',
+        defaultValue: '',
+        setters: ['InputSetter', 'NumberSetter', 'BooleanSetter']
+      },
+      {
+        name: 'disabled',
+        defaultValue: false,
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'border',
+        defaultValue: false,
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'size',
+        defaultValue: '',
+        options: ['large', 'default', 'small'],
+        setters: 'SelectSetter'
+      },
+      {
+        name: 'name',
+        defaultValue: '',
+        setters: 'BooleanSetter'
+      }
+    ],
+    events: [
+      {
+        name: 'change'
+      },
+      {
+        name: 'update:modelValue'
+      }
+    ],
+    snippet: {
+      props: {
+        label: '选项一',
+        value: '1'
+      }
+    }
+  },
+  {
+    name: 'ElRadioGroup',
+    label: '单选框组',
+
+    categoryId: 'form',
+    package: 'element-plus',
+    props: [
+      {
+        name: 'modelValue',
+        defaultValue: '',
+        setters: ['InputSetter', 'NumberSetter', 'BooleanSetter']
+      },
+      {
+        name: 'size',
+        defaultValue: '',
+        options: ['large', 'default', 'small'],
+        setters: 'SelectSetter'
+      },
+      {
+        name: 'disabled',
+        defaultValue: false,
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'textColor',
+        defaultValue: '#ffffff',
+        setters: 'ColorSetter'
+      },
+
+      {
+        name: 'fill',
+        defaultValue: '#409EFF',
+        setters: 'ColorSetter'
+      },
+
+      {
+        name: 'validateEvent',
+        defaultValue: true,
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'label',
+        label: 'label',
+        title: '与 RadioGroup 中的 aria-label 属性相同',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'name',
+        label: 'name',
+        title: '原生 name 属性',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'id',
+        label: 'id',
+        title: '原生 id 属性',
+        setters: 'StringSetter'
+      }
+    ],
+    events: [
+      {
+        name: 'change'
+      },
+      {
+        name: 'update:modelValue'
+      }
+    ],
+    snippet: {
+      name: 'ElRadioGroup',
+      children: [
+        {
+          name: 'ElRadio',
+          props: {
+            label: '选项一',
+            value: '1'
+          }
+        },
+        {
+          name: 'ElRadio',
+          props: {
+            label: '选项二',
+            value: '2'
+          }
+        },
+        {
+          name: 'ElRadio',
+          props: {
+            label: '选项三',
+            value: '3'
+          }
+        }
+      ]
+    }
+  },
+  {
+    name: 'ElRadioButton',
+    label: '单选框按钮',
+
+    categoryId: 'form',
+    package: 'element-plus',
+    props: [
+      {
+        name: 'label',
+        defaultValue: '',
+        setters: ['InputSetter', 'NumberSetter']
+      },
+      {
+        name: 'value',
+        defaultValue: '',
+        setters: ['InputSetter', 'NumberSetter', 'BooleanSetter']
+      },
+      {
+        name: 'disabled',
+        defaultValue: false,
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'name',
+        defaultValue: '',
+        setters: 'InputSetter'
+      }
+    ],
+    slots: ['default'],
+    snippet: {
+      children: '按钮选项'
+    }
+  }
+];
+
+export default Radio;

package/src/element/rate.ts

@@ -0,0 +1,137 @@
+import type { MaterialDescription } from '@vtj/core';
+const Rate: MaterialDescription = {
+  name: 'ElRate',
+  label: '评分',
+
+  childIncludes: false,
+  categoryId: 'form',
+  doc: 'https://element-plus.org/zh-CN/component/rate.html',
+  package: 'element-plus',
+  props: [
+    {
+      name: 'modelValue',
+      defaultValue: 0,
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'max',
+      defaultValue: 5,
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'size',
+      defaultValue: 'default',
+      options: ['large', 'default', 'small'],
+      setters: 'SelectSetter'
+    },
+    {
+      name: 'disabled',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'allowHalf',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'lowThreshold',
+      defaultValue: 2,
+      title: '低分和中等分数的界限值， 值本身被划分在低分中',
+      label: '低分界限',
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'highThreshold',
+      defaultValue: 4,
+      title: '高分和中等分数的界限值， 值本身被划分在高分中',
+      label: '高分界限',
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'colors',
+      defaultValue: ['#F7BA2A', '#F7BA2A', '#F7BA2A'],
+      setters: 'JSONSetter'
+    },
+    {
+      name: 'voidColor',
+      defaultValue: '#C6D1DE',
+      setters: 'ColorSetter'
+    },
+    {
+      name: 'disabledVoidColor',
+      defaultValue: '#EFF2F7',
+      label: 'disabledColor',
+      setters: 'ColorSetter'
+    },
+    {
+      name: 'icons',
+      defaultValue: ['StarFilled', 'StarFilled', 'StarFilled'],
+      setters: 'JSONSetter'
+    },
+    {
+      name: 'voidIcon',
+      defaultValue: 'Star',
+      setters: 'InputSetter'
+    },
+    {
+      name: 'disabledVoidIcon',
+      defaultValue: 'StarFilled',
+      label: 'disabledIcon',
+      setters: 'InputSetter'
+    },
+    {
+      name: 'showText',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'showScore',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'textColor',
+      defaultValue: '#1F2D3D',
+      setters: 'ColorSetter'
+    },
+    {
+      name: 'texts',
+      defaultValue: [
+        'Extremely bad',
+        'Disappointed',
+        'Fair',
+        'Satisfied',
+        'Surprise'
+      ],
+      setters: 'JSONSetter'
+    },
+    {
+      name: 'scoreTemplate',
+      defaultValue: '',
+      setters: 'InputSetter'
+    },
+    {
+      name: 'clearable',
+      label: 'clearable',
+      title: '是否可以重置值为 0',
+      setters: 'BooleanSetter',
+      defaultValue: false
+    },
+    {
+      name: 'id',
+      label: 'id',
+      title: '原生 id 属性',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'label',
+      label: 'label',
+      title: '和 Rate 的 aria-label 属性保持一致',
+      setters: 'StringSetter'
+    }
+  ],
+  events: ['change', 'update:modelValue']
+};
+
+export default Rate;

package/src/element/result.ts

@@ -0,0 +1,37 @@
+import type { MaterialDescription } from '@vtj/core';
+const Result: MaterialDescription = {
+  name: 'ElResult',
+  label: '结果',
+  doc: 'https://element-plus.org/zh-CN/component/result.html',
+
+  categoryId: 'data',
+  package: 'element-plus',
+  props: [
+    {
+      name: 'title',
+      defaultValue: '',
+      setters: 'InputSetter'
+    },
+    {
+      name: 'subTitle',
+      defaultValue: '',
+      setters: 'InputSetter'
+    },
+    {
+      name: 'icon',
+      defaultValue: 'info',
+      options: ['success', 'warning', 'info', 'error'],
+      setters: 'SelectSetter'
+    }
+  ],
+  slots: ['icon', 'title', 'sub-title', 'extra'],
+  snippet: {
+    props: {
+      icon: 'success',
+      title: 'Success Tip',
+      subTitle: 'Please follow the instructions'
+    }
+  }
+};
+
+export default Result;