Vant-hj-vue3 NPM

vant-v-vue3

基于 vant-cli 的 Vue3 组件库

重点

ts打包完以后，如果项目没法使用，把每个组件的声明删一下。后续流程完善后，添加脚本一起删除

## 项目测试方法

项目模板： https://gitlab.asoco.com.cn/app/open-platform/hj-vue3-h5-template

导入build后的es目录下的文件到vue3项目的src下。

ssss

import { DemoButton } from '@/es/index'

## 说明

src下导入了vant的两个工具类文件夹，按理提供组件工具库后，有赞应该提供相应的脚步文件，暂未找到脚本文件，已提issues，后续跟进。

## 流程

1.拷贝demo-button文件 2.修改index.vue代码 3.修改vant.config.mjs引入 4.index.vue引入vant三个组件，解决静态和动态官方picker写法不一致的问题，支持纯数组或ref方法。demo模拟了数组数据源变化。使用表单的value字段，如果key和value相同，需要自己先处理一遍再传入，后续可以考虑v-vue3项目提供通用方法，组件内不去兼容！ 5.尽可能的兼容，支持属性和插槽，使用attrs和slot，其中slot子组件暴露写法只支持ts写法，js写法未知。v-on="$listeners"在vue3已经移除，默认是attrs的方法，所以demo内有方法，但是调用顺序是外部优先了(暂无解决方案？) 6.ts导致打包异常，排查修改tsconfig.json配置，支持ts写法。 7.打包v-vue3项目内进行测试

##

## todo
- [x] v-signature
- [x] v-tag-select
- [] titleValue和fieldValue只保留一个
- [] v-password-input 确认是否是官方bug，length长度约束无效？只是输入框，输完还能输入？？
- [] v-picker-columns 滚动修改了v-model
- [] v-image-uploader
- [] 如何设计一个更加易用性的picker，添加key，根据key可以从后端取字典解析拼装？hook？

vue3的v-model是破坏性的， modelValue for prop "modelValue". Expected Date | Array, got Str