@vtj/materials 0.9.6 → 0.9.7

package/src/element/inputTag.ts

@@ -0,0 +1,135 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const InputTag: MaterialDescription = {
+  name: 'ElInputTag',
+  label: '标签输入框',
+  categoryId: 'form',
+  doc: 'https://element-plus.org/zh-CN/component/input-tag.html',
+  props: [
+    {
+      name: 'modelValue',
+      setters: 'ArraySetter'
+    },
+    {
+      name: 'max',
+      title: '可添加标签的最大数量',
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'tagType',
+      title: '标签类型',
+      defaultValue: 'info',
+      setters: 'SelectSetter',
+      options: ['', 'success', 'info', 'warning', 'danger']
+    },
+    {
+      name: 'tagEffect',
+      title: '标签效果',
+      defaultValue: 'light',
+      setters: 'SelectSetter',
+      options: ['', 'light', 'dark', 'plain']
+    },
+    {
+      name: 'draggable',
+      title: '是否可以拖动标签',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'size',
+      setters: 'SelectSetter',
+      options: ['large', 'default', 'small']
+    },
+    {
+      name: 'clearable',
+      title: '是否显示清除按钮',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'disabled',
+      title: '是否禁用',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'validateEvent',
+      title: '是否触发表单验证',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'readonly',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'autofocus',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'id',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'tabindex',
+      setters: ['StringSetter', 'NumberSetter']
+    },
+    {
+      name: 'maxlength',
+      setters: ['StringSetter', 'NumberSetter']
+    },
+    {
+      name: 'minlength',
+      setters: ['StringSetter', 'NumberSetter']
+    },
+    {
+      name: 'placeholder',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'autocomplete',
+      defaultValue: 'off',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'ariaLabel',
+      setters: 'StringSetter'
+    }
+  ],
+  events: [
+    {
+      name: 'change'
+    },
+    {
+      name: 'input'
+    },
+    {
+      name: 'add-tag'
+    },
+    {
+      name: 'remove-tag'
+    },
+    {
+      name: 'focus'
+    },
+    {
+      name: 'blur'
+    },
+    {
+      name: 'clear'
+    },
+    {
+      name: 'update:modelValue'
+    }
+  ],
+  slots: ['tag', 'prefix', 'suffix'],
+  snippet: {
+    props: {
+      modelValue: ['1', '2']
+    }
+  }
+};
+
+export default InputTag;

package/src/element/mention.ts

@@ -0,0 +1,137 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const Mention: MaterialDescription = {
+  name: 'ElMention',
+  label: '提及',
+  categoryId: 'form',
+  doc: 'https://element-plus.org/zh-CN/component/mention.html#api',
+  props: [
+    {
+      name: 'options',
+      title: '提及选项列表',
+      defaultValue: [],
+      setters: 'ArraySetter'
+    },
+    {
+      name: 'prefix',
+      title: '触发字段的前缀。 字符串长度必须且只能为 1',
+      defaultValue: '@',
+      setters: ['StringSetter', 'ArraySetter']
+    },
+    {
+      name: 'split',
+      title: '用于拆分提及的字符。 字符串长度必须且只能为 1	',
+      defaultValue: ' ',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'filterOption',
+      title: '定制筛选器选项逻辑',
+      setters: ['BooleanSetter', 'FunctionSetter']
+    },
+    {
+      name: 'placement',
+      title: '设置弹出位置',
+      defaultValue: 'bottom',
+      options: ['top', 'bottom'],
+      setters: 'SelectSetter'
+    },
+    {
+      name: 'showArrow',
+      title: '下拉菜单的内容是否有箭头',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'offset',
+      title: '下拉面板偏移量',
+      defaultValue: 0,
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'whole',
+      title: '当退格键被按下做删除操作时，是否将提及部分作为整体删除',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'checkIsWhole',
+      title: '当退格键被按下做删除操作时，检查是否将提及部分作为整体删除',
+      setters: 'FunctionSetter'
+    },
+    {
+      name: 'loading',
+      title: '提及的下拉面板是否处于加载状态',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'modelValue',
+      title: '输入值',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'popperClass',
+      title: '自定义浮层类名',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'popperOptions',
+      title: '参数',
+      setters: ['ObjectSetter', 'JSONSetter']
+    },
+    {
+      name: 'inputProps',
+      setters: ['JSONSetter', 'ExpressionSetter']
+    }
+  ],
+  events: [
+    {
+      name: 'update:modelValue'
+    },
+    {
+      name: 'search'
+    },
+    {
+      name: 'select'
+    },
+    {
+      name: 'input'
+    }
+  ],
+  slots: [
+    'label',
+    'loading',
+    'header',
+    'footer',
+    'prefix',
+    'suffix',
+    'prepend',
+    'append'
+  ],
+  snippet: {
+    props: {
+      options: [
+        {
+          label: 'Fuphoenixes',
+          value: 'Fuphoenixes'
+        },
+        {
+          label: 'kooriookami',
+          value: 'kooriookami'
+        },
+        {
+          label: 'Jeremy',
+          value: 'Jeremy'
+        },
+        {
+          label: 'btea',
+          value: 'btea'
+        }
+      ],
+      modelValue: '@'
+    }
+  }
+};
+
+export default Mention;

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.7
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-export const version = '0.9.6';
+export const version = '0.9.7';