3.3.55 • Published 6 years ago

@beisen-phoenix/tooltip v3.3.55

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

简单的文字提示气泡框。

概述

鼠标移入则显示提示的简单气泡浮层,应用于显示简单的文字提示,不承载复杂文本和操作。
可用来代替浏览器默认的 title 属性。

API

参数说明类型默认值
title提示文字,配合isHTMLContent可以支持html格式。string
extraCls自定义的容器class,一般通过此class来实现自定义样式string
isHTMLContent是否提示文字为html,如果置为true则正文会被当做html识别,同时会有xss潜在风险。booleanfalse
showOverflowTooltip根据文本是否打点来决定是否展示Tooltip,注意此时节点需要是仅有一层标签包裹的纯文本才能正确计算,详情请见样例。booleanfalse
destroyTooltipOnHide是否在tooltip隐藏时销毁dom节点booleanfalse
arrowPointAtCenter箭头是否指向目标元素中心booleantrue
autoAdjustOverflow气泡被遮挡时自动调整位置booleantrue
defaultVisible默认是否显隐booleanfalse
getTooltipContainer浮层渲染父节点,默认渲染到 body 上Function(triggerNode)() => document.body
mouseEnterDelay鼠标移入后延时多少才显示 Tooltip,单位:秒number0
mouseLeaveDelay鼠标移出后延时多少才隐藏 Tooltip,单位:秒number0.1
overlayClassName卡片类名string
overlayStyle卡片样式object
placement气泡框位置,可选 top left right bottom topLeft topRight bottomLeft bottomRight leftTop leftBottom rightTop rightBottomstringtop
trigger触发行为,可选 hoverstringhover
visible用于手动控制浮层显隐booleanfalse
onVisibleChange显示隐藏的回调(visible) => void
align该值将合并到 placement 的配置中,设置参考 rc-tooltipObject
maxWidth蒙层的最大宽度number

注意

请确保 Tooltip 的子元素能接受 onMouseEnteronMouseLeaveonFocusonClick 事件。

一点碎碎念

  • 整体思路来自 antdesign/tooltip,封装了rc-tooltip并在此基础上做了一些自动计算的处理。
  • 当横向超过一屏时,max-width的元素显示会无法维持自身的宽度,造成内塌陷,目前采用的解决方案是在初始化时使用临时的 div存放文字,取实际宽度设置给该元素,如果有更好的方案请反馈给我,
  • 没有设置title时,默认会以当前节点内的文字进行赋值
  • autoAdjustOverflow仅支持在文档边缘时触发,如果是滚动条滚动后遮住的情况,并不会进行调整。
  • showOverflowTooltip判断文本是否打点的逻辑是:取当前节点的scrollWidth和clientWidth,如果scrollWidth大于clientWidth,则为打点状态,其他情况为非打点状态。组件会根据该状态自动判断是否需要显示 tooltip。注意:出于性能考虑,此情况下文本内容仅会在初始化时取值一次,后续文本节点变更都不会同步。
  • 由于当元素从左侧超出界面之外时,rc的自适应逻辑会导致箭头方向错误,此处不得不使用额外计算逻辑来处理,这里可能会有bug。
  • 由下向上连续触发tooltip不消失的问题,可以使用mouseLeaveDelay参数设置为0来解决
@infinitebrahmanuniverse/nolb-_beisen-@everything-registry/sub-chunk-118ux-new-social-archivesux-new-social-securityux-pc-feedbackux-performance-todolistux-maintaining-social-securityux-historical-social-securityux-increase-personnelux-performance-donelistux-details-editorux-staff-adjustmentux-tl-templateux-user-selector2ux-task-drawerux-stop-paymentux-store-affairsux-store-shortcutux-store-today-overviewux-work-reportux-work-report-drawerux-work-report-settingux-work-report-statistics-drawerux-workforce-anagementux-abnormal-attendanceux-adjusting-social-security@beisen/simple-screening@beisen/selectitalent-subordinate-treeitalent-task-itemtita-react-components@beisen-cmps/italent-task-common-component@beisen-cmps/italent-at-others@beisen-phoenix/department@beisen-phoenix/form@beisen-phoenix/group-single-select@beisen-phoenix/img-preview@beisen-phoenix/file-list@beisen-phoenix/file-preview@beisen-phoenix/input@beisen-phoenix/input-number@beisen-phoenix/input-range@beisen-phoenix/label-with-tooltip@beisen-phoenix/modal@beisen-phoenix/radio@beisen-phoenix/rate@beisen-phoenix/rc-tree@beisen-phoenix/react-table@beisen-phoenix/search-form@beisen-phoenix/select@beisen-phoenix/select-list@beisen-phoenix/single-select-list@beisen-phoenix/steps@beisen-phoenix/transfer@beisen-phoenix/universityselector@beisen-phoenix/unmodeled-layer@beisen-phoenix/tabs@beisen-phoenix/tag@beisen-phoenix/multi-select-list@beisen-phoenix/person-selector@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-cmps/cooperation@beisen-phoenix/all-in-one@beisen-phoenix/area-selector@beisen-phoenix/breadcrumb@beisen-elearning/manage-courses-edit@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-plan-list@beisen-elearning/ux-p-man-plan-phase@beisen-elearning/ux-p-man-question-bank@beisen-elearning/ux-p-man-question-lib@beisen-phoenix/button@beisen-phoenix/cascader@beisen-phoenix/checkbox@beisen-phoenix/commentor@beisen-phoenix/common-constant-selector@beisen-cmps/ux-task-list-template@beisen-platform/ux-platform-department@beisen-platform/ux-standard-field-common@beisen-platform/ux-standard-fields-common@beisen-platform/ux-standard-search@beisen-platform/ux-standard-table@beisen-platform/schema-button-group@beisen-platform/school-selector@beisen/layout-container@beisen/ocean-pop-search@eazycmp/areaselector@eazycmp/form@molejs/sortable-list@molejs/unmodeled-layer-2@recruit-paas/pure-table
3.3.54

6 years ago

3.3.55

6 years ago

3.3.53

6 years ago

3.3.51

6 years ago

3.3.52

6 years ago

3.3.49

6 years ago

3.3.50

6 years ago

3.3.48

6 years ago

3.3.46

6 years ago

3.3.47

6 years ago

3.3.45

6 years ago

3.3.41

6 years ago

3.3.42

6 years ago

3.3.43

6 years ago

3.3.41-beta.1

6 years ago

3.3.38

6 years ago

3.3.39

6 years ago

3.3.36

6 years ago

3.3.37

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.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.50

6 years ago

3.2.47-beta.5

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.90

6 years ago

3.0.89

6 years ago

3.0.88

6 years ago

3.0.87

6 years ago

3.0.78

6 years ago

3.0.74

6 years ago

3.0.69

6 years ago

3.0.68

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.23

6 years ago

3.0.22

6 years ago

3.0.20

6 years ago

3.0.19

6 years ago

3.0.18

6 years ago

3.0.17

6 years ago

3.0.16

6 years ago

3.0.3

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

1.0.37

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

1.0.36

6 years ago

3.0.1-rc.47

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.28

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.15

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.2

6 years ago

3.0.1-rc.1

6 years ago

3.0.0-rc.90

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.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.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.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.35

6 years ago

3.0.0-rc.25

6 years ago

3.0.0-rc.20

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.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.11

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.3.0

6 years ago

0.2.0

6 years ago

0.1.0

6 years ago