npm.io
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