更新记录
1.0.2(2024-06-03) 下载此版本
更新依赖
1.0.1(2024-06-03) 下载此版本
更新readme.md
1.0.0(2024-06-03) 下载此版本
首次上传插件
查看更多平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | - | - | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | - | √ | √ | √ | √ |
其他
多语言 | 暗黑模式 | 宽屏模式 |
---|---|---|
× | × | √ |
ws-from 表单组件 先导入示例项目 看看是否满足需求,然后再下载插件,有问题可以加微a1021762451
组件名:ws-from 代码块:
ws-from
本插件基于官方插件 uni-form 和其他uni插件进行二次开发拓展功能,支持uni-form本身功能不变(表单验证等)
拓展功能
- 配置化开发
- 根据配置自动生成表单校验
- 表单数据.sync双向绑定
- 表单数据根据配置自动初始化
- 可以配置单位
- 有默认确认取消搜索重置按钮,也可以自定义按钮
- 可自由增加组件
- 通用事件支持
API
ws-from Props
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
isSearchForm | Boolean | false | 是否是搜索表单(对应样式+搜索重置按钮) |
useDefaultButtons | Boolean | false | 是否使用默认按钮 |
buttonSize | String | "mini" | 按钮组尺寸 |
buttonConfigList | Array | - | 自定义按钮组 |
formConfigList | Array | - | 表单配置(FormItem) |
formData | Object | {} | 表单数据(支持.sync修饰符) |
unitData | Number | 1 | 多选时选中值按文字的形式展示的数量 |
isDetail | Boolean | false | 是否详情模式(表单全部禁用) |
labelWidth | String | "75px" | 对应uni-form,标签宽度 |
labelAlign | String | "left | 对应uni-form,标签对齐方式 |
border | Boolean | true | 对应uni-form,表单是否有边框 |
@happenEvent | event | event(Object) | 所有事件统一出口,回调参数为事件信息 |
FormItem 选项
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
component | String | - | 组件名称(如uni-easyinput) |
prop | String | - | 表单向对应字段 |
placeholder | String | - | 占位符 |
required | Boolean | - | 是否必填 |
clear | Boolean | - | 是否允许清空 |
class | String | - | 表单项自定义类名 |
unit | String | - | 单位 |
unitData | Object | - | 单位数据,格式同 formData,优先级比unit高 |