@hi-ui/hiui 2.15.10 → 2.15.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (340) hide show
  1. package/CHANGELOG.md +3 -0
  2. package/es/_util/warning.js +2 -2
  3. package/es/alert/__test__/index.test.js +67 -0
  4. package/es/alert/index.js +147 -6
  5. package/es/alert/style/index.css +1 -1
  6. package/es/badge/index.js +87 -9
  7. package/es/badge/style/index.css +1 -1
  8. package/es/badge/style/index.js +0 -0
  9. package/es/button/Button.js +51 -59
  10. package/es/button/ButtonGroup.js +31 -23
  11. package/es/button/IconLoading.js +2 -2
  12. package/es/button/__test__/index.test.js +29 -0
  13. package/es/button/index.js +2 -3
  14. package/es/button/style/index.css +1 -1
  15. package/es/card/index.js +42 -54
  16. package/es/card/style/index.css +1 -1
  17. package/es/cascader/Cascader.js +116 -181
  18. package/es/cascader/__test__/index.test.js +283 -0
  19. package/es/cascader/index.js +2 -5
  20. package/es/cascader/menu.js +155 -0
  21. package/es/cascader/style/cascader.css +1 -1
  22. package/es/cascader/style/menu.css +1 -1
  23. package/es/checkbox/{checkbox-legacy/Base.js → Base.js} +31 -46
  24. package/es/checkbox/CheckBox.js +185 -0
  25. package/es/checkbox/index.js +4 -13
  26. package/es/checkbox/style/index.css +1 -1
  27. package/es/collapse/__test__/index.test.js +58 -0
  28. package/es/collapse/index.js +93 -79
  29. package/es/collapse/style/index.css +1 -1
  30. package/es/confirm/index.js +50 -37
  31. package/es/context/index.js +37 -39
  32. package/es/counter/__test__/index.test.js +52 -0
  33. package/es/counter/index.js +270 -6
  34. package/es/counter/style/index.css +1 -1
  35. package/es/date-picker/BasePicker.js +288 -374
  36. package/es/date-picker/Calender.js +90 -326
  37. package/es/date-picker/DatePanel.js +186 -175
  38. package/es/date-picker/DatePicker.js +51 -151
  39. package/es/date-picker/DateRangePanel.js +181 -253
  40. package/es/date-picker/Modal.js +25 -15
  41. package/es/date-picker/Time.js +336 -230
  42. package/es/date-picker/TimePanel.js +32 -27
  43. package/es/date-picker/TimePeriodPanel.js +32 -21
  44. package/es/date-picker/TimePicker.js +40 -42
  45. package/es/date-picker/TimeRangePanel.js +42 -32
  46. package/es/date-picker/Type.js +1 -5
  47. package/es/date-picker/WeekRangePanel.js +150 -237
  48. package/es/date-picker/constants.js +28 -14
  49. package/es/date-picker/dateUtil.js +52 -221
  50. package/es/date-picker/index.js +2 -5
  51. package/es/date-picker/style/index.css +1 -1
  52. package/es/date-picker/util.js +8 -101
  53. package/es/dropdown/Dropdown.js +199 -193
  54. package/es/dropdown/{tests → __test__}/index.test.js +2 -2
  55. package/es/dropdown/index.js +4 -73
  56. package/es/dropdown/style/index.css +1 -1
  57. package/es/dropdown/style/index.js +2 -0
  58. package/es/ficon/index.js +23 -13
  59. package/es/form/index.js +171 -6
  60. package/es/form/{Item.js → item.js} +53 -53
  61. package/es/form/style/index.css +1 -1
  62. package/es/grid/index.js +37 -25
  63. package/es/icon/index.js +32 -21
  64. package/es/index.js +9 -61
  65. package/es/input/index.js +345 -28
  66. package/es/input/style/index.css +1 -1
  67. package/es/input/util.js +18 -26
  68. package/es/lib/withDragDropContext.js +2 -2
  69. package/es/loading/index.js +129 -5
  70. package/es/loading/style/index.css +0 -0
  71. package/es/loading/style/index.js +0 -0
  72. package/es/locales/en-US.js +11 -45
  73. package/es/locales/index.js +2 -16
  74. package/es/locales/zh-CN.js +12 -46
  75. package/es/menu/Item.js +41 -32
  76. package/es/menu/ItemGroup.js +81 -0
  77. package/es/menu/SubMenu.js +74 -55
  78. package/es/menu/Title.js +42 -36
  79. package/es/menu/index.js +419 -12
  80. package/es/menu/style/index.css +1 -1
  81. package/es/modal/__test__/index.test.js +123 -0
  82. package/es/modal/index.js +61 -77
  83. package/es/modal/style/index.css +1 -1
  84. package/es/nav-menu/NavMenu.js +45 -31
  85. package/es/nav-menu/__test__/index.test.js +2 -2
  86. package/es/nav-menu/index.js +2 -2
  87. package/es/notification/__test__/index.test.js +56 -0
  88. package/es/notification/index.js +231 -68
  89. package/es/notification/style/index.css +1 -1
  90. package/es/notification/style/index.js +0 -0
  91. package/es/pagination/Pager.js +8 -6
  92. package/es/pagination/Pagination.js +115 -124
  93. package/es/pagination/__test__/index.test.js +140 -0
  94. package/es/pagination/index.js +8 -9
  95. package/es/pagination/style/index.css +1 -1
  96. package/es/panel/index.js +33 -23
  97. package/es/popover/__test__/index.test.js +2 -2
  98. package/es/popover/index.js +69 -71
  99. package/es/popper/index.js +54 -64
  100. package/es/popper/style/index.css +1 -1
  101. package/es/progress/BarProgress.js +43 -109
  102. package/es/progress/CircleProgress.js +10 -9
  103. package/es/progress/DashboardProgress.js +9 -7
  104. package/es/progress/index.js +100 -8
  105. package/es/progress/style/index.css +1 -1
  106. package/es/radio/{radio-legacy/__test__ → __test__}/index.test.js +10 -10
  107. package/es/radio/index.js +216 -10
  108. package/es/radio/style/index.css +1 -1
  109. package/es/rate/Icons.js +2 -2
  110. package/es/rate/Rate.js +90 -65
  111. package/es/rate/__test__/index.test.js +54 -0
  112. package/es/rate/index.js +2 -5
  113. package/es/rate/style/index.css +1 -1
  114. package/es/select/Option.js +93 -0
  115. package/es/select/Select.js +253 -325
  116. package/es/select/SelectDropdown.js +63 -215
  117. package/es/select/SelectInput.js +54 -88
  118. package/es/select/__test__/index.test.js +429 -0
  119. package/es/select/index.js +4 -6
  120. package/es/select/style/select-dropdown.css +1 -1
  121. package/es/select/style/select-input.css +1 -1
  122. package/es/stepper/index.js +127 -21
  123. package/es/stepper/style/index.css +1 -1
  124. package/es/style/color/colors.css +0 -0
  125. package/es/style/icon/diyIcon.css +1 -1
  126. package/es/style/icon/index.css +1 -1
  127. package/es/style/index.css +0 -0
  128. package/es/style/mixins/colors.css +0 -0
  129. package/es/style/mixins/index.css +0 -0
  130. package/es/style/theme/dark.css +0 -0
  131. package/es/style/theme/default.css +0 -0
  132. package/es/switch/{__tests__ → __test__}/index.test.js +2 -31
  133. package/es/switch/index.js +36 -24
  134. package/es/switch/style/index.css +1 -1
  135. package/es/table/__test__/index.test.js +73 -0
  136. package/es/table/{Body.js → body.js} +52 -36
  137. package/es/table/checkbox/index.js +36 -33
  138. package/es/table/clickOuterside.js +115 -0
  139. package/es/table/{Footer.js → footer.js} +41 -24
  140. package/es/table/{Header.js → header.js} +54 -41
  141. package/es/table/index.js +300 -262
  142. package/es/table/menu/index.js +34 -32
  143. package/es/table/pover.js +154 -0
  144. package/es/table/prefix.js +2 -2
  145. package/es/table/style/Table.css +1 -1
  146. package/es/table/style/index.css +1 -1
  147. package/es/table/tableContent.js +120 -0
  148. package/es/tabs/ItemDropdown.js +51 -39
  149. package/es/tabs/TabPane.js +35 -25
  150. package/es/tabs/Tabs.js +91 -98
  151. package/es/tabs/index.js +3 -9
  152. package/es/tabs/style/index.css +1 -1
  153. package/es/timeline/__test__/index.test.js +49 -0
  154. package/es/timeline/foldingItem.js +82 -0
  155. package/es/timeline/index.js +127 -203
  156. package/es/timeline/style/index.css +1 -1
  157. package/es/tooltip/__test__/index.test.js +67 -0
  158. package/es/tooltip/index.js +39 -86
  159. package/es/tooltip/style/index.css +1 -1
  160. package/es/transfer/Item.js +44 -53
  161. package/es/transfer/__test__/index.test.js +11 -0
  162. package/es/transfer/index.js +443 -4
  163. package/es/transfer/style/index.css +1 -1
  164. package/es/tree/Tree.js +86 -76
  165. package/es/tree/TreeDivider.js +3 -3
  166. package/es/tree/TreeItem.js +108 -204
  167. package/es/tree/TreeNode.js +318 -457
  168. package/es/tree/index.js +2 -9
  169. package/es/tree/style/index.css +1 -1
  170. package/es/tree/util.js +257 -9
  171. package/es/upload/{upload-legacy/Preview.js → Preview.js} +39 -33
  172. package/es/upload/Upload.js +193 -289
  173. package/es/upload/UploadAvatar.js +58 -44
  174. package/es/upload/UploadClick.js +45 -49
  175. package/es/upload/UploadDrag.js +43 -44
  176. package/es/upload/UploadPhoto.js +55 -70
  177. package/es/upload/UploadPictureCard.js +44 -39
  178. package/es/upload/index.js +71 -8
  179. package/es/upload/style/index.css +1 -1
  180. package/es/upload/tool.js +1 -0
  181. package/package.json +4 -1
  182. package/es/_util/SwitchVersion.js +0 -44
  183. package/es/_util/depreactedPropsCompat.js +0 -58
  184. package/es/_util/index.js +0 -32
  185. package/es/alert/Alert.js +0 -134
  186. package/es/alert/__tests__/index.test.js +0 -88
  187. package/es/badge/Badge.js +0 -90
  188. package/es/badge/__tests__/index.test.js +0 -82
  189. package/es/breadcrumb/__tests__/index.test.js +0 -61
  190. package/es/breadcrumb/index.js +0 -93
  191. package/es/breadcrumb/style/index.css +0 -1
  192. package/es/button/__tests__/index.test.js +0 -219
  193. package/es/card/__tests__/index.test.js +0 -169
  194. package/es/carousel/__tests__/index.test.js +0 -104
  195. package/es/carousel/index.js +0 -227
  196. package/es/carousel/style/index.css +0 -1
  197. package/es/carousel/style/index.js +0 -3
  198. package/es/cascader/Menu.js +0 -174
  199. package/es/cascader/__tests__/index.test.js +0 -389
  200. package/es/checkbox/Checkbox.js +0 -144
  201. package/es/checkbox/Group.js +0 -202
  202. package/es/checkbox/__tests__/index.test.js +0 -226
  203. package/es/checkbox/checkbox-legacy/CheckBox.js +0 -165
  204. package/es/checkbox/checkbox-legacy/index.js +0 -15
  205. package/es/checkbox/checkbox-legacy/style/index.css +0 -1
  206. package/es/checkbox/checkbox-legacy/style/index.js +0 -3
  207. package/es/collapse/__tests__/index.test.js +0 -111
  208. package/es/counter/Counter.js +0 -343
  209. package/es/counter/__tests__/index.test.js +0 -134
  210. package/es/counter/counter-legacy/index.js +0 -271
  211. package/es/date-picker/TimeList.js +0 -254
  212. package/es/date-picker/YMRangePanel.js +0 -372
  213. package/es/date-picker/__tests__/index.test.js +0 -961
  214. package/es/date-picker/datepicker-legacy/BasePicker.js +0 -519
  215. package/es/date-picker/datepicker-legacy/Calender.js +0 -430
  216. package/es/date-picker/datepicker-legacy/DatePanel.js +0 -463
  217. package/es/date-picker/datepicker-legacy/DatePicker.js +0 -107
  218. package/es/date-picker/datepicker-legacy/DateRangePanel.js +0 -496
  219. package/es/date-picker/datepicker-legacy/Modal.js +0 -71
  220. package/es/date-picker/datepicker-legacy/Time.js +0 -413
  221. package/es/date-picker/datepicker-legacy/TimePanel.js +0 -93
  222. package/es/date-picker/datepicker-legacy/TimePeriodPanel.js +0 -126
  223. package/es/date-picker/datepicker-legacy/TimePicker.js +0 -82
  224. package/es/date-picker/datepicker-legacy/TimeRangePanel.js +0 -98
  225. package/es/date-picker/datepicker-legacy/Type.js +0 -31
  226. package/es/date-picker/datepicker-legacy/WeekRangePanel.js +0 -345
  227. package/es/date-picker/datepicker-legacy/constants.js +0 -79
  228. package/es/date-picker/datepicker-legacy/dateUtil.js +0 -258
  229. package/es/date-picker/datepicker-legacy/index.js +0 -15
  230. package/es/date-picker/datepicker-legacy/local.js +0 -11
  231. package/es/date-picker/datepicker-legacy/style/index.css +0 -1
  232. package/es/date-picker/datepicker-legacy/style/index.js +0 -3
  233. package/es/date-picker/datepicker-legacy/style/timepicker.css +0 -1
  234. package/es/date-picker/datepicker-legacy/util.js +0 -60
  235. package/es/date-picker/toLunar.js +0 -172
  236. package/es/dropdown/DropdownButton.js +0 -106
  237. package/es/dropdown/DropdownMenu.js +0 -111
  238. package/es/dropdown/DropdownMenuItem.js +0 -178
  239. package/es/dropdown/__tests__/index.test.js +0 -317
  240. package/es/dropdown/utils.js +0 -35
  241. package/es/form/Form.js +0 -184
  242. package/es/form/__tests__/index.test.js +0 -575
  243. package/es/grid/__tests__/index.test.js +0 -104
  244. package/es/input/Input.js +0 -412
  245. package/es/input/__tests__/index.test.js +0 -381
  246. package/es/input/input-legacy/index.js +0 -353
  247. package/es/input/input-legacy/util.js +0 -176
  248. package/es/loading/Loading.js +0 -181
  249. package/es/loading/__tests__/index.test.js +0 -110
  250. package/es/locales/zh-Hant-HK.js +0 -121
  251. package/es/locales/zh-Hant-TW.js +0 -123
  252. package/es/menu/Menu.js +0 -422
  253. package/es/menu/__tests__/index.test.js +0 -279
  254. package/es/message/__tests__/index.test.js +0 -75
  255. package/es/message/index.js +0 -58
  256. package/es/message/style/index.css +0 -1
  257. package/es/message/style/index.js +0 -5
  258. package/es/modal/__tests__/index.test.js +0 -178
  259. package/es/nav-menu/__tests__/index.test.js +0 -27
  260. package/es/notice/Notice.js +0 -142
  261. package/es/notice/NoticeContainer.js +0 -113
  262. package/es/notice/__tests__/index.test.js +0 -174
  263. package/es/notice/index.js +0 -66
  264. package/es/notice/style/index.css +0 -1
  265. package/es/notice/style/index.js +0 -5
  266. package/es/notification/HandleNotification/index.js +0 -224
  267. package/es/notification/HandleNotification/style/index.css +0 -1
  268. package/es/notification/HandleNotification/style/index.js +0 -5
  269. package/es/notification/__tests__/index.test.js +0 -118
  270. package/es/pagination/__tests__/index.test.js +0 -248
  271. package/es/popover/__tests__/index.test.js +0 -152
  272. package/es/preview/index.js +0 -527
  273. package/es/preview/style/index.css +0 -1
  274. package/es/preview/style/index.js +0 -3
  275. package/es/progress/Progress.js +0 -110
  276. package/es/progress/__tests__/index.test.js +0 -131
  277. package/es/radio/Group.js +0 -203
  278. package/es/radio/Radio.js +0 -151
  279. package/es/radio/__tests__/index.test.js +0 -128
  280. package/es/radio/radio-legacy/index.js +0 -222
  281. package/es/radio/radio-legacy/style/index.css +0 -1
  282. package/es/radio/radio-legacy/style/index.js +0 -3
  283. package/es/rate/__tests__/index.test.js +0 -124
  284. package/es/select/__tests__/index.test.js +0 -505
  285. package/es/select/select-legacy/Option.js +0 -81
  286. package/es/select/select-legacy/Select.js +0 -710
  287. package/es/select/select-legacy/SelectDropdown.js +0 -164
  288. package/es/select/select-legacy/SelectInput.js +0 -312
  289. package/es/select/select-legacy/common.js +0 -19
  290. package/es/select/select-legacy/index.js +0 -16
  291. package/es/stepper/Stepper.js +0 -151
  292. package/es/stepper/__tests__/index.test.js +0 -161
  293. package/es/table/ClickOuterside.js +0 -103
  294. package/es/table/TableContent.js +0 -109
  295. package/es/table/__tests__/index.test.js +0 -133
  296. package/es/table/checkbox/style/index.css +0 -1
  297. package/es/table/checkbox/style/index.js +0 -3
  298. package/es/tabs/__tests__/index.test.js +0 -333
  299. package/es/tabs/tabs-legacy/ItemDropdown.js +0 -170
  300. package/es/tabs/tabs-legacy/TabPane.js +0 -78
  301. package/es/tabs/tabs-legacy/Tabs.js +0 -299
  302. package/es/tabs/tabs-legacy/index.js +0 -18
  303. package/es/tabs/tabs-legacy/style/index.css +0 -1
  304. package/es/tabs/tabs-legacy/style/index.js +0 -3
  305. package/es/tag/__tests__/index.test.js +0 -46
  306. package/es/tag/index.js +0 -94
  307. package/es/tag/style/index.css +0 -1
  308. package/es/tag/style/index.js +0 -3
  309. package/es/timeline/__tests__/index.test.js +0 -198
  310. package/es/tooltip/__tests__/index.test.js +0 -170
  311. package/es/transfer/Transfer.js +0 -566
  312. package/es/transfer/__tests__/index.test.js +0 -210
  313. package/es/tree/IconLoading.js +0 -38
  314. package/es/tree/__tests__/index.test.js +0 -603
  315. package/es/tree/tree-legacy/Tree.js +0 -337
  316. package/es/tree/tree-legacy/TreeDivider.js +0 -25
  317. package/es/tree/tree-legacy/TreeItem.js +0 -333
  318. package/es/tree/tree-legacy/TreeNode.js +0 -719
  319. package/es/tree/tree-legacy/index.js +0 -13
  320. package/es/tree/tree-legacy/style/index.css +0 -1
  321. package/es/tree/tree-legacy/style/index.js +0 -3
  322. package/es/tree/tree-legacy/util.js +0 -434
  323. package/es/upload/__tests__/index.test.js +0 -760
  324. package/es/upload/main.js +0 -91
  325. package/es/upload/upload-legacy/Upload.js +0 -435
  326. package/es/upload/upload-legacy/UploadAvatar.js +0 -322
  327. package/es/upload/upload-legacy/UploadClick.js +0 -125
  328. package/es/upload/upload-legacy/UploadDrag.js +0 -180
  329. package/es/upload/upload-legacy/UploadPhoto.js +0 -183
  330. package/es/upload/upload-legacy/UploadPictureCard.js +0 -126
  331. package/es/upload/upload-legacy/index.js +0 -75
  332. package/es/upload/upload-legacy/style/index.css +0 -1
  333. package/es/upload/upload-legacy/style/index.js +0 -5
  334. package/es/upload/upload-legacy/tool.js +0 -84
  335. package/es/watermark/index.js +0 -101
  336. package/es/watermark/watermark.js +0 -252
  337. /package/es/checkbox/{checkbox-legacy/common.js → common.js} +0 -0
  338. /package/es/{breadcrumb/style → style}/index.js +0 -0
  339. /package/es/upload/{upload-legacy/style → style}/preview.css +0 -0
  340. /package/es/upload/{upload-legacy/style → style}/preview.js +0 -0
@@ -1,333 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
6
-
7
- var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
8
-
9
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
10
-
11
- var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
12
-
13
- var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
14
-
15
- var _react = _interopRequireDefault(require("react"));
16
-
17
- var _enzyme = require("enzyme");
18
-
19
- var _index = _interopRequireDefault(require("../index"));
20
-
21
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
22
-
23
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
24
-
25
- function trigger(elem, event) {
26
- var myEvent = document.createEvent('Event'); // 初始化这个事件对象,为它提高需要的“特性”
27
-
28
- myEvent.initEvent(event, true, true); //执行事件
29
-
30
- elem.dispatchEvent(myEvent);
31
- }
32
-
33
- describe('Tabs', function () {
34
- var panes = [{
35
- tabTitle: '我的订单',
36
- tabId: 'tabId-1'
37
- }, {
38
- tabTitle: '团购订单',
39
- tabId: 'tabId-2',
40
- closeable: false
41
- }, {
42
- tabTitle: '以旧换新订单',
43
- tabId: 'tabId-3',
44
- disabled: true
45
- }, {
46
- tabTitle: '以旧换新订单4',
47
- tabId: 'tabId-4'
48
- }, {
49
- tabTitle: '以旧换新订单5',
50
- tabId: 'tabId-5'
51
- }, {
52
- tabTitle: '购买资格',
53
- tabId: 'tabId-6',
54
- disabled: true
55
- }];
56
- describe('PropTypes', function () {
57
- it('defaultActiveId', function () {
58
- var wrapperDefult = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
59
- defaultActiveId: "tabId-2",
60
- placement: "horizontal"
61
- }, panes.map(function (pane, index) {
62
- return /*#__PURE__*/_react["default"].createElement(_index["default"].Pane, {
63
- tabTitle: pane.tabTitle,
64
- tabId: pane.tabId,
65
- closeable: pane.closeable,
66
- key: index
67
- }, /*#__PURE__*/_react["default"].createElement("div", {
68
- style: {
69
- padding: '16px'
70
- }
71
- }, pane.tabTitle));
72
- })));
73
- expect(wrapperDefult.find('.hi-tabs--card')).toHaveLength(1);
74
- expect(wrapperDefult.find('.hi-tabs--horizontal')).toHaveLength(1);
75
- expect(wrapperDefult.find('.hi-tabs__item').at(1).hasClass('hi-tabs__item--active')).toBeTruthy();
76
- wrapperDefult.find('.hi-tabs__item').at(0).simulate('click');
77
- expect(wrapperDefult.find('.hi-tabs__item--active')).toHaveLength(1);
78
- expect(wrapperDefult.find('.hi-tabs__item').at(0).hasClass('hi-tabs__item--active')).toBeTruthy();
79
- wrapperDefult.unmount();
80
- });
81
- it('placement', function () {
82
- var wrapperVertical = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
83
- defaultActiveId: "tabId-2",
84
- placement: "vertical"
85
- }, panes.map(function (pane, index) {
86
- return /*#__PURE__*/_react["default"].createElement(_index["default"].Pane, {
87
- tabTitle: pane.tabTitle,
88
- tabId: pane.tabId,
89
- closeable: pane.closeable,
90
- key: index
91
- }, /*#__PURE__*/_react["default"].createElement("div", {
92
- style: {
93
- padding: '16px'
94
- }
95
- }, pane.tabTitle));
96
- })));
97
- expect(wrapperVertical.find('.hi-tabs--card')).toHaveLength(1);
98
- expect(wrapperVertical.find('.hi-tabs--vertical')).toHaveLength(1);
99
- wrapperVertical.unmount();
100
- });
101
- it('max', function () {
102
- var max = 4;
103
- var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
104
- placement: "horizontal",
105
- max: max
106
- }, panes.map(function (pane, index) {
107
- return /*#__PURE__*/_react["default"].createElement(_index["default"].Pane, {
108
- tabTitle: pane.tabTitle,
109
- tabId: pane.tabId,
110
- closeable: pane.closeable,
111
- disabled: pane.disabled,
112
- key: index
113
- }, /*#__PURE__*/_react["default"].createElement("div", {
114
- style: {
115
- padding: '16px'
116
- }
117
- }, pane.tabTitle));
118
- })));
119
- expect(wrapper.find('.hi-tabs-dropdown')).toHaveLength(1);
120
- expect(document.querySelectorAll('.hi-popper__container')).toHaveLength(0);
121
- wrapper.find('.hi-tabs-dropdown__toggle').simulate('click');
122
- expect(document.querySelectorAll('.hi-popper__container')).toHaveLength(1);
123
- trigger(document.querySelectorAll('.hi-tabs-dropdown__item')[0], 'click');
124
- expect(document.querySelectorAll('.hi-popper__container--hide')).toHaveLength(1);
125
- wrapper.find('.hi-tabs-dropdown__toggle').simulate('click');
126
- expect(document.querySelectorAll('.hi-tabs-dropdown__item')).toHaveLength(2);
127
- expect(document.querySelectorAll('.hi-popper__container--hide')).toHaveLength(0);
128
- trigger(document.querySelectorAll('.hi-tabs-dropdown__item')[1], 'click');
129
- expect(document.querySelectorAll('.hi-popper__container--hide')).toHaveLength(1);
130
- wrapper.find('.hi-tabs-dropdown__toggle').simulate('click');
131
- expect(document.querySelectorAll('.hi-popper__container--hide')).toHaveLength(0);
132
- trigger(document, 'click');
133
- expect(document.querySelectorAll('.hi-popper__container--hide')).toHaveLength(1);
134
- wrapper.unmount();
135
- });
136
- it('type', function () {
137
- var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
138
- placement: "horizontal",
139
- type: "desc"
140
- }, panes.map(function (pane, index) {
141
- return /*#__PURE__*/_react["default"].createElement(_index["default"].Pane, {
142
- tabTitle: pane.tabTitle,
143
- tabId: pane.tabId,
144
- closeable: pane.closeable,
145
- key: index
146
- }, /*#__PURE__*/_react["default"].createElement("div", {
147
- style: {
148
- padding: '16px'
149
- }
150
- }, pane.tabTitle));
151
- })));
152
- expect(wrapper.find('.hi-tabs--desc')).toHaveLength(1);
153
- wrapper.unmount();
154
- });
155
- it('editable', function () {
156
- var editableWrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
157
- type: "editable",
158
- activeId: "tabId-1"
159
- }, panes.map(function (pane, index) {
160
- return /*#__PURE__*/_react["default"].createElement(_index["default"].Pane, {
161
- tabTitle: pane.tabTitle,
162
- tabId: pane.tabId,
163
- closeable: true,
164
- key: index
165
- }, /*#__PURE__*/_react["default"].createElement("div", {
166
- style: {
167
- padding: '16px'
168
- }
169
- }, pane.tabTitle));
170
- })));
171
- expect(editableWrapper.find('.hi-tabs--editable')).toHaveLength(1);
172
- editableWrapper.find('.icon-close').at(0).simulate('click');
173
- expect(editableWrapper.find('.hi-tabs__item')).toHaveLength(11);
174
- });
175
- it('activeId', function () {
176
- var EditableTabs = /*#__PURE__*/function (_React$Component) {
177
- (0, _inherits2["default"])(EditableTabs, _React$Component);
178
-
179
- var _super = _createSuper(EditableTabs);
180
-
181
- function EditableTabs() {
182
- var _this;
183
-
184
- (0, _classCallCheck2["default"])(this, EditableTabs);
185
- _this = _super.call(this);
186
- _this.state = {
187
- tabId: 'tabId-1',
188
- panes: [{
189
- tabTitle: '团购订单',
190
- tabId: 'tabId-1'
191
- }, {
192
- tabTitle: '团购订单2',
193
- tabId: 'tabId-2'
194
- }]
195
- };
196
- return _this;
197
- }
198
-
199
- (0, _createClass2["default"])(EditableTabs, [{
200
- key: "onEdit",
201
- value: function onEdit(action, index, tabId) {
202
- this["".concat(action, "Tab")](index, tabId);
203
- }
204
- }, {
205
- key: "addTab",
206
- value: function addTab() {
207
- var panes = this.state.panes;
208
- this.setState({
209
- panes: panes.concat([{
210
- tabTitle: "\u65B0\u589E\u6807\u7B7E".concat(panes.length + 1),
211
- tabId: "tabId-".concat(panes.length + 1)
212
- }])
213
- });
214
- }
215
- }, {
216
- key: "deleteTab",
217
- value: function deleteTab(index, tabId) {
218
- var panes = this.state.panes.slice();
219
- panes.splice(index, 1);
220
- this.setState({
221
- panes: panes
222
- });
223
- }
224
- }, {
225
- key: "render",
226
- value: function render() {
227
- return /*#__PURE__*/_react["default"].createElement(_index["default"], {
228
- type: "editable",
229
- activeId: this.state.tabId,
230
- onTabClick: function onTabClick(tab, e) {
231
- return void 0;
232
- },
233
- onEdit: this.onEdit.bind(this)
234
- }, this.state.panes.map(function (pane, index) {
235
- return /*#__PURE__*/_react["default"].createElement(_index["default"].Pane, {
236
- tabTitle: pane.tabTitle,
237
- tabId: pane.tabId,
238
- closeable: true,
239
- key: index
240
- }, /*#__PURE__*/_react["default"].createElement("div", {
241
- style: {
242
- padding: '16px'
243
- }
244
- }, pane.tabTitle));
245
- }));
246
- }
247
- }]);
248
- return EditableTabs;
249
- }(_react["default"].Component);
250
-
251
- var editableWrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(EditableTabs, null));
252
- expect(editableWrapper.find('.hi-tabs--editable')).toHaveLength(1);
253
- editableWrapper.setState({
254
- tabId: 'tabId-2'
255
- });
256
- editableWrapper.find('.icon-close').at(1).simulate('click');
257
- expect(editableWrapper.find('.hi-tabs__item').at(0).hasClass('hi-tabs__item--active')).toBeTruthy();
258
- editableWrapper.find('.icon-close').at(0).simulate('click');
259
- editableWrapper.setState({
260
- panes: [{
261
- tabTitle: '团购订单4',
262
- tabId: 'tabId-4',
263
- closeable: false
264
- }]
265
- });
266
- expect(editableWrapper.find('.icon-close')).toHaveLength(1);
267
- editableWrapper.find('.hi-tabs__add .icon-plus').simulate('click');
268
- expect(editableWrapper.find('.icon-close')).toHaveLength(2);
269
- });
270
- });
271
- describe('ItemDropdown', function () {
272
- it('activeId', function () {
273
- var EditableTabs = /*#__PURE__*/function (_React$Component2) {
274
- (0, _inherits2["default"])(EditableTabs, _React$Component2);
275
-
276
- var _super2 = _createSuper(EditableTabs);
277
-
278
- function EditableTabs() {
279
- var _this2;
280
-
281
- (0, _classCallCheck2["default"])(this, EditableTabs);
282
- _this2 = _super2.call(this);
283
- _this2.state = {
284
- tabId: 'tabId-1',
285
- panes: [{
286
- tabTitle: '团购订单',
287
- tabId: 'tabId-1'
288
- }, {
289
- tabTitle: '团购订单2',
290
- tabId: 'tabId-2'
291
- }, {
292
- tabTitle: '团购订单3',
293
- tabId: 'tabId-3'
294
- }, {
295
- tabTitle: '团购订单4',
296
- tabId: 'tabId-4'
297
- }]
298
- };
299
- return _this2;
300
- }
301
-
302
- (0, _createClass2["default"])(EditableTabs, [{
303
- key: "render",
304
- value: function render() {
305
- return /*#__PURE__*/_react["default"].createElement(_index["default"], {
306
- activeId: this.state.tabId,
307
- max: 2
308
- }, this.state.panes.map(function (pane, index) {
309
- return /*#__PURE__*/_react["default"].createElement(_index["default"].Pane, {
310
- tabTitle: pane.tabTitle,
311
- tabId: pane.tabId,
312
- closeable: true,
313
- key: index
314
- }, /*#__PURE__*/_react["default"].createElement("div", {
315
- style: {
316
- padding: '16px'
317
- }
318
- }, pane.tabTitle));
319
- }));
320
- }
321
- }]);
322
- return EditableTabs;
323
- }(_react["default"].Component);
324
-
325
- var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(EditableTabs, null));
326
- expect(wrapper.find('.hi-tabs--card')).toHaveLength(1);
327
- wrapper.setState({
328
- tabId: 'tabId-2'
329
- });
330
- expect(wrapper.find('.hi-tabs-dropdown__toggle-title').text()).toEqual('更多');
331
- });
332
- });
333
- });
@@ -1,170 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- var _typeof = require("@babel/runtime/helpers/typeof");
6
-
7
- Object.defineProperty(exports, "__esModule", {
8
- value: true
9
- });
10
- exports["default"] = void 0;
11
-
12
- var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
13
-
14
- var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
15
-
16
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
17
-
18
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
19
-
20
- var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
21
-
22
- var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
23
-
24
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
25
-
26
- var _react = _interopRequireWildcard(require("react"));
27
-
28
- var _reactDom = _interopRequireDefault(require("react-dom"));
29
-
30
- var _propTypes = _interopRequireDefault(require("prop-types"));
31
-
32
- var _classnames = _interopRequireDefault(require("classnames"));
33
-
34
- var _context = _interopRequireDefault(require("../../context"));
35
-
36
- var _popper = _interopRequireDefault(require("../../popper"));
37
-
38
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
39
-
40
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
41
-
42
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
43
-
44
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
45
-
46
- var ItemDropdown = /*#__PURE__*/function (_Component) {
47
- (0, _inherits2["default"])(ItemDropdown, _Component);
48
-
49
- var _super = _createSuper(ItemDropdown);
50
-
51
- function ItemDropdown(props) {
52
- var _this;
53
-
54
- (0, _classCallCheck2["default"])(this, ItemDropdown);
55
- _this = _super.call(this, props);
56
- _this.state = {
57
- visible: false,
58
- activeIndex: -1
59
- };
60
- _this.clickOutsideHandle = _this.clickOutside.bind((0, _assertThisInitialized2["default"])(_this));
61
- return _this;
62
- }
63
-
64
- (0, _createClass2["default"])(ItemDropdown, [{
65
- key: "componentWillReceiveProps",
66
- value: function componentWillReceiveProps(nextProps) {
67
- if (!nextProps.active) {
68
- this.setState({
69
- activeIndex: -1
70
- });
71
- }
72
- }
73
- }, {
74
- key: "componentDidMount",
75
- value: function componentDidMount() {
76
- window.addEventListener('click', this.clickOutsideHandle);
77
- }
78
- }, {
79
- key: "componentWillUnmount",
80
- value: function componentWillUnmount() {
81
- window.removeEventListener('click', this.clickOutsideHandle);
82
- }
83
- }, {
84
- key: "clickOutside",
85
- value: function clickOutside(e) {
86
- if (_reactDom["default"].findDOMNode(this.toggleRef) && _reactDom["default"].findDOMNode(this.toggleRef).contains(e.target)) {
87
- return;
88
- }
89
-
90
- this.toggle(true);
91
- }
92
- }, {
93
- key: "toggle",
94
- value: function toggle() {
95
- var visible = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.state.visible;
96
- this.setState({
97
- visible: !visible
98
- });
99
- }
100
- }, {
101
- key: "render",
102
- value: function render() {
103
- var _this2 = this;
104
-
105
- var _this$props = this.props,
106
- items = _this$props.items,
107
- onChoose = _this$props.onChoose,
108
- localeDatas = _this$props.localeDatas;
109
- var _this$state = this.state,
110
- activeIndex = _this$state.activeIndex,
111
- visible = _this$state.visible;
112
- return /*#__PURE__*/_react["default"].createElement("div", {
113
- className: (0, _classnames["default"])('hi-tabs-legacy-dropdown', {
114
- 'hi-tabs-legacy-dropdown--active': !!items[activeIndex]
115
- })
116
- }, /*#__PURE__*/_react["default"].createElement("div", {
117
- className: "hi-tabs-legacy-dropdown__toggle",
118
- ref: function ref(node) {
119
- _this2.toggleRef = node;
120
- },
121
- onClick: function onClick(e) {
122
- e.stopPropagation();
123
-
124
- _this2.toggle();
125
- }
126
- }, /*#__PURE__*/_react["default"].createElement("span", {
127
- className: "hi-tabs-legacy-dropdown__toggle-title"
128
- }, items[activeIndex] && items[activeIndex].tabName || localeDatas.tabs.more), /*#__PURE__*/_react["default"].createElement("i", {
129
- className: "hi-icon icon-down"
130
- })), /*#__PURE__*/_react["default"].createElement(_popper["default"], {
131
- className: "hi-tabs-legacy-dropdown__popper",
132
- show: visible,
133
- attachEle: this.toggleRef,
134
- zIndex: 1010,
135
- width: "auto",
136
- leftGap: -18,
137
- topGap: 3
138
- }, /*#__PURE__*/_react["default"].createElement("div", {
139
- className: (0, _classnames["default"])('hi-tabs-legacy-dropdown__items')
140
- }, items.map(function (item, index) {
141
- return /*#__PURE__*/_react["default"].createElement("div", {
142
- className: (0, _classnames["default"])('hi-tabs-legacy-dropdown__item', {
143
- 'hi-tabs-legacy-dropdown__item--active': index === activeIndex
144
- }),
145
- onClick: function onClick(e) {
146
- _this2.setState({
147
- activeIndex: index
148
- }, function () {
149
- _this2.toggle();
150
-
151
- onChoose(item, e);
152
- });
153
- },
154
- key: index
155
- }, item.tabName);
156
- }))));
157
- }
158
- }]);
159
- return ItemDropdown;
160
- }(_react.Component);
161
-
162
- (0, _defineProperty2["default"])(ItemDropdown, "propTypes", {
163
- items: _propTypes["default"].array,
164
- onChoose: _propTypes["default"].func,
165
- active: _propTypes["default"].bool
166
- });
167
-
168
- var _default = (0, _context["default"])(ItemDropdown);
169
-
170
- exports["default"] = _default;
@@ -1,78 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- var _typeof = require("@babel/runtime/helpers/typeof");
6
-
7
- Object.defineProperty(exports, "__esModule", {
8
- value: true
9
- });
10
- exports["default"] = void 0;
11
-
12
- var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
13
-
14
- var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
15
-
16
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
17
-
18
- var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
19
-
20
- var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
21
-
22
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
23
-
24
- var _react = _interopRequireWildcard(require("react"));
25
-
26
- var _propTypes = _interopRequireDefault(require("prop-types"));
27
-
28
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
29
-
30
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
31
-
32
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
33
-
34
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
35
-
36
- var TabPane = /*#__PURE__*/function (_Component) {
37
- (0, _inherits2["default"])(TabPane, _Component);
38
-
39
- var _super = _createSuper(TabPane);
40
-
41
- function TabPane() {
42
- (0, _classCallCheck2["default"])(this, TabPane);
43
- return _super.apply(this, arguments);
44
- }
45
-
46
- (0, _createClass2["default"])(TabPane, [{
47
- key: "render",
48
- value: function render() {
49
- var _this$props = this.props,
50
- prefixCls = _this$props.prefixCls,
51
- children = _this$props.children,
52
- show = _this$props.show;
53
- var style = show ? {} : {
54
- display: 'none'
55
- };
56
- return /*#__PURE__*/_react["default"].createElement("div", {
57
- className: "".concat(prefixCls),
58
- style: style
59
- }, children);
60
- }
61
- }]);
62
- return TabPane;
63
- }(_react.Component);
64
-
65
- (0, _defineProperty2["default"])(TabPane, "defaultProps", {
66
- prefixCls: 'hi-tabs-legacy-pane',
67
- disabled: false,
68
- closeable: true
69
- });
70
- (0, _defineProperty2["default"])(TabPane, "propTypes", {
71
- tabName: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
72
- tabDesc: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
73
- tabKey: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
74
- closeable: _propTypes["default"].bool,
75
- disabled: _propTypes["default"].bool
76
- });
77
- var _default = TabPane;
78
- exports["default"] = _default;