EDaily-組件【基於[email protected]】-20190928

一、FormSimple

import FormSimple from 'edframe/components/form-simple';

formConfig:[
	{name:"用戶名",key:"username",type:"input",inputType:"",prefixIconType:"user"},
    {name:"郵箱",key:"email",type:"input",inputType:"email",prefixIconType:"mail"},
	{name:"密碼",key:"password",type:"input",inputType:"password",prefixIconType:"lock"},
	{name:"重複密碼",key:"repassword",type:"input",inputType:"password",prefixIconType:"lock"},
	{name:"註冊",key:"register",type:"button",btnType:""}
]
     
onEventHandler(e){
    // 表單事件
    switch(e.key){
      case 'login':
        console.log('登錄',e)
        break;
      case 'register':
        console.log('註冊',e)
        break;
    }
}

<FormSimple 
	formConfig={this.state.formConfig} 
	eventHandler={(e)=>this.onEventHandler(e)} 
/>

字段	說明
name	表單項名稱
key	表單項唯一標識，onEventHandler捕捉事件使用
type	控件類型
inputType	原生input的type屬性
prefixIconType	input控件前面的圖標，antd的屬性
btnType	antd按鈕的type屬性，控制樣式

控件類型（type）	說明
input	html的input
button	按鈕