@vtj/materials 0.9.6 → 0.9.8

package/dist/deps/element-plus/zh-cn.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.9.1 */
+/*! Element Plus v2.9.2 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vtj/materials",
   "private": false,
-  "version": "0.9.6",
+  "version": "0.9.8",
   "type": "module",
   "devDependencies": {
     "@vueuse/core": "~12.2.0",
@@ -11,11 +11,11 @@
     "vant": "~4.9.10",
     "vue": "~3.5.5",
     "vue-router": "~4.5.0",
-    "@vtj/utils": "~0.9.6",
-    "@vtj/charts": "~0.9.6",
-    "@vtj/cli": "~0.9.4",
-    "@vtj/core": "~0.9.6",
-    "@vtj/ui": "~0.9.6"
+    "@vtj/cli": "~0.9.6",
+    "@vtj/core": "~0.9.8",
+    "@vtj/ui": "~0.9.8",
+    "@vtj/utils": "~0.9.8",
+    "@vtj/charts": "~0.9.8"
   },
   "files": [
     "dist",

package/src/element/anchor.ts

@@ -12,7 +12,7 @@ const Anchor: MaterialDescription = {
       name: 'container',
       label: 'container',
       title: '滚动的容器',
-      setters: 'StringSetter' //??
+      setters: 'StringSetter'
     },
     {
       name: 'offset',
@@ -57,6 +57,12 @@ const Anchor: MaterialDescription = {
       setters: 'SelectSetter',
       options: ['vertical', 'horizontal'],
       defaultValue: 'horizontal'
+    },
+    {
+      name: 'selectScrollTop',
+      title: '滚动时，链接是否选中位于顶部',
+      defaultValue: false,
+      setters: 'BooleanSetter'
     }
   ],
   events: ['change', 'click'],

package/src/element/autodcomplete.ts

@@ -7,31 +7,35 @@ const Autodcomplete: MaterialDescription = {
   doc: 'https://element-plus.org/zh-CN/component/autocomplete.html',
   package: 'element-plus',
   props: [
+    {
+      name: 'modelValue',
+      defaultValue: '',
+      title: '选中项绑定值',
+      setters: 'StringSetter'
+    },
     {
       name: 'placeholder',
+      title: '占位文本',
       defaultValue: '',
-      setters: 'InputSetter'
+      setters: 'StringSetter'
     },
     {
       name: 'clearable',
+      title: '是否可清空',
       defaultValue: false,
       setters: 'BooleanSetter'
     },
     {
       name: 'disabled',
+      title: '自动补全组件是否被禁用',
       defaultValue: false,
       setters: 'BooleanSetter'
     },
     {
       name: 'valueKey',
+      title: '输入建议对象中用于显示的键名',
       defaultValue: 'value',
-      setters: 'InputSetter'
-    },
-    {
-      name: 'modelValue',
-      defaultValue: '',
-      title: '选中项绑定值',
-      setters: 'InputSetter'
+      setters: 'StringSetter'
     },
     {
       name: 'debounce',
@@ -58,54 +62,47 @@ const Autodcomplete: MaterialDescription = {
       name: 'fetchSuggestions',
       defaultValue: '',
       title: '获取输入建议的方法',
-      label: '建议方法',
-      setters: 'FunctionSetter'
-    },
-    {
-      name: 'popperClass',
-      defaultValue: '',
-      title: '下拉列表的类名',
-      setters: 'InputSetter'
+      setters: ['ArraySetter', 'FunctionSetter']
     },
     {
       name: 'triggerOnFocus',
       defaultValue: true,
       title: '是否在输入框focus时显示建议列表',
-      label: 'focus触发',
       setters: 'BooleanSetter'
     },
-    {
-      name: 'name',
-      defaultValue: '',
-      setters: 'InputSetter'
-    },
     {
       name: 'selectWhenUnmatched',
       defaultValue: false,
       title: '在输入没有任何匹配建议的情况下，按下回车是否触发select事件',
-      label: '回车触发',
       setters: 'BooleanSetter'
     },
     {
-      name: 'label',
+      name: 'name',
+      title: '等价于原生 input name 属性',
+      defaultValue: '',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'aria-label',
       defaultValue: '',
-      title: '标签文本',
-      setters: 'InputSetter'
+      title: '原生 aria-label属性',
+      setters: 'StringSetter'
     },
     {
       name: 'hideLoading',
+      title: '是否隐藏远程加载时的加载图标',
       defaultValue: false,
       setters: 'BooleanSetter'
     },
     {
-      name: 'popperAppendToBody',
-      defaultValue: false,
-      title: '是否将下拉列表插入至body元素',
-      label: '下拉列表',
-      setters: 'BooleanSetter'
+      name: 'popperClass',
+      defaultValue: '',
+      title: '下拉列表的类名',
+      setters: 'StringSetter'
     },
     {
       name: 'teleported',
+      title: '是否将下拉列表元素插入 append-to 指向的元素下',
       defaultValue: true,
       setters: 'BooleanSetter'
     },
@@ -113,14 +110,18 @@ const Autodcomplete: MaterialDescription = {
       name: 'highlightFirstItem',
       defaultValue: false,
       title: '是否默认突出显示远程搜索建议中的第一项',
-      label: '高亮第一项',
       setters: 'BooleanSetter'
     },
     {
       name: 'fit-input-width',
       defaultValue: false,
       title: '下拉框是否与输入框同宽',
-      label: '适配宽度',
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'popperAppendToBody',
+      defaultValue: false,
+      title: '是否将下拉列表插入至body元素',
       setters: 'BooleanSetter'
     }
   ],

package/src/element/avatar.ts

@@ -11,7 +11,7 @@ const Avatar: MaterialDescription = {
     {
       name: 'icon',
       defaultValue: '',
-      setters: 'IconSetter' //!
+      setters: 'IconSetter'
     },
     {
       name: 'size',
@@ -48,7 +48,7 @@ const Avatar: MaterialDescription = {
     }
   ],
   events: ['error'],
-  slots: ['default'],
+  slots: ['default', 'icon'],
   snippet: {
     props: {
       src: 'https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png'

package/src/element/badge.ts

@@ -47,9 +47,24 @@ const Badge: MaterialDescription = {
       name: 'color',
       title: '背景色',
       setters: 'ColorSetter'
+    },
+    {
+      name: 'offset',
+      title: 'badge 的偏移量',
+      setters: 'ArraySetter'
+    },
+    {
+      name: 'badgeStyle',
+      title: '自定义 badge 样式',
+      setters: 'ObjectSetter'
+    },
+    {
+      name: 'badgeClass',
+      title: '自定义 badge 类名',
+      setters: 'StringSetter'
     }
   ],
-  slots: ['default'],
+  slots: ['default', 'content'],
   snippet: {
     props: {
       value: 12

package/src/element/breadcrumb.ts

@@ -11,7 +11,7 @@ const Breadcrumb: MaterialDescription[] = [
     props: [
       {
         name: 'separator',
-        defaultValue: '',
+        defaultValue: '/',
         setters: 'InputSetter'
       },
       {
@@ -20,7 +20,7 @@ const Breadcrumb: MaterialDescription[] = [
         setters: ['InputSetter']
       }
     ],
-    slots: ['default'],
+    slots: ['default', 'separatorIcon'],
     snippet: {
       children: [
         {

package/src/element/calendar.ts

@@ -10,12 +10,12 @@ const Calendar: MaterialDescription = {
     {
       name: 'modelValue',
       defaultValue: '',
-      setters: 'ExpressionSetter'
+      setters: ['StringSetter', 'ExpressionSetter']
     },
     {
       name: 'range',
       defaultValue: '',
-      setters: 'JSONSetter'
+      setters: ['ArraySetter', 'JSONSetter']
     }
   ],
   events: ['update:modelValue'],

package/src/element/carousel.ts

@@ -38,7 +38,7 @@ const Carousel: MaterialDescription[] = [
       {
         name: 'indicatorPosition',
         defaultValue: '',
-        options: ['outside', 'none'],
+        options: ['', 'outside', 'none'],
         label: '指示器',
         setters: 'InputSetter'
       },
@@ -54,6 +54,11 @@ const Carousel: MaterialDescription[] = [
         options: ['', 'card'],
         setters: 'SelectSetter'
       },
+      {
+        name: 'cardScale',
+        defaultValue: 0.83,
+        setters: 'NumberSetter'
+      },
       {
         name: 'loop',
         defaultValue: true,
@@ -77,6 +82,7 @@ const Carousel: MaterialDescription[] = [
       }
     ],
     events: ['change'],
+    slots: ['default'],
     snippet: {
       props: {
         height: '300px',
@@ -136,6 +142,7 @@ const Carousel: MaterialDescription[] = [
         setters: 'InputSetter'
       }
     ],
+    slots: ['default'],
     snippet: {
       props: {
         style: {

package/src/element/cascader.ts

@@ -11,17 +11,19 @@ const Cascader: MaterialDescription[] = [
     props: [
       {
         name: 'modelValue',
-        setters: 'JSONSetter'
+        title: '选中项绑定值',
+        setters: ['StringSetter', 'NumberSetter', 'ObjectSetter']
       },
       {
         name: 'options',
+        title: '选项的数据源， value 和 label 可以通过 CascaderProps 自定义',
         defaultValue: [],
-        setters: 'JSONSetter'
+        setters: ['ArraySetter', 'JSONSetter']
       },
       {
         name: 'props',
-        defaultValue: '',
-        setters: 'JSONSetter'
+        title: '配置选项',
+        setters: ['ObjectSetter', 'JSONSetter']
       },
       {
         name: 'size',
@@ -32,16 +34,18 @@ const Cascader: MaterialDescription[] = [
       },
       {
         name: 'placeholder',
-        defaultValue: 'Select',
-        setters: 'InputSetter'
+        title: '输入框占位文本',
+        setters: 'StringSetter'
       },
       {
         name: 'disabled',
+        title: '是否禁用',
         defaultValue: false,
         setters: 'BooleanSetter'
       },
       {
         name: 'clearable',
+        title: '是否支持清空选项',
         defaultValue: false,
         setters: 'BooleanSetter'
       },
@@ -49,11 +53,11 @@ const Cascader: MaterialDescription[] = [
         name: 'showAllLevels',
         defaultValue: true,
         title: '输入框中是否显示选中值的完整路径',
-        label: '完整路径',
         setters: 'BooleanSetter'
       },
       {
         name: 'collapseTags',
+        title: '多选模式下是否折叠Tag',
         defaultValue: false,
         setters: 'BooleanSetter'
       },
@@ -62,64 +66,133 @@ const Cascader: MaterialDescription[] = [
         defaultValue: false,
         title:
           '当鼠标悬停于折叠标签的文本时，是否显示所有选中的标签。 要使用此属性，collapseTags属性必须设定为 true',
-        label: '显示所有',
         setters: 'BooleanSetter'
       },
       {
         name: 'separator',
+        title: '用于分隔选项的字符',
         defaultValue: '/',
-        setters: 'InputSetter'
+        setters: 'StringSetter'
       },
       {
         name: 'filterable',
+        title: '该选项是否可以被搜索',
         defaultValue: false,
         setters: 'BooleanSetter'
       },
       {
         name: 'filterMethod',
+        title:
+          '自定义搜索逻辑，第一个参数是node，第二个参数是keyword，返回的布尔值表示是否保留该选项',
         defaultValue: '',
-        setters: 'ExpressionSetter'
+        setters: ['FunctionSetter', 'ExpressionSetter']
       },
       {
         name: 'debounce',
+        title: '搜索关键词正在输入时的去抖延迟，单位为毫秒',
         defaultValue: 300,
         setters: 'NumberSetter'
       },
       {
         name: 'beforeFilter',
+        title:
+          '过滤函数调用前，所要调用的钩子函数，该函数接收要过滤的值作为参数。 如果该函数的返回值是 false 或者是一个被拒绝的 Promise，那么接下来的过滤逻辑便不会执行',
         defaultValue: '',
-        setters: 'ExpressionSetter'
+        setters: ['FunctionSetter', 'ExpressionSetter']
       },
       {
         name: 'popperClass',
+        title: '弹出内容的自定义类名',
         defaultValue: '',
-        setters: 'InputSetter'
+        setters: 'StringSetter'
       },
       {
         name: 'teleported',
+        title: '弹层是否使用 teleport',
         defaultValue: true,
         setters: 'BooleanSetter'
       },
-      {
-        name: 'popperAppendToBody',
-        defaultValue: true,
-        title:
-          '是否将弹出的内容直接插入到 body 元素。 在弹出内容的边框定位出现问题时，可将该属性设置为 false',
-        label: 'popperAppend',
-        setters: 'BooleanSetter'
-      },
       {
         name: 'tagType',
+        title: '标签类型',
         defaultValue: 'info',
         options: ['success', 'info', 'warning', 'danger'],
         setters: 'SelectSetter'
       },
+      {
+        name: 'tag-effect',
+        title: 'tag effect',
+        defaultValue: 'light',
+        options: ['light', 'dark', 'plain'],
+        setters: 'SelectSetter'
+      },
       {
         name: 'validateEvent',
+        title: '输入时是否触发表单的校验',
+        defaultValue: true,
+        setters: 'BooleanSetter'
+      },
+      {
+        name: 'maxCollapseTags',
+        title:
+          '需要显示的 Tag 的最大数量 只有当 collapse-tags 设置为 true 时才会生效。',
+        setters: 'NumberSetter',
+        defaultValue: 1
+      },
+      {
+        name: 'empty-values',
+        title: '组件的空值配置',
+        setters: 'ArraySetter'
+      },
+      {
+        name: 'value-on-clear',
+        title: '清空选项的值',
+        setters: [
+          'StringSetter',
+          'NumberSetter',
+          'BooleanSetter',
+          'ArraySetter'
+        ]
+      },
+      {
+        name: 'persistent',
+        title:
+          '当下拉框未被激活并且persistent设置为false，下拉框容器会被删除。',
         defaultValue: true,
         setters: 'BooleanSetter'
       },
-      { name: 'maxCollapseTags', setters: 'NumberSetter', defaultValue: 1 }
+      {
+        name: 'fallback-placements',
+        title: 'Tooltip 可用的 positions',
+        setters: 'ArraySetter'
+      },
+      {
+        name: 'placement',
+        title: '下拉框出现的位置',
+        defaultValue: 'bottom-start',
+        options: [
+          'top',
+          'top-start',
+          'top-end',
+          'bottom',
+          'bottom-start',
+          'bottom-end',
+          'left',
+          'left-start',
+          'left-end',
+          'right',
+          'right-start',
+          'right-end'
+        ],
+        setters: 'SelectSetter'
+      },
+      {
+        name: 'popperAppendToBody',
+        defaultValue: true,
+        title:
+          '是否将弹出的内容直接插入到 body 元素。 在弹出内容的边框定位出现问题时，可将该属性设置为 false',
+        setters: 'BooleanSetter'
+      }
     ],
     events: [
       {
@@ -134,6 +207,9 @@ const Cascader: MaterialDescription[] = [
       {
         name: 'focus'
       },
+      {
+        name: 'clear'
+      },
       {
         name: 'visible-change'
       },
@@ -144,14 +220,7 @@ const Cascader: MaterialDescription[] = [
         name: 'update:modelValue'
       }
     ],
-    slots: [
-      {
-        name: 'default'
-      },
-      {
-        name: 'empty'
-      }
-    ],
+    slots: [{ name: 'default', params: ['node', 'data'] }, { name: 'empty' }],
     snippet: {
       props: {
         options: mockTreeData(),
@@ -169,16 +238,19 @@ const Cascader: MaterialDescription[] = [
     props: [
       {
         name: 'modelValue',
+        title: '选中项绑定值',
         defaultValue: '',
-        setters: 'JSONSetter'
+        setters: ['StringSetter', 'NumberSetter', 'JSONSetter']
       },
       {
         name: 'options',
+        title: '选项的数据源',
         defaultValue: '',
         setters: 'JSONSetter'
       },
       {
         name: 'props',
+        title: '配置选项',
         defaultValue: '',
         setters: 'JSONSetter'
       }
@@ -194,7 +266,7 @@ const Cascader: MaterialDescription[] = [
         name: 'close'
       }
     ],
-    slots: ['default'],
+    slots: [{ name: 'default', params: ['node', 'data'] }, { name: 'empty' }],
     snippet: {
       props: {
         options: mockTreeData(),