vant-hj-vue3
v1.0.16
Published
基于vant-cli搭建组件库,包含基于vant4二次封装和其他风格统一的封装组件
Downloads
6
Readme
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
- [x] v-date-picker modelValue已经定义了,且date-picker也有自己的v-model,为啥滚动的时候,还会绑定到date-picker。输出框警告
- [x] v-calendar 同理
- [x] v-date-time-picker-group 同理
- [x] v-time-picker 同理
全部修改成兼容模式,modelValue使用vant的,添加额外的titleValue和value