alignItems: "center", }, }); /** * Organize groups of IconButtons on list cards or in app bars. */ const ActionGroup = ({ classes, className, children, ...rest }) => { const wrapperClasses = classnames( { [className]: className }, "CY-ActionGroup", classes.wrapper ); return ( <Element {...rest} className={wrapperClasses}> {children} </Element> ); }; ActionGroup.displayName = "ActionGroup"; ActionGroup.propTypes = { /** * Although one can pass any component or elements to be rendered as children, ActionGroup was designed for IconButtons or components like `VerticalMenu` that are made with IconButton. */ children: PropTypes.node, }; export default withTheme()(withStyles(styles)(ActionGroup));
} </Select> </FormControl> } <div className={classes.buttonsWrap}> {tooltips.map((val, index) => <TooltipWithButtonWithIcon key={index} title={val.title} titlePlace={'top'} btnTag={'button'} btnType={val.btnType} btnColor={val.btnColor} btnClick={val.btnClick} icon={val.icon} /> )} </div> <DialogWithBasicActions open={this.state.openDeleteDialog} title={'请确认'} content={'确定要删除这个项目吗?'} cancelAction={() => this.setState({openDeleteDialog: false})} cancelText={'返回'} ensureAction={() => this.handleDelete()} ensureText={'删除'} /> </form>; } } const mapStateToProps = ({companyList}) => ({companyList}); let EditContentRectangleComp = connect(mapStateToProps)(EditContentRectangle); export default withStyles(styles)(EditContentRectangleComp);
label="Pass-through SOAP API" className={classes.radioGroup}/> <FormControlLabel disabled={!wsdlBean.info.bindingInfo.hasHttpBinding} value="httpBinding" control={<Radio />} label="With HTTP binding operations" className={classes.radioGroup}/> </RadioGroup> </FormControl>) } </Grid> <div className={classes.optionAction}> <Button color="primary" onClick={this.stepBack}> Back </Button> <Button raised color="primary" onClick={this.createWSDLAPI}> Create </Button> </div> </StepContent> </Step> </Stepper> </CardContent> </Card> </Grid> </Grid>) } } export default withStyles(styles)(ApiCreateWSDL)
<FormHelperText id="url-text">The WSDL will be validated upon submission</FormHelperText> </FormControl> </form> )} </Grid> <Grid item xs={4}> <Grid container> <Grid item xs={12}> <Tooltip title={"Validates WSDL " + uploadMethod} placement="bottom"> <Button color={error ? "accent" : "primary"} onClick={this.validateWSDL}> Validate {isValid && <Done/>} </Button> </Tooltip> </Grid> <Grid item xs={12}> {error && (<span style={{color: 'red'}}><ErrorOutline/> {errorMessage}</span>)} </Grid> </Grid> </Grid> </Grid> </Grid> </div> ); } } ProvideWSDL.defaultProps = { uploadMethod: 'file' } export default withStyles(styles)(ProvideWSDL)
); }; Checkable.displayName = "Checkable"; Checkable.defaultProps = { size: 40, isCheckable: false, }; Checkable.propTypes = { /** * Works best with Avatar but can be passed any component or element. For example: an image tag, icon, or third party avatar. */ children: PropTypes.node, /** * The size is a number representing pixles and needs to be set to the size of your child to keep the checkbox centered. */ size: PropTypes.number, /** * The props to control "Checkbox" see MUI's checkbox for information on how to use. It is assumed that the child has the same height and width. */ checkboxProps: PropTypes.object, /** * If true the Checkbox will show. */ isCheckable: PropTypes.bool, }; export default withStyles(styles)(Checkable);
<IconButton color="inherit" aria-label="Menu" onClick={() => logout()}> <ArrowForward/> </IconButton> </Fragment> } </Toolbar> </AppBar>); const mapStateToProps = state => { return {userAuth: state.userAuth} }; const mapDispatchToProps = dispatch => { return { logout: () => dispatch(logout()), } }; TopBar.propTypes = { classes: PropTypes.object.isRequired, }; export default compose( withStyles(styles), withRouter, connect(mapStateToProps, mapDispatchToProps) )(TopBar);
btnClick={val.btnClick} icon={val.icon} /> )} </div> <DialogWithBasicActions open={openDeleteSlideDialog} title={'请确认'} content={'确定要删除这张图片吗?'} cancelAction={() => this.setState({ openDeleteSlideDialog: false, needDeleteItemIndex: NaN })} cancelText={'返回'} ensureAction={() => this.handleDeleteSlide()} ensureText={'删除'} /> <DialogWithBasicActions open={openDeleteDialog} title={'请确认'} content={'确定要删除本项目吗?'} cancelAction={() => this.setState({openDeleteDialog: false})} cancelText={'返回'} ensureAction={() => this.handleDelete()} ensureText={'删除'} /> </form>; } } const mapStateToProps = ({companyList}) => ({companyList}); let EditContentSliderComp = connect(mapStateToProps)(EditContentSlider); export default withStyles(styles)(EditContentSliderComp);
} )} { this.state.isRichTextPage && <FormControl className={classes.switch}> <InputLabel htmlFor="age-simple">企业ID</InputLabel> <Select value={this.state.richPageId} onChange={(event) => this.handleRichPageIdSelectChange(event)} input={<Input name="richPageId" id="age-simple" />}> { companyList.map((val, index) => <MenuItem value={val.id} key={index}>{val.title}</MenuItem>) } </Select> </FormControl> } <div className={classes.buttonsWrap}> <TooltipWithButtonWithIcon title={'保存并关闭浮层'} titlePlace={'top'} btnTag={'Button'} btnColor={'primary'} btnType={'submit'} btnClick={() => this.handleSave()} icon={<IconSave />} /> </div> </form>; } } const mapStateToProps = ({companyList}) => ({companyList}); let AddFootFormComp = connect(mapStateToProps)(AddFootForm); export default withStyles(styles)(AddFootFormComp);