0.0.4 • Published 5 years ago
u-processes
Licence
—
Version
0.0.4
Deps
5
Size
441 kB
Vulns
1
Weekly
0
上手
现在从 npm 安装并引入 u-processes
npm install u-processes -S
修改 src/main.js
import Vue from 'vue';
import UProcesses from 'u-processes'
Vue.use(UProcesses)
表单 u-form (API)
使用表单之前必须引入的组件有
a-form-model , a-form-model-item , a-row , a-row ,
(如果你已经全局引入,请忽略)
属性 |
说明 |
类型 |
默认值 |
|---|---|---|---|
| span | 栅格占位格数,为 0 时相当于 display: none (24 栅格系统) | number | 12 |
| formFormat | 表单格式 详情 | array | [ ] |
| formData | 表单数据对象,用于校验规则等 | object | { } |
| rules | 表单验证规则 | object |
表单格式
属性 |
说明 |
类型 |
默认值 |
|---|---|---|---|
| formItemProps | 传入的对象将会以 { ...formItemProps } 的形式绑定到<a-form-model-item >标签 详情 | object | |
| formFormat | 表单格式 | array | [ ] |
| component | 渲染组件类型 输入框 | string | |
| inputProps | component对应组件的属性,传入的对象将会以 { ...inputProps } 的形式绑定到对应组件 | array | [ ] |
| cancelEdit | 不能编辑 | boolean | false |
formItemProps
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| prop | 表单域 model 字段,在使用 validate、resetFields 方法的情况下,该属性是必填的 | string | ||
| rules | 表单验证规则 | object | array | ||
| autoLink | 是否自动关联表单域,对于大部分情况都可以使用自动关联,如果不满足自动关联的条件,可以手动关联,参见下方注意事项 | boolean | true | |
| colon | 配合 label 属性使用,表示是否显示 label 后面的冒号 | boolean | true | |
| extra | 额外的提示信息,和 help 类似,当需要错误信息和提示文案同时出现时,可以使用这个。 | string|slot | ||
| hasFeedback | 配合 validateStatus 属性使用,展示校验状态图标,建议只配合 Input 组件使用 | boolean | false | |
| help | 提示信息,如不设置,则会根据校验规则自动生成 | string|slot | ||
| htmlFor | 设置子元素 label htmlFor 属性 | string | ||
| label | label 标签的文本 | string|slot | ||
| labelCol | label 标签布局,同 <Col> 组件,设置 span offset 值,如 {span: 3, offset: 12} 或 sm: {span: 3, offset: 12} | object | ||
| labelAlign | 标签文本对齐方式 | 'left' | 'right' | 'right' | |
| required | 是否必填,如不设置,则会根据校验规则自动生成 | boolean | false | |
| validateStatus | 校验状态,如不设置,则会根据校验规则自动生成,可选:'success' 'warning' 'error' 'validating' | string | ||
| wrapperCol | 需要为输入控件设置布局样式时,使用该属性,用法同 labelCol | object |
输入框
使用表单之前必须引入的组件有
a-input
(如果你已经全局引入,请忽略)
树选择
使用表单之前必须引入的组件有
a-tree-select
(如果你已经全局引入,请忽略),你可以在formFormat的对应inputProps中传入a-tree-select的所有props 详情
发布npm 打包命令
npm run lib