| | |
| | | import './index.scss' |
| | | |
| | | const LoginForm = asyncComponent(() => import('./loginform')) |
| | | const SignForm = asyncComponent(() => import('./signform')) |
| | | const NormalForm = asyncIconComponent(() => import('@/components/normalform')) |
| | | |
| | | class PropCardEditComponent extends Component { |
| | | class LoginComponent extends Component { |
| | | static propTpyes = { |
| | | card: PropTypes.object, |
| | | deletecomponent: PropTypes.func, |
| | |
| | | width: card.width || 24, |
| | | name: card.name, |
| | | subtype: card.subtype, |
| | | wrap: { name: card.name, width: card.width || 24, loginWays: ['uname_pwd'], shortcut: 'remember' }, |
| | | style: { background: '#ffffff', width: '330px', borderRadius: '4px', marginLeft: '55vw'}, |
| | | loginWays: [ |
| | | {type: 'uname_pwd', label: '账号登录', shortcut: 'remember'}, |
| | | {type: 'sms_vcode', label: '短信登录'}, |
| | | {type: 'app_scan', label: '扫码登录'}, |
| | | ] |
| | | wrap: { name: card.name, width: card.width || 24, classify: 'login', loginWays: ['uname_pwd'], shortcut: 'remember' }, |
| | | style: { background: '#ffffff', width: '330px', borderRadius: '4px', marginLeft: '55vw'} |
| | | } |
| | | |
| | | if (ismob) { |
| | |
| | | this.updateComponent(_card) |
| | | } else { |
| | | let _card = fromJS(card).toJS() |
| | | if (_card.loginWays.length === 2) { |
| | | _card.loginWays.push({type: 'app_scan', label: '扫码登录'}) |
| | | } |
| | | if (_card.wrap.link && _card.wrap.link === 'menu') { |
| | | _card.wrap.linkmenu = _card.uuid |
| | | } |
| | |
| | | |
| | | card.wrap = res |
| | | |
| | | if (res.shortcut) { |
| | | card.loginWays[0].shortcut = res.shortcut |
| | | } |
| | | |
| | | this.updateComponent(card) |
| | | } |
| | | |
| | |
| | | <div className="login-edit-box" style={style} onClick={this.clickComponent} id={card.uuid}> |
| | | <Popover overlayClassName="mk-popover-control-wrap" mouseLeaveDelay={0.2} mouseEnterDelay={0.2} content={ |
| | | <div className="mk-popover-control"> |
| | | <NormalForm title="登录设置" width={800} update={this.updateWrap} getForms={this.getWrapForms}> |
| | | <NormalForm title="注册/登录设置" width={800} update={this.updateWrap} getForms={this.getWrapForms}> |
| | | <EditOutlined style={{color: '#1890ff'}} title="编辑"/> |
| | | </NormalForm> |
| | | <FontColorsOutlined className="style" title="调整样式" onClick={this.changeStyle}/> |
| | |
| | | } trigger="hover"> |
| | | <ToolOutlined /> |
| | | </Popover> |
| | | <LoginForm loginWays={card.loginWays} wrap={card.wrap} /> |
| | | {card.wrap.loginWays ? <LoginForm wrap={card.wrap} /> : null} |
| | | {card.wrap.signWays ? <SignForm wrap={card.wrap} /> : null} |
| | | <div className="component-name"> |
| | | <div className="center"> |
| | | <div className="title">{card.name}</div> |
| | |
| | | } |
| | | } |
| | | |
| | | export default PropCardEditComponent |
| | | export default LoginComponent |