3.3.55 • Published 6 years ago

@beisen-phoenix/button v3.3.55

Weekly downloads
41
License
ISC
Repository
-
Last release
6 years ago

按钮

@beisen-phoenix/button

概述

按钮控件的作用是引发即时操作,即当用户单击后,触发即时操作,作为基础控件之一,按钮广泛应用于不同平台的产品中。

完整的按钮视觉体系包含强、中、弱3个层次。按钮的状态分为Normal、Hover、Click3种常会状态和Disabled、Loading中非常规状态。

由以下几个子组件构成

Button 比较常见的button

IconButton 点击icon触发事件

TextButton 文字按钮,点击触发事件

ButtonGroup 普通的按钮组,类似单选效果

IconButtonGroup iconButton的组合

Button API

参数说明类型默认值是否必传
size按钮的大小可选值包括 super、big、middle、smallmiddle
type按钮的类型可选值包括 primary、secondary、normalprimary
disabled是否禁用booleanfalse
loading是否处于loading状态(loading图标为内置图标,不可替换)booleanfalse
preIcon前置iconJSX.Element--
suffixIcon后置iconJSX.Element--
ref用来获取button的dom实例的引用(dom) =>--
onClick点击按钮的回调函数function(e) => void
extraCls扩展的class名称,一般用于样式扩展string--

IconButton API

参数说明类型默认值是否必传
type按钮类型primary(主)、secondary(次)、normal(弱,仅用于有边框时)primary
disable是否禁用booleanfalse
tipInfo按钮hover时显示的提示信息string--
children子组件,是一个Icon的组件React.ReactNode--
loading是否处于loading状态(loading图标为内置图标,不可替换)booleanfalse
hasBorder是否显示边框booleanfalse
ref用来获取button的dom实例的引用(dom) =>--
onClick点击按钮的回调函数function(e) => void
extraCls扩展的class名称,一般用于样式扩展string--

TextButton API

参数说明类型默认值是否必传
type按钮类型primary、secondaryprimary
size按钮的大小可选值包括 big、smallbig
disable是否禁用booleanfalse
loading是否处于loading状态(loading图标为内置图标,不可替换)booleanfalse
text按钮的显示文字string--
preIcon前置iconJSX.Element--
suffixIcon后置iconJSX.Element--
onClick点击按钮的回调函数function(e) => void
extraCls扩展的class名称,一般用于样式扩展string--

ButtonGroup API

参数说明类型默认值是否必传
type按钮类型primary、secondaryprimary
size按钮的大小可选值包括 big、smallbig
initialIndex默认激活第几个number
items按钮组的数据object {disable?: boolean, text: string}[]
onClick点击按钮的回调函数function(item,e,index) => void
activeIndex指定当前激活第几个number
extraCls扩展的class名称,一般用于样式扩展string--

IconButtonGroup API

参数说明类型默认值是否必传
icons按钮组的自定义icon{ icon?: JSX.Element, tipInfo?: string, direct?: string, disable?: boolean }[]
onClick点击按钮的回调函数function(index,item,e) => void
extraCls扩展的class名称,一般用于样式扩展string--
initialIndex默认激活第几个number
activeIndex指定当前激活第几个number
@infinitebrahmanuniverse/nolb-_beisen-@everything-registry/sub-chunk-118template-welfare-centerux-new-social-archivesux-new-social-securityux-p-courses-uploaderux-p-manageux-pc-feedbackux-increase-personnelux-job-create-pageux-job-detail-pageux-copy-job-pageux-chatrobot-indexviewux-details-editorux-staff-adjustmentux-tl-templateux-user-selector2ux-task-drawerux-stop-paymentux-work-reportux-work-report-drawerux-work-report-statistics-drawer@beisen/template-welfare-center@beisen/tab-layout@beisen/table-drill@beisen/simple-screeningitalent-create-taskitalent-portalitalent-subordinate-tree@beisen-cmps/italent-at-others@beisen-cmps/italent-create-summary@beisen-cmps/task-drawer@beisen-phoenix/department@beisen-phoenix/dropdown-list@beisen-phoenix/data-table@beisen-phoenix/date-picker@beisen-phoenix/date-time-picker@beisen-phoenix/form@beisen-phoenix/field-upload@beisen-phoenix/lookup@beisen-phoenix/message@beisen-phoenix/modal@beisen-phoenix/rc-calendar@beisen-phoenix/react-table@beisen-phoenix/result-page@beisen-phoenix/search-form@beisen-phoenix/select-list@beisen-phoenix/universityselector@beisen-phoenix/unmodeled-layer@beisen-phoenix/upload-pgb@beisen-phoenix/pagination@beisen-phoenix/person-selector@beisen-phoenix/pop-search@beisen-phoenix/popconfirm@beisen-phoenix/user-selector@beisen-platform/dropdown@beisen-platform/index-page@beisen-platform/jobtype-selector@beisen-phoenix/table@beisen-phoenix/table-v2@beisen/fast-table@beisen/flex-layout@beisen/checkbox-list-add-choose-all@beisen/drawer@beisen-phoenix/all-in-one@beisen-phoenix/area-selector@beisen-elearning/manage-courses-edit@beisen-elearning/manage-courses-list@beisen-elearning/p-manage-course-catalogue@beisen-elearning/p-manage-courses-list@beisen-elearning/p-manage-rules@beisen-elearning/ux-p-man-courseware-lib@beisen-elearning/ux-p-man-create-exam@beisen-elearning/ux-p-man-exam-result@beisen-elearning/ux-p-man-plan-list@beisen-elearning/ux-p-man-plan-phase@beisen-elearning/ux-p-man-plan-trainee@beisen-elearning/ux-p-man-question-bank@beisen-elearning/ux-p-man-question-lib@beisen-phoenix/button-pgb@beisen-phoenix/commentor@beisen-phoenix/common-constant-selector@beisen-cmps/ux-task-list-template@beisen-platform/ux-standard-date-range@beisen-platform/ux-standard-datetime-range@beisen-platform/ux-standard-form@beisen-platform/ux-standard-month-range@beisen-platform/ux-standard-search@beisen-platform/ux-standard-table@beisen-platform/ux-standard-textbox@beisen-platform/ux-standard-textbox-range@beisen-platform/ux-standard-time-range@beisen-platform/schema-button-group@beisen-platform/school-selector@beisen/ocean-tree@beisen/ocean-tree-fixed@beisen/layout-container@beisen/ocean-dateset-permission@beisen/ocean-pop-layer@beisen/ocean-pop-search
3.3.55

6 years ago

3.3.52

6 years ago

3.3.53

6 years ago

3.3.51

6 years ago

3.3.46

6 years ago

3.3.47

6 years ago

3.3.48

6 years ago

3.3.49

6 years ago

3.3.43

6 years ago

3.3.45

6 years ago

3.3.42

6 years ago

3.3.41-beta.1

6 years ago

3.3.41

6 years ago

3.3.38

6 years ago

3.3.39

6 years ago

3.3.37

6 years ago

3.3.36

6 years ago

3.3.35

6 years ago

3.3.34

6 years ago

3.3.33

6 years ago

3.3.32

6 years ago

3.3.31

6 years ago

3.3.29

6 years ago

3.3.28

6 years ago

3.3.27

6 years ago

3.3.26

6 years ago

3.3.25

6 years ago

3.3.24

6 years ago

3.3.23

6 years ago

3.3.22

6 years ago

3.3.21

6 years ago

3.3.20

6 years ago

3.3.19

6 years ago

3.3.18

6 years ago

3.3.17

6 years ago

3.3.16

6 years ago

3.3.15

6 years ago

3.3.14

6 years ago

3.3.13

6 years ago

3.3.12

6 years ago

3.3.11

6 years ago

3.3.10

6 years ago

3.3.9

6 years ago

3.3.8

6 years ago

3.3.7

6 years ago

3.3.6

6 years ago

3.3.5

6 years ago

3.2.80-beta.1

6 years ago

3.2.80

6 years ago

3.3.4

6 years ago

3.3.3

6 years ago

3.3.1

6 years ago

3.3.0

6 years ago

3.2.97

6 years ago

3.2.95

6 years ago

3.2.94

6 years ago

3.2.93

6 years ago

3.2.92

6 years ago

3.2.90

6 years ago

3.2.88

6 years ago

3.2.87

6 years ago

3.2.86

6 years ago

3.2.85

6 years ago

3.2.84

6 years ago

3.2.83

6 years ago

3.2.82

6 years ago

3.2.81

6 years ago

3.2.79

6 years ago

3.2.78

6 years ago

3.2.76

6 years ago

3.2.7-rc.1

6 years ago

3.2.74

6 years ago

3.2.73

6 years ago

3.2.69-beta.1

6 years ago

3.2.72

6 years ago

3.2.69

6 years ago

3.2.68

6 years ago

3.2.64-beta.11

6 years ago

3.2.64-beta.1

6 years ago

3.2.63

6 years ago

3.2.61

6 years ago

3.2.60

6 years ago

3.2.59

6 years ago

3.2.54

6 years ago

3.2.47-beta.8

6 years ago

3.2.47-beta.7

6 years ago

3.2.53

6 years ago

3.2.52

6 years ago

3.2.51

6 years ago

3.2.47-beta.6

6 years ago

3.2.47-beta.5

6 years ago

3.2.50

6 years ago

3.2.49

6 years ago

3.2.47-beta.4

6 years ago

3.2.47-beta.3

6 years ago

3.2.47-alpha.3

6 years ago

3.2.47-beta.2

6 years ago

3.2.47-alpha.2

6 years ago

3.2.48

6 years ago

3.2.47-beta.1

6 years ago

3.2.45-alpha.1

6 years ago

3.2.47

6 years ago

3.2.46

6 years ago

3.2.45-beta.1

6 years ago

3.2.45-beta.0

6 years ago

3.2.45

6 years ago

3.2.44-rc.4

6 years ago

3.2.44-rc.3

6 years ago

3.2.44-rc.2

6 years ago

3.2.44-rc.1

6 years ago

3.2.44

6 years ago

3.2.43

6 years ago

3.2.42

6 years ago

3.2.41

6 years ago

3.2.40

6 years ago

3.2.39

6 years ago

3.2.37

6 years ago

3.2.35

6 years ago

3.2.34

6 years ago

3.2.33

6 years ago

3.2.32

6 years ago

3.2.31

6 years ago

3.2.30

6 years ago

3.2.29

6 years ago

3.2.28

6 years ago

3.2.27

6 years ago

3.2.26

6 years ago

3.2.25

6 years ago

3.2.24

6 years ago

3.2.23

6 years ago

3.2.22

6 years ago

3.2.21

6 years ago

3.2.20

6 years ago

3.2.19

6 years ago

3.2.18

6 years ago

3.2.17

6 years ago

3.2.16

6 years ago

3.2.15

6 years ago

3.2.14

6 years ago

3.2.12

6 years ago

3.2.10

6 years ago

3.2.9

6 years ago

3.2.8

6 years ago

3.2.7

6 years ago

3.2.6

6 years ago

3.2.5

6 years ago

3.2.4

6 years ago

3.2.3

6 years ago

3.2.2

6 years ago

3.2.1

6 years ago

3.2.0

6 years ago

3.1.99

6 years ago

3.1.98

6 years ago

3.1.97

6 years ago

3.1.96

6 years ago

3.1.95

6 years ago

3.1.94

6 years ago

3.1.92

6 years ago

3.1.91

6 years ago

3.1.90

6 years ago

3.1.89

6 years ago

3.1.88

6 years ago

3.1.87

6 years ago

3.1.86

6 years ago

3.1.85

6 years ago

3.1.84

6 years ago

3.1.83

6 years ago

3.1.82

6 years ago

3.1.81

6 years ago

3.1.80

6 years ago

3.1.79

6 years ago

3.1.78

6 years ago

3.1.77

6 years ago

3.1.76

6 years ago

3.1.75

6 years ago

3.1.74

6 years ago

3.1.73

6 years ago

3.1.72

6 years ago

3.1.71

6 years ago

3.1.70

6 years ago

3.1.69

6 years ago

3.1.68

6 years ago

3.1.67

6 years ago

3.1.65

6 years ago

3.1.64

6 years ago

3.1.63

6 years ago

3.1.62

6 years ago

3.1.61

6 years ago

3.1.60

6 years ago

3.1.59

6 years ago

3.1.58

6 years ago

3.1.57

6 years ago

3.1.56

6 years ago

3.1.47

6 years ago

3.1.46

6 years ago

3.1.39

6 years ago

3.1.38

6 years ago

3.1.37

6 years ago

3.1.35

6 years ago

3.1.34

6 years ago

3.1.33

6 years ago

3.1.32

6 years ago

3.1.31

6 years ago

3.1.30

6 years ago

3.1.29

6 years ago

3.1.28

6 years ago

3.1.21

6 years ago

3.1.20

6 years ago

3.1.19

6 years ago

3.1.18

6 years ago

3.1.14

6 years ago

3.1.13

6 years ago

3.1.12

6 years ago

3.1.11

6 years ago

3.1.10

6 years ago

3.1.9

6 years ago

3.1.7

6 years ago

3.1.6

6 years ago

3.1.5

6 years ago

3.1.4

6 years ago

3.1.3

6 years ago

3.0.91

6 years ago

3.0.90

6 years ago

3.0.89

6 years ago

3.0.88

6 years ago

3.0.87

6 years ago

3.0.81

6 years ago

3.0.80

6 years ago

3.0.79

6 years ago

3.0.78

6 years ago

3.0.74

6 years ago

3.0.72

6 years ago

3.0.71

6 years ago

3.0.70

6 years ago

3.0.69

6 years ago

3.0.68

6 years ago

3.0.67

6 years ago

3.0.59

6 years ago

3.0.57

6 years ago

3.0.56

6 years ago

3.0.55

6 years ago

3.0.54

6 years ago

3.0.53

6 years ago

3.0.52

6 years ago

3.0.51

6 years ago

3.0.49

6 years ago

3.0.47

6 years ago

3.0.46

6 years ago

3.0.45

6 years ago

3.0.44

6 years ago

3.0.43

6 years ago

3.0.42

6 years ago

3.0.41

6 years ago

3.0.40

6 years ago

3.0.39

6 years ago

3.0.38

6 years ago

3.0.37

6 years ago

3.0.35

6 years ago

3.0.34

6 years ago

3.0.33

6 years ago

3.0.30

6 years ago

3.0.29

6 years ago

3.0.27

6 years ago

3.0.26-rc.1

6 years ago

3.0.26

6 years ago

3.0.25

6 years ago

3.0.24

6 years ago

3.0.22

6 years ago

3.0.20

6 years ago

3.0.19

6 years ago

3.0.14

6 years ago

3.0.16

6 years ago

3.0.10

6 years ago

3.0.7

6 years ago

3.0.8

6 years ago

3.0.5

6 years ago

3.0.3

6 years ago

3.0.1-rc.84

6 years ago

3.0.1-rc.83

6 years ago

3.0.1-rc.82

6 years ago

3.0.1-rc.81

6 years ago

3.0.1-rc.80

6 years ago

3.0.1-rc.79

6 years ago

3.0.1-rc.78

6 years ago

3.0.1-rc.77

6 years ago

3.0.1-rc.75

6 years ago

3.0.1-rc.74

6 years ago

3.0.1-rc.73

6 years ago

3.0.1-rc.72

6 years ago

3.0.1-rc.71

6 years ago

3.0.1-rc.70

6 years ago

3.0.1-rc.69

6 years ago

3.0.1-rc.68

6 years ago

3.0.1-rc.67

6 years ago

3.0.1-rc.65

6 years ago

3.0.1-rc.64

6 years ago

3.0.1-rc.63

6 years ago

3.0.1-rc.61

6 years ago

3.0.1-rc.59

6 years ago

3.0.1-rc.58

6 years ago

3.0.1-rc.56

6 years ago

3.0.1-rc.54

6 years ago

3.0.1-rc.52

6 years ago

3.0.1-rc.51

6 years ago

3.0.1-rc.47

6 years ago

3.0.1-rc.45

6 years ago

3.0.1-rc.44

6 years ago

3.0.1-rc.42

6 years ago

3.0.1-rc.41

6 years ago

3.0.1-rc.40

6 years ago

3.0.1-rc.39

6 years ago

3.0.1-rc.38

6 years ago

3.0.1-rc.37

6 years ago

3.0.1-rc.36

6 years ago

3.0.1-rc.34

6 years ago

3.0.1-rc.32

6 years ago

3.0.1-rc.31

6 years ago

3.0.1-rc.30

6 years ago

3.0.1-rc.27

6 years ago

3.0.1-rc.26

6 years ago

3.0.1-rc.25

6 years ago

3.0.1-rc.24

6 years ago

3.0.1-rc.22

6 years ago

3.0.1-rc.21

6 years ago

3.0.1-rc.19

6 years ago

3.0.1-rc.18

6 years ago

3.0.1-rc.16

6 years ago

3.0.1-rc.14

6 years ago

1.0.42

6 years ago

3.0.1-rc.13

6 years ago

3.0.1-rc.12

6 years ago

3.0.1-rc.11

6 years ago

3.0.1-rc.10

6 years ago

3.0.1-rc.9

6 years ago

3.0.1-rc.7

6 years ago

3.0.1-rc.6

6 years ago

3.0.1-rc.5

6 years ago

3.0.1-rc.4

6 years ago

3.0.1-rc.3

6 years ago

3.0.1-rc.2

6 years ago

3.0.1-rc.1

6 years ago

3.0.0-rc.90

6 years ago

3.0.0-rc.89

6 years ago

3.0.0-rc.86

6 years ago

3.0.0-rc.85

6 years ago

3.0.0-rc.84

6 years ago

3.0.0-rc.81

6 years ago

3.0.0-rc.78

6 years ago

3.0.0-rc.77

6 years ago

3.0.0-rc.76

6 years ago

3.0.0-rc.71

6 years ago

3.0.0-rc.70

6 years ago

3.0.0-rc.69

6 years ago

3.0.0-rc.68

6 years ago

3.0.0-rc.67

6 years ago

3.0.0-rc.65

6 years ago

3.0.0-rc.64

6 years ago

3.0.0-rc.63

6 years ago

3.0.0-rc.62

6 years ago

3.0.0-rc.61

6 years ago

3.0.0-rc.59

6 years ago

3.0.0-rc.54

6 years ago

3.0.0-rc.53

6 years ago

3.0.0-rc.47

6 years ago

3.0.0-rc.43

6 years ago

3.0.0-rc.42

6 years ago

3.0.0-rc.41

6 years ago

3.0.0-rc.40

6 years ago

3.0.0-rc.38

6 years ago

3.0.0-rc.37

6 years ago

3.0.0-rc.35

6 years ago

3.0.0-rc.34

6 years ago

3.0.0-rc.33

6 years ago

3.0.0-rc.32

6 years ago

3.0.0-rc.31

6 years ago

3.0.0-rc.30

6 years ago

3.0.0-rc.29

6 years ago

1.0.41

6 years ago

3.0.0-rc.28

6 years ago

3.0.0-rc.27

6 years ago

3.0.0-rc.26

6 years ago

3.0.0-rc.25

6 years ago

3.0.0-rc.20

6 years ago

3.0.0-rc.19

6 years ago

3.0.0-rc.9

6 years ago

3.0.0-rc.8

6 years ago

3.0.0-rc.7

6 years ago

3.0.0-rc.6

6 years ago

3.0.0-rc.5

6 years ago

3.0.0-rc.4

6 years ago

1.0.40

6 years ago

1.0.39

6 years ago

1.0.38

6 years ago

1.0.37

6 years ago

1.0.36

6 years ago

1.0.35

6 years ago

1.0.34

6 years ago

1.0.33

6 years ago

1.0.32

6 years ago

1.0.31

6 years ago

1.0.30

6 years ago

1.0.29

6 years ago

1.0.28

6 years ago

1.0.27

6 years ago

1.0.26

6 years ago

1.0.25

6 years ago

1.0.24

6 years ago

1.0.23

6 years ago

1.0.22

6 years ago

1.0.21

6 years ago

1.0.20

6 years ago

1.0.19

6 years ago

1.0.18

6 years ago

1.0.17

6 years ago

1.0.16

6 years ago

1.0.15

6 years ago

1.0.14

6 years ago

1.0.13

6 years ago

1.0.12

6 years ago

1.0.10

6 years ago

1.0.9

6 years ago

1.0.8

6 years ago

1.0.7

6 years ago

1.0.6

6 years ago

1.0.5

6 years ago

1.0.4

6 years ago

1.0.3

6 years ago

1.0.2

6 years ago

1.0.1

6 years ago

1.0.0

6 years ago

0.0.7

6 years ago

0.0.6

6 years ago

0.0.4

6 years ago

0.0.2

6 years ago

0.0.1

6 years ago