@eosine/form

0.1.36 • Public • Published

@eosine/form

安装

npm install @eosine/form --save

使用

  • 全局引入
import EosForm from "@eosine/form";

Vue.use(EosForm, {
  getData: "<Function>",
  getConfig: "<Function>",
  getDict: "<Function>",
  uploadUrl: "<String>",
  uploadHeaders: "<Object>",
});
  • 按需引入
import { EosForm, SetGlobalConfig } from "@eosine/form";
// 设置全局配置
SetGlobalConfig({
  getData: "<Function>",
  getConfig: "<Function>",
  getDict: "<Function>",
  uploadUrl: "<String>",
  uploadUrlPrefix: "<String>",
  uploadHeaders: "<Object>",
  uploadData: "<Object>",
  Plugin:{
    Amap:"{Type:"",Key:"",Code:""}",
  }
});

Form GlobalConfig 全局配置

属性名 说明 类型 默认值
getData 统一数据请求 Function -
getConfig 统一配置请求 Function -
getDict 统一字典请求 Function -
uploadUrl 统一上传地址 String -
uploadUrlPrefix 统一上传地址前缀 String /eos-api
uploadHeaders 统一上传请求头 Object -
uploadData 统一上传附加参数 Object -
Plugin 插件 Object -
Plugin.Amap 高德地图 Object -

Form Attributes 组件属性

属性名 说明 类型 默认值
v-model 绑定值 Object -
config 配置 Array -
detail 详情模式 Boolean false
labelWidth 标签宽度 Number, String 100px
ctrlWidth 组件宽度 Number, String -
labelPosition 标签位置 String right
size 尺寸 String default
inline 是否行内表单 Boolean false

Form Events 组件事件

事件名 说明 回调参数
select 选择器时触发 Object
enter 回车键时触发 Function
labelClick 标签点击时触发 Object
desEyeClick 获取脱敏信息触发 Object

Form Ref Exposes 组件 Ref 暴露的方法

方法名 说明 类型
rules 验证规则 Object
validate 校验表单 返回 Promise Function
resetFields 重置表单 -
update 更新表单 Function
group 分组对象 Object
group.data 分组数据 Array
group.targetShow 分组显示状态切换 Function

Form Slots 组件插槽

组件名 插槽名 说明
slot <字段名> ! 本地配置独享
subTable SubTable 子表插槽
TransferTree TransferTree 穿梭树插槽
ExSteps ExSteps 运输规则节点
ExWarning ExWarning 预警标题

Readme

Keywords

Package Sidebar

Install

npm i @eosine/form

Weekly Downloads

8

Version

0.1.36

License

none

Unpacked Size

4.19 MB

Total Files

8

Last publish

Collaborators

  • piplns