@vtj/materials 0.9.6 → 0.9.8

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'],

package/src/element/table.ts

@@ -12,7 +12,7 @@ const Table: MaterialDescription[] = [
       {
         name: 'data',
         defaultValue: '',
-        setters: 'JSONSetter'
+        setters: ['ArraySetter', 'JSONSetter']
       },
       {
         name: 'height',
@@ -37,7 +37,7 @@ const Table: MaterialDescription[] = [
       {
         name: 'size',
         defaultValue: '',
-        options: ['large', 'default', 'small'],
+        options: ['', 'large', 'default', 'small'],
         setters: 'SelectSetter'
       },
       {
@@ -215,10 +215,23 @@ const Table: MaterialDescription[] = [
         label: '显示滚动条',
         setters: 'BooleanSetter'
       },
+      {
+        name: 'show-overflow-tooltip',
+        setters: ['BooleanSetter', 'JSONSetter']
+      },
       {
         name: 'flexible',
         defaultValue: false,
         setters: 'BooleanSetter'
+      },
+      {
+        name: 'scrollbarTabindex',
+        setters: ['StringSetter', 'NumberSetter']
+      },
+      {
+        name: 'allowDragLastColumn',
+        defaultValue: true,
+        setters: 'BooleanSetter'
       }
     ],
     events: [
@@ -239,7 +252,8 @@ const Table: MaterialDescription[] = [
       'filter-change',
       'current-change',
       'header-dragend',
-      'expand-change'
+      'expand-change',
+      'scroll'
     ],
     slots: ['default', 'append', 'empty'],
     snippet: {
@@ -282,8 +296,8 @@ const Table: MaterialDescription[] = [
     props: [
       {
         name: 'type',
-        defaultValue: '',
-        options: ['selection', 'index', 'expand'],
+        defaultValue: 'default',
+        options: ['default', 'selection', 'index', 'expand'],
         setters: 'SelectSetter'
       },
       {
@@ -364,10 +378,9 @@ const Table: MaterialDescription[] = [
       },
       {
         name: 'show-overflow-tooltip',
-        defaultValue: false,
+        defaultValue: undefined,
         title: '当内容过长被隐藏时显示 tooltip',
-        label: 'tooltip',
-        setters: 'BooleanSetter'
+        setters: ['BooleanSetter', 'JSONSetter']
       },
       {
         name: 'align',
@@ -377,7 +390,7 @@ const Table: MaterialDescription[] = [
       },
       {
         name: 'header-align',
-        defaultValue: '',
+        defaultValue: 'left',
         options: ['left', 'center', 'right'],
         setters: 'SelectSetter'
       },
@@ -390,12 +403,10 @@ const Table: MaterialDescription[] = [
         name: 'label-class-name',
         defaultValue: '',
         title: '当前列标题的自定义类名',
-        label: '当前列类名',
         setters: 'InputSetter'
       },
       {
         name: 'selectable',
-        defaultValue: '',
         setters: 'FunctionSetter'
       },
       {
@@ -403,7 +414,6 @@ const Table: MaterialDescription[] = [
         defaultValue: false,
         title:
           '仅对  type=selection 的列有效， 请注意， 需指定 row-key 来让这个功能生效。',
-        label: '反选',
         setters: 'BooleanSetter'
       },
       {
@@ -415,7 +425,6 @@ const Table: MaterialDescription[] = [
         name: 'filter-placement',
         defaultValue: '',
         title: '过滤弹出框的定位,与 Tooltip 的 placement 属性相同',
-        label: 'placement',
         setters: 'InputSetter'
       },
       {
@@ -447,6 +456,10 @@ const Table: MaterialDescription[] = [
       {
         name: 'header',
         params: ['column', '$index']
+      },
+      {
+        name: 'filter-icon',
+        params: ['filterOpened']
       }
     ],
     snippet: {

package/src/element/tabs.ts

@@ -24,7 +24,8 @@ const Tabs: MaterialDescription[] = [
             }
           }
         ],
-        options: ['card', 'border-card']
+        defaultValue: '',
+        options: ['', 'card', 'border-card']
       },
       {
         name: 'closable',

package/src/element/tag.ts

@@ -10,8 +10,8 @@ const Tag: MaterialDescription[] = [
     props: [
       {
         name: 'type',
-        defaultValue: '',
-        options: ['success', 'info', 'warning', 'danger'],
+        defaultValue: 'primary',
+        options: ['primary', 'success', 'info', 'warning', 'danger'],
         setters: 'SelectSetter'
       },
       {
@@ -71,6 +71,11 @@ const Tag: MaterialDescription[] = [
         defaultValue: false,
         setters: 'BooleanSetter'
       },
+      {
+        name: 'disabled',
+        defaultValue: false,
+        setters: 'BooleanSetter'
+      },
       {
         name: 'type',
         label: 'type',

package/src/element/timePicker.ts

@@ -11,7 +11,12 @@ const TimePicker: MaterialDescription = {
     {
       name: 'modelValue',
       defaultValue: '',
-      setters: 'ExpressionSetter'
+      setters: [
+        'NumberSetter',
+        'StringSetter',
+        'ArraySetter',
+        'ExpressionSetter'
+      ]
     },
     {
       name: 'readonly',
@@ -84,6 +89,12 @@ const TimePicker: MaterialDescription = {
       defaultValue: '',
       setters: ['InputSetter', 'ExpressionSetter']
     },
+    {
+      name: 'valueFormat',
+      title: '可选，绑定值的格式。 不指定则绑定值为 Date 对象',
+      defaultValue: '',
+      setters: 'StringSetter'
+    },
     {
       name: 'id',
       defaultValue: '',
@@ -94,7 +105,7 @@ const TimePicker: MaterialDescription = {
       defaultValue: '',
       setters: 'InputSetter'
     },
-    { name: 'label', defaultValue: '', setters: 'InputSetter' },
+    { name: 'ariaLabel', defaultValue: '', setters: 'InputSetter' },
     {
       name: 'prefixIcon',
       defaultValue: 'Clock',
@@ -131,9 +142,31 @@ const TimePicker: MaterialDescription = {
       title: '输入框的 tabindex',
       setters: ['StringSetter', 'NumberSetter'],
       defaultValue: 0
+    },
+    {
+      name: 'emptyValues',
+      title: '组件的空值配置',
+      setters: 'ArraySetter'
+    },
+    {
+      name: 'valueOnClear',
+      title: '清空选项的值',
+      setters: [
+        'StringSetter',
+        'NumberSetter',
+        'BooleanSetter',
+        'FunctionSetter'
+      ]
     }
   ],
-  events: ['change', 'blur', 'focus', 'visible-change', 'update:modelValue']
+  events: [
+    'change',
+    'blur',
+    'focus',
+    'clear',
+    'visible-change',
+    'update:modelValue'
+  ]
 };
 
 export default TimePicker;

package/src/element/timeSelect.ts

@@ -11,7 +11,7 @@ const TimeSelect: MaterialDescription = {
     {
       name: 'modelValue',
       defaultValue: '',
-      setters: 'ExpressionSetter'
+      setters: ['StringSetter', 'ExpressionSetter']
     },
     {
       name: 'disabled',
@@ -50,17 +50,6 @@ const TimeSelect: MaterialDescription = {
       options: ['dark', 'light'],
       setters: 'SelectSetter'
     },
-    {
-      name: 'effect',
-      defaultValue: 'light',
-      options: ['dark', 'light'],
-      setters: 'SelectSetter'
-    },
-    {
-      name: 'format',
-      defaultValue: 'HH:mm',
-      setters: 'InputSetter'
-    },
     {
       name: 'prefixIcon',
       defaultValue: 'Clock',
@@ -95,9 +84,29 @@ const TimeSelect: MaterialDescription = {
       name: 'maxTime',
       defaultValue: '',
       setters: 'InputSetter'
+    },
+    {
+      name: 'format',
+      defaultValue: 'HH:mm',
+      setters: 'InputSetter'
+    },
+    {
+      name: 'emptyValues',
+      title: '组件的空值配置',
+      setters: 'ArraySetter'
+    },
+    {
+      name: 'valueOnClear',
+      title: '清空选项的值',
+      setters: [
+        'StringSetter',
+        'NumberSetter',
+        'BooleanSetter',
+        'FunctionSetter'
+      ]
     }
   ],
-  events: ['change', 'blur', 'focus', 'update:modelValue']
+  events: ['change', 'blur', 'focus', 'clear', 'update:modelValue']
 };
 
 export default TimeSelect;

package/src/element/tour.ts

@@ -96,7 +96,7 @@ const Tour: MaterialDescription = {
       label: 'close-icon',
       title: '自定义关闭图标',
       setters: 'IconSetter',
-      defaultValue: ''
+      defaultValue: 'Close'
     },
     {
       name: 'close-on-press-escape',
@@ -115,7 +115,8 @@ const Tour: MaterialDescription = {
   ],
   slots: [
     { name: 'default' },
-    { name: 'indicators', params: ['current', 'total'] }
+    { name: 'indicators', params: ['current', 'total'] },
+    { name: 'close-icon' }
   ],
   events: ['close', 'finish', 'change', 'update:modelValue', 'update:current'],
   snippet: {
@@ -160,7 +161,7 @@ const TourStep: MaterialDescription = {
       name: 'target',
       label: 'target',
       title: '获取引导卡片指向的元素， 为空时居中于屏幕。',
-      setters: ['StringSetter', 'FunctionSetter'] //??
+      setters: ['StringSetter', 'FunctionSetter']
     },
     {
       name: 'showArrow',
@@ -173,8 +174,7 @@ const TourStep: MaterialDescription = {
       name: 'title',
       label: 'title',
       title: '标题',
-      setters: 'StringSetter',
-      defaultValue: '*'
+      setters: 'StringSetter'
     },
     {
       name: 'description',
@@ -240,7 +240,7 @@ const TourStep: MaterialDescription = {
       name: 'scrollIntoViewOptions',
       label: 'scrollIntoViewOptions',
       title: '是否支持当前元素滚动到视窗内，也可传入配置指定滚动视窗的相关参数',
-      setters: ['BooleanSetter', 'ObjectSetter'] //??
+      setters: ['BooleanSetter', 'ObjectSetter']
     },
     {
       name: 'showClose',
@@ -256,7 +256,7 @@ const TourStep: MaterialDescription = {
       setters: ['IconSetter']
     }
   ],
-  slots: [{ name: 'default' }, { name: 'header' }],
+  slots: [{ name: 'default' }, { name: 'header' }, { name: 'close-icon' }],
   events: ['close'],
   snippet: {
     props: {