@vtj/materials 0.8.94 → 0.8.96

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vtj/materials",
   "private": false,
-  "version": "0.8.94",
+  "version": "0.8.96",
   "type": "module",
   "devDependencies": {
     "@vueuse/core": "~10.11.0",
@@ -11,11 +11,11 @@
     "vant": "~4.9.0",
     "vue": "~3.4.15",
     "vue-router": "~4.4.0",
-    "@vtj/charts": "~0.8.94",
-    "@vtj/cli": "~0.8.22",
-    "@vtj/core": "~0.8.94",
-    "@vtj/ui": "~0.8.94",
-    "@vtj/utils": "~0.8.94"
+    "@vtj/charts": "~0.8.96",
+    "@vtj/cli": "~0.8.24",
+    "@vtj/ui": "~0.8.96",
+    "@vtj/core": "~0.8.96",
+    "@vtj/utils": "~0.8.96"
   },
   "files": [
     "dist",

package/src/ui/attachment.ts

@@ -104,6 +104,37 @@ const desc: MaterialDescription = {
       setters: 'SelectSetter',
       options: ['card', 'list'],
       defaultValue: 'card'
+    },
+    {
+      name: 'beforeUpload',
+      title: '上传前守卫',
+      setters: 'FunctionSetter'
+    },
+    {
+      name: 'limitSize',
+      title: '允许上传的文件大写最大值， 支持 K / M',
+      setters: 'StringSetter',
+      defaultValue: '10M'
+    },
+    {
+      name: 'formatter',
+      setters: 'FunctionSetter'
+    },
+    {
+      name: 'valueFormatter',
+      setters: 'FunctionSetter'
+    },
+    {
+      name: 'previewer',
+      setters: 'FunctionSetter'
+    },
+    {
+      name: 'downloader',
+      setters: 'FunctionSetter'
+    },
+    {
+      name: 'autoUpload',
+      setters: 'BooleanSetter'
     }
   ],
   events: [

package/src/ui/captcha.ts

@@ -0,0 +1,44 @@
+import type { MaterialDescription } from '@vtj/core';
+import elInput from '../element/input';
+import { omitPropItem } from '../shared';
+
+const desc: MaterialDescription = {
+  name: 'XCaptcha',
+  label: '图形验证码',
+  categoryId: 'form',
+  props: [
+    {
+      name: 'src',
+      setters: 'FunctionSetter',
+      title: '() => MaybePromise<string>'
+    },
+    {
+      name: 'maxlength',
+      title: '验证码长度',
+      setters: 'NumberSetter',
+      defaultValue: 4
+    },
+    {
+      name: 'placeholder',
+      setters: 'StringSetter',
+      defaultValue: '请输入图形验证码'
+    },
+    {
+      name: 'validate',
+      setters: 'FunctionSetter',
+      title: '校验函数：(value: string) => MaybePromise<boolean>'
+    },
+    ...omitPropItem(elInput.props, ['maxlength', 'placeholder'])
+  ],
+  events: [...(elInput.events || [])],
+  snippet: {
+    props: {
+      src: {
+        type: 'JSFunction',
+        value: "() => 'https://dummyimage.com/300x120'"
+      }
+    }
+  }
+};
+
+export default desc;

package/src/ui/index.ts

@@ -26,6 +26,8 @@ import tabs from './tabs';
 import picker from './picker';
 import importButton from './import-button';
 import dialogGrid from './dialog-grid';
+import captcha from './captcha';
+import verify from './verify';
 
 const name = '@vtj/ui';
 const components: MaterialDescription[] = [
@@ -49,7 +51,9 @@ const components: MaterialDescription[] = [
   tabs,
   picker,
   importButton,
-  dialogGrid
+  dialogGrid,
+  captcha,
+  verify
 ].flat();
 
 const categories: MaterialCategory[] = [

package/src/ui/qr-code.ts

@@ -40,7 +40,9 @@ const qrcode: MaterialDescription = {
   ],
   slots: ['tip'],
   snippet: {
-    props: {}
+    props: {
+      content: '二维码内容'
+    }
   }
 };
 

package/src/ui/verify.ts

@@ -0,0 +1,45 @@
+import type { MaterialDescription } from '@vtj/core';
+import elInput from '../element/input';
+import { omitPropItem } from '../shared';
+
+const desc: MaterialDescription = {
+  name: 'XVerify',
+  label: '短信验证码',
+  categoryId: 'form',
+  props: [
+    {
+      name: 'api',
+      setters: 'FunctionSetter',
+      title: '() => Promise<boolean>'
+    },
+    {
+      name: 'maxlength',
+      title: '验证码长度',
+      setters: 'NumberSetter',
+      defaultValue: 6
+    },
+    {
+      name: 'placeholder',
+      setters: 'StringSetter',
+      defaultValue: '请输入图形验证码'
+    },
+    {
+      name: 'seconds',
+      setters: 'NumberSetter',
+      title: '可重发秒数',
+      defaultValue: 60
+    },
+    ...omitPropItem(elInput.props, ['maxlength', 'placeholder'])
+  ],
+  events: [...(elInput.events || [])],
+  snippet: {
+    props: {
+      src: {
+        type: 'JSFunction',
+        value: 'async () => true'
+      }
+    }
+  }
+};
+
+export default desc;

package/src/version.ts

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