@vtj/materials 0.9.7 → 0.9.8

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: {

package/src/element/transfer.ts

@@ -11,12 +11,12 @@ const Transfer: MaterialDescription = {
     {
       name: 'modelValue',
       defaultValue: '',
-      setters: 'ExpressionSetter'
+      setters: ['ArraySetter', 'ExpressionSetter']
     },
     {
       name: 'data',
       defaultValue: [],
-      setters: 'JSONSetter'
+      setters: ['ArraySetter', 'JSONSetter']
     },
     {
       name: 'filterable',
@@ -40,13 +40,13 @@ const Transfer: MaterialDescription = {
     },
     {
       name: 'titles',
-      defaultValue: ['List 1', 'List 2'],
-      setters: 'JSONSetter'
+      defaultValue: [],
+      setters: ['ArraySetter', 'JSONSetter']
     },
     {
       name: 'buttonTexts',
       defaultValue: [],
-      setters: 'JSONSetter'
+      setters: ['ArraySetter', 'JSONSetter']
     },
     {
       name: 'renderContent',
@@ -56,26 +56,24 @@ const Transfer: MaterialDescription = {
     {
       name: 'format',
       defaultValue: '',
-      setters: 'JSONSetter'
+      setters: ['ObjectSetter', 'JSONSetter']
     },
     {
       name: 'props',
       defaultValue: '',
-      setters: 'JSONSetter'
+      setters: ['ObjectSetter', 'JSONSetter']
     },
     {
       name: 'leftDefaultChecked',
       defaultValue: [],
       title: '初始状态下左侧列表的已勾选项的 key 数组',
-      label: '左侧勾选',
-      setters: 'JSONSetter'
+      setters: ['ArraySetter', 'JSONSetter']
     },
     {
       name: 'rightDefaultChecked',
       defaultValue: [],
       title: '初始状态下右侧列表的已勾选项的 key 数组',
-      label: '右侧勾选',
-      setters: 'JSONSetter'
+      setters: ['ArraySetter', 'JSONSetter']
     },
     {
       name: 'validateEvent',
@@ -85,13 +83,20 @@ const Transfer: MaterialDescription = {
   ],
   slots: [
     {
-      name: 'default'
+      name: 'default',
+      params: ['options']
     },
     {
       name: 'left-footer'
     },
     {
       name: 'right-footer'
+    },
+    {
+      name: 'left-empty'
+    },
+    {
+      name: 'right-empty'
     }
   ],
   events: [

package/src/element/treeSelect.ts

@@ -37,7 +37,7 @@ const TreeSelect: MaterialDescription = {
       setters: 'JSONSetter'
     },
     {
-      name: 'render-after-expand',
+      name: 'renderAfterExpand',
       defaultValue: true,
       setters: 'BooleanSetter'
     },
@@ -47,78 +47,73 @@ const TreeSelect: MaterialDescription = {
       setters: 'FunctionSetter'
     },
     {
-      name: 'render-content',
+      name: 'renderContent',
       defaultValue: '',
       setters: 'FunctionSetter'
     },
     {
-      name: 'highlight-current',
+      name: 'highlightCurrent',
       defaultValue: false,
-      label: '高亮当前节点',
       setters: 'BooleanSetter'
     },
     {
-      name: 'default-expand-all',
+      name: 'defaultExpandAll',
       defaultValue: false,
-      label: '展开所有节点',
       setters: 'BooleanSetter'
     },
     {
-      name: 'expand-on-click-node',
+      name: 'expandOnClickNode',
       defaultValue: true,
       title:
         '是否在点击节点的时候展开或者收缩节点， 默认值为 true，如果为 false，则只有点箭头图标的时候才会展开或者收缩节点。',
-      label: '点击展开',
       setters: 'BooleanSetter'
     },
     {
-      name: 'check-on-click-node',
+      name: 'checkOnClickNode',
       defaultValue: false,
       title:
         '是否在点击节点的时候选中节点，默认值为 false，即只有在点击复选框时才会选中节点。',
-      label: '点击选中',
       setters: 'BooleanSetter'
     },
     {
-      name: 'auto-expand-parent',
+      name: 'autoExpandParent',
       defaultValue: true,
       title: '展开子节点的时候是否自动展开父节点',
-      label: '自动展开',
       setters: 'BooleanSetter'
     },
     {
-      name: 'default-expanded-keys',
+      name: 'defaultExpandedKeys',
       defaultValue: '',
       title: '默认展开的节点的 key 的数组',
       label: '默认展开',
       setters: 'JSONSetter'
     },
     {
-      name: 'show-checkbox',
+      name: 'showCheckbox',
       defaultValue: false,
       label: '显示checkbox',
       setters: 'BooleanSetter'
     },
     {
-      name: 'check-strictly',
+      name: 'checkStrictly',
       defaultValue: false,
       setters: 'BooleanSetter'
     },
     {
-      name: 'default-checked-keys',
+      name: 'defaultCheckedKeys',
       defaultValue: '',
       title: '默认勾选的节点的 key 的数组',
       label: '默认勾选',
       setters: 'JSONSetter'
     },
     {
-      name: 'current-node-key',
+      name: 'currentNodeKey',
       defaultValue: '',
       label: '当前节点key',
       setters: ['InputSetter', 'NumberSetter']
     },
     {
-      name: 'filter-node-method',
+      name: 'filterNodeMethod',
       defaultValue: '',
       title:
         'filter-node-method 对树节点进行筛选时执行的方法， 返回 false 则表示这个节点会被隐藏',
@@ -151,13 +146,13 @@ const TreeSelect: MaterialDescription = {
       setters: 'BooleanSetter'
     },
     {
-      name: 'allow-drag',
+      name: 'allowDrag',
       defaultValue: '',
       title: '判断节点能否被拖拽 如果返回 false ，节点不能被拖动',
       setters: 'FunctionSetter'
     },
     {
-      name: 'allow-drop',
+      name: 'allowDrop',
       defaultValue: '',
       title:
         '拖拽时判定目标节点能否成为拖动目标位置。 如果返回 false ，拖动节点不能被拖放到目标节点。 type 参数有三种情况：prev、inner 和 next，分别表示放置在目标节点前、插入至目标节点和放置在目标节点后',
@@ -167,7 +162,13 @@ const TreeSelect: MaterialDescription = {
     {
       name: 'modelValue',
       defaultValue: '',
-      setters: ['NumberSetter', 'InputSetter', 'BooleanSetter']
+      setters: [
+        'StringSetter',
+        'NumberSetter',
+        'BooleanSetter',
+        'ObjectSetter',
+        'ArraySetter'
+      ]
     },
     {
       name: 'multiple',
@@ -259,6 +260,11 @@ const TreeSelect: MaterialDescription = {
       defaultValue: '',
       setters: 'FunctionSetter'
     },
+    {
+      name: 'remoteShowSuffix',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
     {
       name: 'loading',
       defaultValue: false,
@@ -304,6 +310,10 @@ const TreeSelect: MaterialDescription = {
       defaultValue: true,
       setters: 'BooleanSetter'
     },
+    {
+      name: 'appendTo',
+      setters: 'StringSetter'
+    },
     {
       name: 'persistent',
       defaultValue: true,
@@ -335,11 +345,27 @@ const TreeSelect: 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',
@@ -388,6 +414,29 @@ const TreeSelect: MaterialDescription = {
       label: 'ariaLabel',
       title: '等价于原生 input aria-label 属性',
       setters: 'StringSetter'
+    },
+    {
+      name: 'emptyValues',
+      setters: 'ArraySetter'
+    },
+    {
+      name: 'valueOnClear',
+      setters: [
+        'StringSetter',
+        'NumberSetter',
+        'BooleanSetter',
+        'FunctionSetter'
+      ]
+    },
+    {
+      name: 'suffixTransition',
+      title: '下拉菜单显示/消失时后缀图标的动画',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'tabindex',
+      setters: ['StringSetter', 'NumberSetter']
     }
   ],
   events: [
@@ -415,6 +464,7 @@ const TreeSelect: MaterialDescription = {
     'update:modelValue'
   ],
   slots: [
+    // tree
     {
       name: 'default',
       params: ['node', 'data']
@@ -422,6 +472,7 @@ const TreeSelect: MaterialDescription = {
     {
       name: 'empty'
     },
+    // select
     {
       name: 'header'
     },
@@ -439,6 +490,9 @@ const TreeSelect: MaterialDescription = {
     },
     {
       name: 'loading'
+    },
+    {
+      name: 'label'
     }
   ],
   snippet: {

package/src/element/treeV2.ts

@@ -11,7 +11,7 @@ const TreeV2: MaterialDescription = {
     {
       name: 'data',
       defaultValue: '',
-      setters: 'JSONSetter'
+      setters: ['ArraySetter', 'JSONSetter']
     },
     {
       name: 'empty-text',
@@ -21,7 +21,7 @@ const TreeV2: MaterialDescription = {
     {
       name: 'props',
       defaultValue: '',
-      setters: 'JSONSetter'
+      setters: ['ObjectSetter', 'JSONSetter']
     },
     {
       name: 'highlight-current',
@@ -106,6 +106,7 @@ const TreeV2: MaterialDescription = {
   ],
   events: [
     'node-click',
+    'node-drop',
     'node-contextmenu',
     'check-change',
     'check',