@vtj/materials 0.12.28 → 0.12.30

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vtj/materials",
   "private": false,
-  "version": "0.12.28",
+  "version": "0.12.30",
   "type": "module",
   "keywords": [
     "低代码引擎",
@@ -32,12 +32,12 @@
     "vant": "~4.9.10",
     "vue": "~3.5.5",
     "vue-router": "~4.5.0",
-    "@vtj/core": "~0.12.28",
     "@vtj/cli": "~0.12.3",
-    "@vtj/charts": "~0.12.28",
-    "@vtj/icons": "~0.12.28",
-    "@vtj/ui": "~0.12.28",
-    "@vtj/utils": "~0.12.28"
+    "@vtj/core": "~0.12.30",
+    "@vtj/charts": "~0.12.30",
+    "@vtj/icons": "~0.12.30",
+    "@vtj/utils": "~0.12.30",
+    "@vtj/ui": "~0.12.30"
   },
   "files": [
     "dist",

package/src/antdv/affix.ts

@@ -30,9 +30,14 @@ const components: MaterialDescription[] = [
       }
     ],
     events: ['change'],
+    slots: ['default'],
     snippet: {
       props: {
-        offsetTop: '30'
+        offsetTop: '30',
+        target: {
+          type: 'JSFunction',
+          value: '() => window'
+        }
       },
       children: [
         {

package/src/antdv/alert.ts

@@ -63,6 +63,7 @@ const components: MaterialDescription[] = [
     ],
     events: ['close'],
     slots: [
+      'default',
       'action',
       'closeIcon',
       'closeText',

package/src/antdv/anchor.ts

@@ -25,7 +25,11 @@ const components: MaterialDescription[] = [
         name: 'getContainer',
         label: 'getContainer',
         title: '指定滚动的容器',
-        setters: 'FunctionSetter'
+        setters: 'FunctionSetter',
+        defaultValue: {
+          type: 'Function',
+          value: '() => window'
+        }
       },
       {
         name: 'getCurrentAnchor',
@@ -56,8 +60,7 @@ const components: MaterialDescription[] = [
         name: 'targetOffset',
         label: 'targetOffset',
         title: '锚点滚动偏移量，默认与 offsetTop 相同',
-        setters: 'NumberSetter',
-        defaultValue: 'offsetTop'
+        setters: 'NumberSetter'
       },
       {
         name: 'wrapperClass',
@@ -86,7 +89,7 @@ const components: MaterialDescription[] = [
         defaultValue: 'vertical'
       }
     ],
-    slots: ['customTitle'],
+    slots: ['default', 'customTitle'],
     snippet: {
       props: {
         direction: 'horizontal',

package/src/antdv/autocomplete.ts

@@ -122,6 +122,7 @@ const components: MaterialDescription[] = [
     ],
     // slots: ['clearIcon', 'default', 'option', 'placeholder'],
     slots: [
+      { name: 'default' },
       { name: 'clearIcon' },
       { name: 'default' },
       { name: 'option', params: ['value', 'label', 'array'] }, //?? value, label, [disabled, key, title]

package/src/antdv/avatar.ts

@@ -70,7 +70,7 @@ const components: MaterialDescription[] = [
         setters: 'StringSetter'
       }
     ],
-    slots: ['icon'],
+    slots: ['default', 'icon'],
     snippet: {
       props: {
         size: '64'

package/src/antdv/badge.ts

@@ -78,7 +78,7 @@ const components: MaterialDescription[] = [
         defaultValue: 'count'
       }
     ],
-    slots: ['count'],
+    slots: ['default', 'count'],
     snippet: {
       props: { count: 5 },
       children: [{ name: 'AAvatar', props: { shape: 'square', size: 'large' } }]
@@ -113,7 +113,7 @@ const components: MaterialDescription[] = [
         setters: 'StringSetter'
       }
     ],
-    slots: ['text'],
+    slots: ['default', 'text'],
     snippet: {
       props: { text: 'Hippies' },
       children: [

package/src/antdv/breadcrumb.ts

@@ -34,6 +34,7 @@ const components: MaterialDescription[] = [
         defaultValue: '/'
       }
     ],
+    slots: ['default', 'separator'],
     snippet: {
       children: [
         { name: 'BreadcrumbItem', children: 'Home' },

package/src/antdv/button.ts

@@ -73,7 +73,7 @@ const components: MaterialDescription[] = [
       }
     ],
     events: ['click'],
-    slots: ['icon'],
+    slots: ['default','icon'],
     snippet: {
       children: 'Button'
     }

package/src/antdv/calendar.ts

@@ -57,6 +57,7 @@ const components: MaterialDescription[] = [
     ],
     events: ['change', 'panelChange', 'select', 'update:value'],
     slots: [
+      'default',
       'dateCellRender',
       'dateFullCellRender',
       'headerRender',

package/src/antdv/card.ts

@@ -89,6 +89,7 @@ const components: MaterialDescription[] = [
     ],
     events: ['tabChange'],
     slots: [
+      'default',
       'actions',
       'cover',
       'customTab',

package/src/antdv/cascader.ts

@@ -204,6 +204,7 @@ const components: MaterialDescription[] = [
     ],
     events: ['change', 'dropdownVisibleChange', 'search', 'update:value'],
     slots: [
+      'default',
       'clearIcon',
       'expandIcon',
       'maxTagPlaceholder',

package/src/antdv/checkbox.ts

@@ -86,6 +86,7 @@ const components: MaterialDescription[] = [
       }
     ],
     events: ['change', 'update:value'],
+    slots: ['default', 'label'],
     snippet: {
       props: {
         options: [

package/src/antdv/collapse.ts

@@ -64,7 +64,7 @@ const components: MaterialDescription[] = [
       }
     ],
     events: ['change', 'update:activeKey'],
-    slots: ['expandIcon'],
+    slots: ['default', 'expandIcon'],
     snippet: {
       props: {
         activeKey: '1'
@@ -148,7 +148,7 @@ const components: MaterialDescription[] = [
         defaultValue: true
       }
     ],
-    slots: ['extra', 'header'],
+    slots: ['default', 'extra', 'header'],
     snippet: {
       props: {
         header: 'This is panel header'

package/src/antdv/comment.ts

@@ -39,7 +39,7 @@ const components: MaterialDescription[] = [
         setters: 'StringSetter'
       }
     ],
-    slots: ['actions', 'author', 'avatar', 'content', 'datetime'],
+    slots: ['default', 'actions', 'author', 'avatar', 'content', 'datetime'],
     snippet: {
       slot: 'actions',
       children: [

package/src/antdv/configProvider.ts

@@ -118,7 +118,7 @@ const components: MaterialDescription[] = [
         setters: 'ObjectSetter' //?? 	{ disabled?: boolean }
       }
     ],
-    slots: ['renderEmpty']
+    slots: ['default', 'renderEmpty']
   }
 ];
 export default components;

package/src/antdv/datePicker.ts

@@ -197,6 +197,7 @@ const components: MaterialDescription[] = [
     ],
     events: ['openChange', 'panelChange', 'change', 'ok', 'update:value'],
     slots: [
+      'default',
       'dateRender',
       'nextIcon',
       'prevIcon',
@@ -436,6 +437,7 @@ const components: MaterialDescription[] = [
       'update:value'
     ],
     slots: [
+      'default',
       'dateRender',
       'nextIcon',
       'prevIcon',

package/src/antdv/description.ts

@@ -72,7 +72,7 @@ const components: MaterialDescription[] = [
         setters: 'StringSetter' //?? 	string | VNode | slot
       }
     ],
-    slots: ['extra', 'title'],
+    slots: ['default', 'extra', 'title'],
     snippet: {
       props: {
         title: 'User Info'
@@ -141,7 +141,7 @@ const components: MaterialDescription[] = [
         defaultValue: 1
       }
     ],
-    slots: ['label'],
+    slots: ['default', 'label'],
     snippet: {
       props: {
         label: 'Address'

package/src/antdv/drawer.ts

@@ -179,7 +179,7 @@ const components: MaterialDescription[] = [
       }
     ],
     events: ['afterOpenChange', 'close', 'update:open'],
-    slots: ['closeIcon', 'extra', 'footer', 'title'],
+    slots: ['default', 'closeIcon', 'extra', 'footer', 'title'],
     snippet: {
       props: {
         open: true,

package/src/antdv/dropdown.ts

@@ -39,7 +39,11 @@ const components: MaterialDescription[] = [
         label: 'getPopupContainer',
         title:
           '菜单渲染父节点。默认渲染到 body 上，如果你遇到菜单滚动定位问题，试试修改为滚动的区域，并相对其定位',
-        setters: 'FunctionSetter'
+        setters: 'FunctionSetter',
+        defaultValue: {
+          type: 'Function',
+          value: '() => document.body'
+        }
       },
       {
         name: 'overlayClassName',
@@ -83,7 +87,7 @@ const components: MaterialDescription[] = [
       }
     ],
     events: ['openChange', 'update:open'],
-    slots: ['overlay'],
+    slots: ['default', 'overlay'],
     snippet: {
       name: 'ADropdownButton',
       children: [
@@ -192,7 +196,7 @@ const components: MaterialDescription[] = [
       }
     ],
     events: ['click', 'openChange', 'update:open'],
-    slots: ['icon', 'overlay'],
+    slots: ['default', 'icon', 'overlay'],
     snippet: {
       name: 'button',
       children: [

package/src/antdv/empty.ts

@@ -28,7 +28,7 @@ const components: MaterialDescription[] = [
         setters: 'ObjectSetter'
       }
     ],
-    slots: ['description', 'image']
+    slots: ['default', 'description', 'image']
   }
 ];
 export default components;

package/src/antdv/flex.ts

@@ -118,9 +118,16 @@ const components: MaterialDescription[] = [
         setters: ['SelectSetter', 'NumberSetter', 'StringSetter'],
         options: ['small', 'middle', 'large'],
         defaultValue: 'normal'
+      },
+      {
+        name: 'component',
+        label: 'component',
+        title: '自定义元素类型',
+        setters: 'StringSetter',
+        defaultValue: 'div'
       }
     ],
-    slots: ['component'],
+    slots: ['default', 'component'],
     snippet: {
       props: {
         vertical: false,

package/src/antdv/floatButton.ts

@@ -62,7 +62,7 @@ const components: MaterialDescription[] = [
       }
     ],
     events: ['click'],
-    slots: ['icon', 'description', 'tooltip']
+    slots: ['default', 'icon', 'description', 'tooltip']
   },
   {
     name: 'AFloatButtonGroup',
@@ -147,7 +147,7 @@ const components: MaterialDescription[] = [
       }
     ],
     events: ['openChange', 'click', 'update:open'],
-    slots: ['icon', 'description', 'tooltip'],
+    slots: ['default', 'icon', 'description', 'tooltip'],
     snippet: {
       props: {
         style: { right: '164px' }
@@ -226,7 +226,7 @@ const components: MaterialDescription[] = [
       }
     ],
     events: ['click'],
-    slots: ['icon', 'description', 'tooltip'],
+    slots: ['default', 'icon', 'description', 'tooltip'],
     snippet: {
       props: {
         visibilityHeight: '0'

package/src/antdv/form.ts

@@ -230,7 +230,7 @@ const components: MaterialDescription[] = [
         label: 'name',
         title:
           '表单域 model 字段，在使用 validate、resetFields 方法的情况下，该属性是必填的',
-        setters: 'ArraySetter'
+        setters: ['StringSetter', 'NumberSetter', 'ArraySetter']
       },
       {
         name: 'required',
@@ -279,7 +279,7 @@ const components: MaterialDescription[] = [
         setters: 'ObjectSetter'
       }
     ],
-    slots: ['extra', 'help', 'label', 'tooltip'],
+    slots: ['default', 'extra', 'help', 'label', 'tooltip'],
     snippet: {
       props: {
         label: '表单项'

package/src/antdv/image.ts

@@ -59,7 +59,7 @@ const components: MaterialDescription[] = [
       }
     ],
     events: ['error'],
-    slots: ['placeholder', 'previewMask'],
+    slots: ['default', 'placeholder', 'previewMask'],
     snippet: {
       props: {
         width: '200px',

package/src/antdv/input.ts

@@ -52,6 +52,12 @@ const components: MaterialDescription[] = [
         title: '输入框的 id',
         setters: 'StringSetter'
       },
+      {
+        name: 'placeholder',
+        label: 'placeholder',
+        title: '输入框的提示文字',
+        setters: 'StringSetter'
+      },
       {
         name: 'maxlength',
         label: 'maxlength',
@@ -109,7 +115,14 @@ const components: MaterialDescription[] = [
       }
     ],
     events: ['change', 'pressEnter', 'update:value'],
-    slots: ['addonAfter', 'addonBefore', 'clearIcon', 'prefix', 'suffix']
+    slots: [
+      'default',
+      'addonAfter',
+      'addonBefore',
+      'clearIcon',
+      'prefix',
+      'suffix'
+    ]
   },
   {
     name: 'ATextarea',
@@ -137,6 +150,12 @@ const components: MaterialDescription[] = [
         title: '输入框默认内容',
         setters: 'StringSetter'
       },
+      {
+        name: 'placeholder',
+        label: 'placeholder',
+        title: '输入框的提示文字',
+        setters: 'StringSetter'
+      },
       {
         name: 'bordered',
         label: 'bordered',
@@ -181,6 +200,18 @@ const components: MaterialDescription[] = [
         title: '搜索 loading',
         setters: 'BooleanSetter'
       },
+      {
+        name: 'addonAfter',
+        label: 'addonAfter',
+        title: '带标签的 input，设置后置标签',
+        setters: 'StringSetter' //?? 	string|slot
+      },
+      {
+        name: 'addonBefore',
+        label: 'addonBefore',
+        title: '带标签的 input，设置前置标签',
+        setters: 'StringSetter' //?? 	string|slot
+      },
       {
         name: 'allowClear',
         label: 'allowClear',
@@ -188,11 +219,11 @@ const components: MaterialDescription[] = [
         setters: 'BooleanSetter'
       },
       {
-        name: 'autosize',
-        label: 'autosize',
-        title:
-          '自适应内容高度，可设置为 true | false 或对象：{ minRows: 2, maxRows: 6 }',
-        setters: ['BooleanSetter', 'ObjectSetter'] //?? 	boolean|object
+        name: 'bordered',
+        label: 'bordered',
+        title: '是否有边框',
+        setters: 'BooleanSetter',
+        defaultValue: true
       },
       {
         name: 'defaultValue',
@@ -201,11 +232,35 @@ const components: MaterialDescription[] = [
         setters: 'StringSetter'
       },
       {
-        name: 'bordered',
-        label: 'bordered',
-        title: '是否有边框',
+        name: 'disabled',
+        label: 'disabled',
+        title: '是否禁用状态，默认为 false',
         setters: 'BooleanSetter',
-        defaultValue: true
+        defaultValue: false
+      },
+      {
+        name: 'id',
+        label: 'id',
+        title: '输入框的 id',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'placeholder',
+        label: 'placeholder',
+        title: '输入框的提示文字',
+        setters: 'StringSetter'
+      },
+      {
+        name: 'maxlength',
+        label: 'maxlength',
+        title: '最大长度',
+        setters: 'NumberSetter'
+      },
+      {
+        name: 'prefix',
+        label: 'prefix',
+        title: '带有前缀图标的 input',
+        setters: 'StringSetter' //?? 	string|slot
       },
       {
         name: 'showCount',
@@ -214,14 +269,44 @@ const components: MaterialDescription[] = [
         setters: 'BooleanSetter',
         defaultValue: false
       },
+      {
+        name: 'status',
+        label: 'status',
+        title: '设置校验状态',
+        setters: 'SelectSetter',
+        options: ['error', 'warning']
+      },
+      {
+        name: 'size',
+        label: 'size',
+        title:
+          '控件大小。注：标准表单内的输入框大小限制为 middle。可选 large middle small',
+        setters: 'SelectSetter',
+        options: ['large', 'middle', 'small']
+      },
+      {
+        name: 'suffix',
+        label: 'suffix',
+        title: '带有后缀图标的 input',
+        setters: 'StringSetter' //?? 	string|slot
+      },
+      {
+        name: 'type',
+        label: 'type',
+        title:
+          '声明 input 类型，同原生 input 标签的 type 属性，见：MDN(请直接使用 <a-textarea /> 代替 type="textarea")',
+        setters: 'StringSetter',
+        defaultValue: 'text'
+      },
       {
         name: 'value',
         label: 'value',
         title: '输入框内容',
-        setters: 'StringSetter'
+        setters: 'StringSetter',
+        defaultValue: 'text'
       }
     ],
-    events: ['search', 'update:value'],
+    events: ['change', 'pressEnter', 'search', 'update:value'],
     slots: ['enterButton']
   },
   {
@@ -280,6 +365,12 @@ const components: MaterialDescription[] = [
         setters: 'BooleanSetter',
         defaultValue: false
       },
+      {
+        name: 'placeholder',
+        label: 'placeholder',
+        title: '输入框的提示文字',
+        setters: 'StringSetter'
+      },
       {
         name: 'visibilityToggle',
         label: 'visibilityToggle',
@@ -288,6 +379,7 @@ const components: MaterialDescription[] = [
         defaultValue: true
       }
     ],
+    events: ['update:visible'],
     slots: ['iconRender']
   }
 ];

package/src/antdv/inputNumber.ts

@@ -92,7 +92,7 @@ const components: MaterialDescription[] = [
         label: 'size',
         title: '输入框大小',
         setters: 'SelectSetter',
-        options: ['large', 'middle', 'small']
+        options: ['large', '', 'small']
       },
       {
         name: 'status',
@@ -124,7 +124,14 @@ const components: MaterialDescription[] = [
       }
     ],
     events: ['change', 'pressEnter', 'step', 'update:value'],
-    slots: ['addonAfter', 'addonBefore', 'prefix', 'upIcon', 'downIcon']
+    slots: [
+      'default',
+      'addonAfter',
+      'addonBefore',
+      'prefix',
+      'upIcon',
+      'downIcon'
+    ]
   }
 ];
 export default components;

package/src/antdv/layout.ts

@@ -185,7 +185,7 @@ const components: MaterialDescription[] = [
       }
     ],
     events: ['breakpoint', 'collapse', 'update:collapsed'],
-    slots: ['trigger'],
+    slots: ['default', 'trigger'],
     snippet: {
       children: 'sider',
       props: { style: { ...siderStyle } }

package/src/antdv/list.ts

@@ -101,6 +101,9 @@ const components: MaterialDescription[] = [
       }
     ],
     slots: [
+      {
+        name: 'default'
+      },
       {
         name: 'footer'
       },
@@ -190,7 +193,7 @@ const components: MaterialDescription[] = [
         setters: 'StringSetter'
       }
     ],
-    slots: ['actions', 'extra'],
+    slots: ['default', 'actions', 'extra'],
     snippet: {
       children: [
         {
@@ -243,7 +246,7 @@ const components: MaterialDescription[] = [
         setters: 'StringSetter'
       }
     ],
-    slots: ['avatar', 'description', 'title'],
+    slots: ['default', 'avatar', 'description', 'title'],
     snippet: {
       props: {
         description: