@vtj/materials 0.9.7 → 0.9.8

package/src/element/pagination.ts

@@ -8,9 +8,10 @@ const Pagination: MaterialDescription = {
   package: 'element-plus',
   props: [
     {
-      name: 'small',
-      defaultValue: false,
-      setters: 'BooleanSetter'
+      name: 'size',
+      defaultValue: 'default',
+      options: ['large', 'default', 'small'],
+      setters: 'SelectSetter'
     },
     {
       name: 'background',
@@ -45,7 +46,6 @@ const Pagination: MaterialDescription = {
       setters: 'NumberSetter'
     },
     {
-      // name: 'current-page',
       name: 'currentPage',
       defaultValue: 1,
       setters: 'NumberSetter'
@@ -58,13 +58,18 @@ const Pagination: MaterialDescription = {
     },
     {
       name: 'layout',
-      defaultValue: undefined,
+      defaultValue: 'prev, pager, next, jumper, ->, total',
       setters: 'InputSetter'
     },
     {
       name: 'pageSizes',
       defaultValue: [10, 20, 30, 40, 50, 100],
-      setters: 'JSONSetter'
+      setters: ['ArraySetter', 'JSONSetter']
+    },
+    {
+      name: 'appendSizeTo',
+      title: '下拉框挂载到哪个 DOM 元素',
+      setters: 'StringSetter'
     },
     {
       name: 'popperClass',
@@ -78,7 +83,7 @@ const Pagination: MaterialDescription = {
     },
     {
       name: 'prevIcon',
-      defaultValue: '',
+      defaultValue: 'ArrowLeft',
       setters: 'InputSetter'
     },
     {
@@ -88,7 +93,7 @@ const Pagination: MaterialDescription = {
     },
     {
       name: 'nextIcon',
-      defaultValue: '',
+      defaultValue: 'ArrowRight',
       setters: 'InputSetter'
     },
     {
@@ -98,15 +103,18 @@ const Pagination: MaterialDescription = {
     },
     {
       name: 'teleported ',
-      label: 'teleported ',
       title: '是否将下拉菜单teleport至 body',
       setters: 'BooleanSetter',
       defaultValue: true
     },
     {
       name: 'hideOnSinglePage',
-      defaultValue: '',
-      label: '只有一页隐藏',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'small',
+      defaultValue: false,
       setters: 'BooleanSetter'
     }
   ],
@@ -119,7 +127,7 @@ const Pagination: MaterialDescription = {
     'update:pageSize',
     'update:currentPage'
   ],
-  slots: ['default'],
+  slots: ['default', 'prevIcon', 'nextIcon'],
   snippet: {
     props: {
       total: 1000,

package/src/element/popconfirm.ts

@@ -36,7 +36,7 @@ const components: MaterialDescription = {
     },
     {
       name: 'icon',
-      defaultValue: '',
+      defaultValue: 'QuestionFilled',
       setters: ['InputSetter']
     },
     {
@@ -49,6 +49,11 @@ const components: MaterialDescription = {
       defaultValue: false,
       setters: 'BooleanSetter'
     },
+    {
+      name: 'hideAfter',
+      defaultValue: 200,
+      setters: 'NumberSetter'
+    },
     {
       name: 'teleported',
       defaultValue: true,
@@ -76,6 +81,9 @@ const components: MaterialDescription = {
   slots: [
     {
       name: 'reference'
+    },
+    {
+      name: 'actions'
     }
   ],
   snippet: {

package/src/element/popover.ts

@@ -31,7 +31,7 @@ const components: MaterialDescription = {
     },
     {
       name: 'width',
-      defaultValue: '',
+      defaultValue: 150,
       setters: ['NumberSetter', 'InputSetter']
     },
     {
@@ -88,6 +88,10 @@ const components: MaterialDescription = {
       defaultValue: '',
       setters: 'InputSetter'
     },
+    {
+      name: 'popperStyle',
+      setters: ['InputSetter', 'ObjectSetter']
+    },
     {
       name: 'showAfter',
       defaultValue: 0,

package/src/element/progress.ts

@@ -21,7 +21,7 @@ const Progress: MaterialDescription = {
     },
     {
       name: 'type',
-      defaultValue: 0,
+      defaultValue: 'line',
       options: ['line', 'circle', 'dashboard'],
       setters: 'SelectSetter'
     },
@@ -54,7 +54,7 @@ const Progress: MaterialDescription = {
     {
       name: 'color',
       defaultValue: '',
-      setters: ['ColorSetter', 'FunctionSetter', 'JSONSetter']
+      setters: ['ColorSetter', 'FunctionSetter', 'ArraySetter', 'JSONSetter']
     },
     {
       name: 'width',
@@ -70,7 +70,7 @@ const Progress: MaterialDescription = {
       name: 'strokeLinecap',
       defaultValue: 'round',
       options: ['butt', 'round', 'square'],
-      setters: 'BooleanSetter'
+      setters: 'SelectSetter'
     },
     {
       name: 'format',

package/src/element/radio.ts

@@ -58,6 +58,7 @@ const Radio: MaterialDescription[] = [
         name: 'update:modelValue'
       }
     ],
+    slots: ['default'],
     snippet: {
       props: {
         label: '选项一',
@@ -137,6 +138,7 @@ const Radio: MaterialDescription[] = [
         name: 'update:modelValue'
       }
     ],
+    slots: ['default'],
     snippet: {
       name: 'ElRadioGroup',
       children: [

package/src/element/rate.ts

@@ -38,20 +38,18 @@ const Rate: MaterialDescription = {
       name: 'lowThreshold',
       defaultValue: 2,
       title: '低分和中等分数的界限值， 值本身被划分在低分中',
-      label: '低分界限',
       setters: 'NumberSetter'
     },
     {
       name: 'highThreshold',
       defaultValue: 4,
       title: '高分和中等分数的界限值， 值本身被划分在高分中',
-      label: '高分界限',
       setters: 'NumberSetter'
     },
     {
       name: 'colors',
       defaultValue: ['#F7BA2A', '#F7BA2A', '#F7BA2A'],
-      setters: 'JSONSetter'
+      setters: ['ArraySetter', 'JSONSetter']
     },
     {
       name: 'voidColor',
@@ -67,7 +65,7 @@ const Rate: MaterialDescription = {
     {
       name: 'icons',
       defaultValue: ['StarFilled', 'StarFilled', 'StarFilled'],
-      setters: 'JSONSetter'
+      setters: ['ArraySetter', 'JSONSetter']
     },
     {
       name: 'voidIcon',
@@ -104,7 +102,7 @@ const Rate: MaterialDescription = {
         'Satisfied',
         'Surprise'
       ],
-      setters: 'JSONSetter'
+      setters: ['ArraySetter', 'JSONSetter']
     },
     {
       name: 'scoreTemplate',
@@ -124,6 +122,11 @@ const Rate: MaterialDescription = {
       title: '原生 id 属性',
       setters: 'StringSetter'
     },
+    {
+      name: 'ariaLabel',
+      title: '和 Rate 的 aria-label 属性保持一致',
+      setters: 'StringSetter'
+    },
     {
       name: 'label',
       label: 'label',

package/src/element/segmented.ts

@@ -0,0 +1,68 @@
+import type { MaterialDescription } from '@vtj/core';
+const Segmented: MaterialDescription[] = [
+  {
+    name: 'ElSegmented',
+    label: '分段控制器',
+
+    doc: 'https://element-plus.org/zh-CN/component/segmented.html',
+    categoryId: 'data',
+    package: 'element-plus',
+    props: [
+      {
+        name: 'modelValue',
+        title: '绑定值',
+        setters: ['StringSetter', 'NumberSetter', 'BooleanSetter']
+      },
+      {
+        name: 'options',
+        title: '选项的数据',
+        defaultValue: [],
+        setters: 'ArraySetter'
+      },
+      {
+        name: 'size',
+        defaultValue: '',
+        options: ['', 'large', 'default', 'small'],
+        setters: 'SelectSetter'
+      },
+      {
+        name: 'disabled',
+        defaultValue: false,
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'validate-event',
+        defaultValue: true,
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'name',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'id',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'ariaLabel',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'direction',
+        defaultValue: 'horizontal',
+        options: ['horizontal', 'vertical'],
+        setters: 'SelectSetter'
+      }
+    ],
+    events: ['change', 'update:modelValue'],
+    slots: ['default'],
+    snippet: {
+      props: {
+        modelValue: 'Mom',
+        options: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
+      }
+    }
+  }
+];
+
+export default Segmented;

package/src/element/select.ts

@@ -102,6 +102,11 @@ const Select: MaterialDescription[] = [
         defaultValue: '',
         setters: 'FunctionSetter'
       },
+      {
+        name: 'remoteShowSuffix',
+        defaultValue: false,
+        setters: 'BooleanSetter'
+      },
       {
         name: 'loading',
         defaultValue: false,
@@ -138,14 +143,15 @@ const Select: MaterialDescription[] = [
         setters: 'BooleanSetter'
       },
       {
-        name: 'popperAppendToBody',
+        name: 'teleported',
         defaultValue: true,
         setters: 'BooleanSetter'
       },
       {
-        name: 'teleported',
-        defaultValue: true,
-        setters: 'BooleanSetter'
+        name: 'appendTo',
+        title: '下拉框挂载到哪个 DOM 元素',
+        defaultValue: '',
+        setters: 'StringSetter'
       },
       {
         name: 'persistent',
@@ -178,11 +184,27 @@ const Select: MaterialDescription[] = [
         options: ['success', 'info', 'warning', 'danger'],
         setters: 'SelectSetter'
       },
+      {
+        name: 'tagEffect',
+        defaultValue: 'light',
+        options: ['', 'light', 'dark', 'plain'],
+        setters: 'SelectSetter'
+      },
       {
         name: 'validateEvent',
         defaultValue: true,
         setters: 'BooleanSetter'
       },
+      {
+        name: 'offset',
+        defaultValue: 12,
+        setters: 'NumberSetter'
+      },
+      {
+        name: 'showArrow',
+        defaultValue: true,
+        setters: 'BooleanSetter'
+      },
       {
         name: 'placement',
         label: 'placement',
@@ -231,6 +253,32 @@ const Select: MaterialDescription[] = [
         label: 'ariaLabel',
         title: '等价于原生 input aria-label 属性',
         setters: 'StringSetter'
+      },
+      {
+        name: 'emptyValues',
+        title: '组件的空值配置',
+        setters: 'ArraySetter'
+      },
+      {
+        name: 'valueOnClear',
+        title: '清空选项的值 ',
+        setters: [
+          'StringSetter',
+          'NumberSetter',
+          'BooleanSetter',
+          'FunctionSetter'
+        ]
+      },
+      {
+        name: 'suffixTransition',
+        title: '下拉菜单显示/消失时后缀图标的动画',
+        defaultValue: true,
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'tabindex',
+        title: 'input 的 tabindex',
+        setters: ['StringSetter', 'NumberSetter']
       }
     ],
     events: [
@@ -263,6 +311,9 @@ const Select: MaterialDescription[] = [
       },
       {
         name: 'loading'
+      },
+      {
+        name: 'label'
       }
     ],
     snippet: {

package/src/element/selectV2.ts

@@ -10,7 +10,7 @@ const SelectV2: MaterialDescription = {
     {
       name: 'modelValue',
       defaultValue: '',
-      setters: ['InputSetter', 'NumberSetter', 'JSONSetter']
+      setters: ['InputSetter', 'NumberSetter', 'BooleanSetter', 'JSONSetter']
     },
     {
       name: 'options',
@@ -41,8 +41,8 @@ const SelectV2: MaterialDescription = {
     },
     {
       name: 'size',
-      defaultValue: 'default',
-      options: ['large', 'default', 'small'],
+      defaultValue: '',
+      options: ['', 'large', 'default', 'small'],
       setters: 'SelectSetter'
     },
     {
@@ -78,7 +78,7 @@ const SelectV2: MaterialDescription = {
       name: 'effect',
       defaultValue: 'light',
       options: ['dark', 'light'],
-      setters: 'SelectSetter'
+      setters: ['SelectSetter', 'StringSetter']
     },
     {
       name: 'autocomplete',
@@ -87,7 +87,7 @@ const SelectV2: MaterialDescription = {
     },
     {
       name: 'placeholder',
-      defaultValue: 'Select',
+      defaultValue: 'Please select',
       setters: 'InputSetter'
     },
     {
@@ -148,14 +148,6 @@ const SelectV2: MaterialDescription = {
       setters: 'StringSetter',
       defaultValue: ''
     },
-    {
-      name: 'popperAppendToBody ',
-      label: 'popperAppendToBody ',
-      title:
-        '是否将弹出框插入至 body 元素 当弹出框的位置出现问题时，你可以尝试将该属性设置为false。',
-      setters: 'BooleanSetter',
-      defaultValue: false
-    }, //?? deprecated
     {
       name: 'teleported',
       label: 'teleported',
@@ -163,6 +155,11 @@ const SelectV2: MaterialDescription = {
       setters: 'BooleanSetter',
       defaultValue: true
     },
+    {
+      name: 'appendTo',
+      title: '下拉框挂载到哪个 DOM 元素',
+      setters: 'StringSetter'
+    },
     {
       name: 'persistent',
       defaultValue: true,
@@ -179,6 +176,11 @@ const SelectV2: MaterialDescription = {
       defaultValue: false,
       setters: 'BooleanSetter'
     },
+    {
+      name: 'fitInputWidth',
+      defaultValue: true,
+      setters: ['BooleanSetter', 'NumberSetter']
+    },
     {
       name: 'height',
       defaultValue: 274,
@@ -211,6 +213,18 @@ const SelectV2: MaterialDescription = {
       defaultValue: true,
       setters: 'BooleanSetter'
     },
+    {
+      name: 'offset',
+      title: '下拉面板偏移量',
+      defaultValue: 12,
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'showArrow',
+      title: '下拉菜单的内容是否有箭头',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
     {
       name: 'placement',
       label: 'placement',
@@ -255,11 +269,45 @@ const SelectV2: MaterialDescription = {
       options: ['', 'success', 'info', 'warning', 'danger'],
       defaultValue: 'info'
     },
+    {
+      name: 'tagEffect',
+      title: '标签效果',
+      defaultValue: 'light',
+      options: ['', 'light', 'dark', 'plain'],
+      setters: 'SelectSetter'
+    },
     {
       name: 'ariaLabel',
       label: 'ariaLabel',
       title: '等价于原生 input aria-label 属性',
       setters: 'StringSetter'
+    },
+    {
+      name: 'emptyValues',
+      title: '组件的空值配置',
+      setters: 'ArraySetter'
+    },
+    {
+      name: 'valueOnClear',
+      title: '清空选项的值 ',
+      setters: [
+        'StringSetter',
+        'NumberSetter',
+        'BooleanSetter',
+        'FunctionSetter'
+      ]
+    },
+    {
+      name: 'popperAppendToBody',
+      title:
+        '是否将弹出框插入至 body 元素 当弹出框的位置出现问题时，你可以尝试将该属性设置为false。',
+      setters: 'BooleanSetter',
+      defaultValue: false
+    },
+    {
+      name: 'tabindex',
+      title: 'input 的 tabindex',
+      setters: ['StringSetter', 'NumberSetter']
     }
   ],
   events: [
@@ -292,6 +340,9 @@ const SelectV2: MaterialDescription = {
     },
     {
       name: 'loading'
+    },
+    {
+      name: 'label'
     }
   ]
 };

package/src/element/skeleton.ts

@@ -30,10 +30,19 @@ const Skeleton: MaterialDescription = {
     {
       name: 'throttle',
       defaultValue: 0,
-      setters: 'NumberSetter'
+      setters: ['NumberSetter', 'ObjectSetter']
     }
   ],
-  slots: ['default', 'template']
+  slots: [
+    {
+      name: 'default',
+      params: ['object']
+    },
+    {
+      name: 'template',
+      params: ['object']
+    }
+  ]
 };
 
 const SkeletonItem: MaterialDescription = {

package/src/element/switch.ts

@@ -79,21 +79,6 @@ const Switch: MaterialDescription = {
       defaultValue: false,
       setters: ['BooleanSetter', 'InputSetter', 'NumberSetter']
     },
-    {
-      name: 'activeColor',
-      defaultValue: '',
-      setters: 'ColorSetter'
-    },
-    {
-      name: 'inactiveColor',
-      defaultValue: '',
-      setters: 'ColorSetter'
-    },
-    {
-      name: 'borderColor',
-      defaultValue: '',
-      setters: 'ColorSetter'
-    },
     {
       name: 'name',
       defaultValue: '',
@@ -106,7 +91,7 @@ const Switch: MaterialDescription = {
     },
     {
       name: 'beforeChange',
-      setters: 'FunctionSetter'
+      setters: ['BooleanSetter', 'FunctionSetter']
     },
     { name: 'id', defaultValue: '', setters: 'StringSetter' },
     {
@@ -114,6 +99,22 @@ const Switch: MaterialDescription = {
       defaultValue: '',
       setters: ['StringSetter', 'NumberSetter']
     },
+    { name: 'ariaLabel', defaultValue: '', setters: 'StringSetter' },
+    {
+      name: 'activeColor',
+      defaultValue: '',
+      setters: 'ColorSetter'
+    },
+    {
+      name: 'inactiveColor',
+      defaultValue: '',
+      setters: 'ColorSetter'
+    },
+    {
+      name: 'borderColor',
+      defaultValue: '',
+      setters: 'ColorSetter'
+    },
     { name: 'label', defaultValue: '', setters: 'StringSetter' }
   ],
   events: ['change', 'update:modelValue'],