@vtj/materials 0.9.6 → 0.9.8

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

package/src/element/upload.ts

@@ -9,7 +9,7 @@ const Upload: MaterialDescription = {
   props: [
     {
       name: 'action',
-      defaultValue: '',
+      defaultValue: '#',
       title: '请求 URL',
       setters: 'InputSetter'
     },
@@ -59,55 +59,50 @@ const Upload: MaterialDescription = {
       defaultValue: '',
       setters: 'InputSetter'
     },
+    {
+      name: 'crossorigin',
+      options: ['', 'anonymous', 'use-credentials'],
+      setters: 'SelectSetter'
+    },
     {
       name: 'onPreview',
-      defaultValue: '',
       setters: 'FunctionSetter'
     },
     {
       name: 'onRemove',
-      defaultValue: '',
       setters: 'FunctionSetter'
     },
     {
       name: 'onSuccess',
-      defaultValue: '',
       setters: 'FunctionSetter'
     },
     {
       name: 'onError',
-      defaultValue: '',
-      setters: 'ExpressionSetter'
+      setters: ['FunctionSetter', 'ExpressionSetter']
     },
     {
       name: 'onProgress',
-      defaultValue: '',
-      setters: 'ExpressionSetter'
+      setters: ['FunctionSetter', 'ExpressionSetter']
     },
     {
       name: 'onChange',
-      defaultValue: '',
       setters: 'FunctionSetter'
     },
     {
       name: 'onExceed',
-      defaultValue: '',
       setters: 'FunctionSetter'
     },
     {
       name: 'beforeUpload',
-      defaultValue: '',
       setters: 'FunctionSetter'
     },
     {
       name: 'beforeRemove',
-      defaultValue: '',
       setters: 'FunctionSetter'
     },
     {
       name: 'fileList',
-      defaultValue: '',
-      setters: 'JSONSetter'
+      setters: ['ArraySetter', 'JSONSetter']
     },
     {
       name: 'listType',
@@ -122,7 +117,6 @@ const Upload: MaterialDescription = {
     },
     {
       name: 'httpRequest',
-      defaultValue: '',
       setters: 'FunctionSetter'
     },
     {

package/src/ui/panel.ts

@@ -63,9 +63,9 @@ const desc: MaterialDescription = {
   slots: ['default', 'actions', 'title', 'footer'],
   snippet: {
     props: {
-      header: '标题',
-      children: '内容文本'
-    }
+      header: '标题'
+    },
+    children: '内容文本'
   }
 };
 

package/src/version.ts

@@ -2,7 +2,7 @@
  * Copyright (c) 2025, VTJ.PRO All rights reserved.
  * @name @vtj/materials 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.9.6
+ * @version 0.9.8
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-export const version = '0.9.6';
+export const version = '0.9.8';