@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,527 +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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
13
-
14
- var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
15
-
16
- var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
17
-
18
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
19
-
20
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
21
-
22
- var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
23
-
24
- var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
25
-
26
- var _react = _interopRequireWildcard(require("react"));
27
-
28
- var _reactDom = require("react-dom");
29
-
30
- var _reactAddonsCssTransitionGroup = _interopRequireDefault(require("react-addons-css-transition-group"));
31
-
32
- var _propTypes = _interopRequireDefault(require("prop-types"));
33
-
34
- var _classnames = _interopRequireDefault(require("classnames"));
35
-
36
- var _icon = _interopRequireDefault(require("../icon"));
37
-
38
- var _loading = _interopRequireDefault(require("../loading"));
39
-
40
- require("./style/index.js");
41
-
42
- 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); }
43
-
44
- 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; }
45
-
46
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
47
-
48
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
49
-
50
- 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); }; }
51
-
52
- 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; } }
53
-
54
- var Preview = /*#__PURE__*/function (_Component) {
55
- (0, _inherits2["default"])(Preview, _Component);
56
-
57
- var _super = _createSuper(Preview);
58
-
59
- function Preview(props) {
60
- var _this;
61
-
62
- (0, _classCallCheck2["default"])(this, Preview);
63
- _this = _super.call(this, props);
64
- _this.state = {
65
- extraClass: '',
66
- style: {
67
- width: 0,
68
- height: 0,
69
- left: 0,
70
- top: 0,
71
- rotate: 0,
72
- scaleX: 1,
73
- scaleY: 1
74
- },
75
- compileStyle: {},
76
- imgLoaded: false,
77
- isLoaded: false,
78
- isMouseDown: false,
79
- mouseX: 0,
80
- mouseY: 0,
81
- zoomValue: 100,
82
- rotateValue: 0,
83
- activeIndex: props.activeIndex || 0,
84
- visible: props.visible
85
- };
86
- _this.node = document.createElement('div');
87
- document.body.appendChild(_this.node);
88
- _this.imgRef = /*#__PURE__*/_react["default"].createRef();
89
- _this.previewRef = /*#__PURE__*/_react["default"].createRef();
90
- _this.handleMouseDown = _this.handleMouseDown.bind((0, _assertThisInitialized2["default"])(_this));
91
- _this.handleMouseMove = _this.handleMouseMove.bind((0, _assertThisInitialized2["default"])(_this));
92
- _this.handleMouseUp = _this.handleMouseUp.bind((0, _assertThisInitialized2["default"])(_this));
93
- _this.handleMouseWheel = _this.handleMouseWheel.bind((0, _assertThisInitialized2["default"])(_this));
94
- _this.imageMouseOver = _this.imageMouseOver.bind((0, _assertThisInitialized2["default"])(_this));
95
- _this.imageMouseOut = _this.imageMouseOut.bind((0, _assertThisInitialized2["default"])(_this));
96
- _this.autoPlayTimer = null;
97
- return _this;
98
- }
99
-
100
- (0, _createClass2["default"])(Preview, [{
101
- key: "componentDidMount",
102
- value: function componentDidMount() {
103
- this.loadImg(this.state.activeIndex);
104
- this.addAutoPlayEvent();
105
- }
106
- }, {
107
- key: "componentWillUnmount",
108
- value: function componentWillUnmount() {
109
- clearInterval(this.autoPlayTimer);
110
- }
111
- }, {
112
- key: "componentWillReceiveProps",
113
- value: function componentWillReceiveProps(nextProps) {
114
- if (nextProps.activeIndex !== this.state.activeIndex || nextProps.visible !== this.state.visible) {
115
- this.loadImg(nextProps.activeIndex);
116
- this.addAutoPlayEvent();
117
- this.setState({
118
- activeIndex: nextProps.activeIndex,
119
- visible: nextProps.activeIndex
120
- });
121
- }
122
- }
123
- /**
124
- * 自动滚动函数,目前 API 未暴露
125
- */
126
-
127
- }, {
128
- key: "addAutoPlayEvent",
129
- value: function addAutoPlayEvent() {
130
- var _this2 = this;
131
-
132
- var duration = this.props.duration;
133
-
134
- if (duration && duration > 0) {
135
- this.autoPlayTimer = setInterval(function () {
136
- var activeIndex = _this2.state.activeIndex;
137
-
138
- _this2.loadImg(activeIndex + 1);
139
- }, duration);
140
- }
141
- }
142
- }, {
143
- key: "imageMouseOver",
144
- value: function imageMouseOver() {
145
- clearInterval(this.autoPlayTimer);
146
- }
147
- }, {
148
- key: "imageMouseOut",
149
- value: function imageMouseOut() {
150
- clearInterval(this.autoPlayTimer);
151
- this.addAutoPlayEvent();
152
- }
153
- }, {
154
- key: "onClose",
155
- value: function onClose(e) {
156
- this.setState({
157
- style: {},
158
- extraClass: '',
159
- imgLoaded: false
160
- });
161
- this.props.onClose && this.props.onClose();
162
- }
163
- }, {
164
- key: "handleMouseWheel",
165
- value: function handleMouseWheel(e) {
166
- e.preventDefault();
167
- var direct = e.deltaY;
168
-
169
- if (direct !== 0) {
170
- var x = e.clientX;
171
- var y = e.clientY;
172
- this.handleZoom(x, y, direct);
173
- }
174
- }
175
- }, {
176
- key: "handleMouseDown",
177
- value: function handleMouseDown(e) {
178
- e.preventDefault();
179
- e.stopPropagation();
180
- this.setState({
181
- isMouseDown: true,
182
- mouseX: e.nativeEvent.clientX,
183
- mouseY: e.nativeEvent.clientY
184
- });
185
- }
186
- }, {
187
- key: "handleMouseUp",
188
- value: function handleMouseUp() {
189
- this.setState({
190
- isMouseDown: false
191
- });
192
- }
193
- }, {
194
- key: "handleMouseMove",
195
- value: function handleMouseMove(e) {
196
- if (this.state.isMouseDown) {
197
- var diffX = e.clientX - this.state.mouseX;
198
- var diffY = e.clientY - this.state.mouseY;
199
- this.setState({
200
- mouseX: e.clientX,
201
- mouseY: e.clientY
202
- });
203
- this.changeImageState({
204
- left: this.state.style.left + diffX,
205
- top: this.state.style.top + diffY
206
- });
207
- }
208
- }
209
- /**
210
- * 缩放事件
211
- * @param {*} x 鼠标位置 x
212
- * @param {*} y 鼠标位置 y
213
- * @param {*} direct 方向
214
- */
215
-
216
- }, {
217
- key: "handleZoom",
218
- value: function handleZoom(x, y, direct) {
219
- var speed = 0.05;
220
- var imgCenterXY = this.getImageCenterXY();
221
- var diffX = x - imgCenterXY.x;
222
- var diffY = y - imgCenterXY.y;
223
- var _this$state$style = this.state.style,
224
- left = _this$state$style.left,
225
- top = _this$state$style.top,
226
- scaleX = _this$state$style.scaleX,
227
- scaleY = _this$state$style.scaleY;
228
- var directX = scaleX > 0 ? 1 : -1;
229
- var directY = scaleY > 0 ? 1 : -1;
230
-
231
- var _scaleX = scaleX + speed * direct * directX;
232
-
233
- var _scaleY = scaleY + speed * direct * directY;
234
-
235
- if (Math.abs(_scaleX) < 0.1 || Math.abs(_scaleY) < 0.1) {
236
- return;
237
- }
238
-
239
- this.changeImageState({
240
- scaleX: _scaleX,
241
- scaleY: _scaleY,
242
- top: top + -direct * diffY / scaleX * speed * directX,
243
- left: left + -direct * diffX / scaleY * speed * directY
244
- });
245
- }
246
- }, {
247
- key: "handleRotate",
248
- value: function handleRotate(isRight) {
249
- var rotate = this.state.style.rotate;
250
- this.changeImageState({
251
- rotate: rotate + 90 * (isRight ? 1 : -1)
252
- });
253
- }
254
- }, {
255
- key: "getImageCenterXY",
256
- value: function getImageCenterXY() {
257
- var _this$state$style2 = this.state.style,
258
- left = _this$state$style2.left,
259
- top = _this$state$style2.top,
260
- width = _this$state$style2.width,
261
- height = _this$state$style2.height;
262
- return {
263
- x: left + width / 2,
264
- y: top + height / 2
265
- };
266
- }
267
- /**
268
- * 修改图片样式
269
- * @param {*} args 计算后的部分样式
270
- */
271
-
272
- }, {
273
- key: "changeImageState",
274
- value: function changeImageState(args) {
275
- var _this3 = this;
276
-
277
- var style = this.state.style;
278
-
279
- var _style = Object.assign({}, style, _objectSpread({}, args));
280
-
281
- this.setState({
282
- style: _style
283
- }, function () {
284
- var compileStyle = {
285
- width: _style.width,
286
- height: _style.height,
287
- transform: "translateX(".concat(_style.left, "px) translateY(").concat(_style.top, "px) rotate(").concat(_style.rotate, "deg) scaleX(").concat(_style.scaleX, ") scaleY(").concat(_style.scaleY, ")")
288
- };
289
-
290
- _this3.setState({
291
- compileStyle: compileStyle
292
- });
293
- });
294
- }
295
- /**
296
- * 加载图片 加载完成后生成计算样式
297
- * @param {*} imageIndex 加载的图片索引
298
- */
299
-
300
- }, {
301
- key: "loadImg",
302
- value: function loadImg(imageIndex) {
303
- var _this4 = this;
304
-
305
- var _this$props = this.props,
306
- images = _this$props.images,
307
- simpleData = _this$props.simpleData;
308
-
309
- if (!images || images.length === 0) {
310
- return;
311
- }
312
-
313
- if (imageIndex >= images.length) {
314
- imageIndex = 0;
315
- }
316
-
317
- if (imageIndex < 0) {
318
- imageIndex = images.length - 1;
319
- }
320
-
321
- var currentImage = images[imageIndex];
322
- var img = new window.Image();
323
-
324
- img.onload = function () {
325
- _this4.setState({
326
- activeIndex: imageIndex,
327
- isLoaded: true
328
- });
329
-
330
- _this4.getImgWidthHeight(img.width, img.height);
331
- };
332
-
333
- img.src = simpleData ? currentImage : currentImage.url;
334
- }
335
- }, {
336
- key: "getImgWidthHeight",
337
- value: function getImgWidthHeight(imgWidth, imgHeight) {
338
- var width = 0;
339
- var height = 0;
340
- var _window = window,
341
- innerHeight = _window.innerHeight,
342
- innerWidth = _window.innerWidth;
343
- var maxWidth = innerWidth * 0.8;
344
- var maxHeight = innerHeight * 0.8;
345
- var style = {};
346
- width = Math.min(maxWidth, imgWidth);
347
- height = width / imgWidth * imgHeight;
348
-
349
- if (height > maxHeight) {
350
- height = maxHeight;
351
- width = height / imgHeight * imgWidth;
352
- }
353
-
354
- style = {
355
- width: width,
356
- height: height,
357
- left: (innerWidth - width) / 2,
358
- top: (innerHeight - height) / 2,
359
- scaleX: 1,
360
- scaleY: 1,
361
- rotate: 0
362
- };
363
- this.changeImageState(style);
364
- }
365
- }, {
366
- key: "clickEvent",
367
- value: function clickEvent(type, event) {
368
- event.stopPropagation();
369
- var activeIndex = this.state.activeIndex;
370
-
371
- var _this$getImageCenterX = this.getImageCenterXY(),
372
- x = _this$getImageCenterX.x,
373
- y = _this$getImageCenterX.y;
374
-
375
- switch (type) {
376
- case 'zoomIn':
377
- this.handleZoom(x, y, -1);
378
- break;
379
-
380
- case 'zoomOut':
381
- this.handleZoom(x, y, 1);
382
- break;
383
-
384
- case 'reset':
385
- this.loadImg(activeIndex);
386
- break;
387
-
388
- case 'leftRotate':
389
- this.handleRotate();
390
- break;
391
-
392
- case 'rightRotate':
393
- this.handleRotate(true);
394
- break;
395
-
396
- case 'prev':
397
- this.loadImg(activeIndex - 1);
398
- break;
399
-
400
- case 'next':
401
- this.loadImg(activeIndex + 1);
402
- break;
403
-
404
- case 'close':
405
- this.onClose();
406
- break;
407
-
408
- default:
409
- break;
410
- }
411
- }
412
- }, {
413
- key: "render",
414
- value: function render() {
415
- var _this$props2 = this.props,
416
- visible = _this$props2.visible,
417
- images = _this$props2.images,
418
- showArrow = _this$props2.showArrow,
419
- showCount = _this$props2.showCount,
420
- showBar = _this$props2.showBar,
421
- simpleData = _this$props2.simpleData;
422
- var _this$state = this.state,
423
- extraClass = _this$state.extraClass,
424
- compileStyle = _this$state.compileStyle,
425
- isLoaded = _this$state.isLoaded,
426
- activeIndex = _this$state.activeIndex;
427
-
428
- if (images.length === 0) {
429
- return null;
430
- }
431
-
432
- if (!visible) {
433
- return null;
434
- }
435
-
436
- return /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react["default"].createElement(_reactAddonsCssTransitionGroup["default"], {
437
- transitionName: "hi-preview",
438
- transitionEnterTimeout: 50,
439
- transitionLeaveTimeout: 50,
440
- component: "div"
441
- }, /*#__PURE__*/_react["default"].createElement("div", {
442
- key: 1,
443
- ref: this.previewRef,
444
- className: (0, _classnames["default"])('hi-preview', extraClass, {
445
- 'hi-preview--hide': !visible
446
- }),
447
- onMouseMove: this.handleMouseMove
448
- }, isLoaded ? /*#__PURE__*/_react["default"].createElement("img", {
449
- ref: this.imgRef,
450
- src: simpleData ? images[activeIndex] : images[activeIndex].url,
451
- style: _objectSpread({}, compileStyle),
452
- onMouseDown: this.handleMouseDown,
453
- onMouseUp: this.handleMouseUp,
454
- onMouseEnter: this.imageMouseOver,
455
- onMouseLeave: this.imageMouseOut,
456
- className: "hi-preview__image"
457
- }) : /*#__PURE__*/_react["default"].createElement(_loading["default"], {
458
- size: "small"
459
- }), showBar && /*#__PURE__*/_react["default"].createElement("div", {
460
- className: "hi-preview-toolbar",
461
- onClick: function onClick(e) {
462
- e.stopPropagation();
463
- }
464
- }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
465
- name: "zoom-out",
466
- onClick: this.clickEvent.bind(this, 'zoomOut')
467
- }), /*#__PURE__*/_react["default"].createElement(_icon["default"], {
468
- name: "zoom-in",
469
- onClick: this.clickEvent.bind(this, 'zoomIn')
470
- }), /*#__PURE__*/_react["default"].createElement(_icon["default"], {
471
- name: "left",
472
- onClick: this.clickEvent.bind(this, 'prev')
473
- }), /*#__PURE__*/_react["default"].createElement(_icon["default"], {
474
- name: "ratio",
475
- onClick: this.clickEvent.bind(this, 'reset')
476
- }), /*#__PURE__*/_react["default"].createElement(_icon["default"], {
477
- name: "right",
478
- onClick: this.clickEvent.bind(this, 'next')
479
- }), /*#__PURE__*/_react["default"].createElement(_icon["default"], {
480
- name: "rotate-left",
481
- onClick: this.clickEvent.bind(this, 'leftRotate')
482
- }), /*#__PURE__*/_react["default"].createElement(_icon["default"], {
483
- name: "rotate-right",
484
- onClick: this.clickEvent.bind(this, 'rightRotate')
485
- })), /*#__PURE__*/_react["default"].createElement("div", {
486
- className: "hi-preview__close",
487
- onClick: this.onClose.bind(this)
488
- }, /*#__PURE__*/_react["default"].createElement("img", {
489
- src: "data:image/png;base64,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"
490
- })), showArrow && /*#__PURE__*/_react["default"].createElement("div", {
491
- className: "hi-preview__wrapper-arrow"
492
- }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
493
- name: "left",
494
- onClick: this.clickEvent.bind(this, 'prev')
495
- }), /*#__PURE__*/_react["default"].createElement(_icon["default"], {
496
- name: "right",
497
- onClick: this.clickEvent.bind(this, 'next')
498
- })), showCount && /*#__PURE__*/_react["default"].createElement("div", {
499
- className: "hi-preview__count"
500
- }, /*#__PURE__*/_react["default"].createElement("span", null, activeIndex + 1), "\xA0/\xA0", /*#__PURE__*/_react["default"].createElement("span", null, images.length)))), this.node);
501
- }
502
- }]);
503
- return Preview;
504
- }(_react.Component);
505
-
506
- Preview.propTypes = {
507
- visible: _propTypes["default"].bool,
508
- onClose: _propTypes["default"].func,
509
- showArrow: _propTypes["default"].bool,
510
- showCount: _propTypes["default"].bool,
511
- images: _propTypes["default"].array,
512
- simpleData: _propTypes["default"].bool,
513
- activeIndex: _propTypes["default"].number
514
- };
515
- Preview.defaultProps = {
516
- showArrow: false,
517
- visible: false,
518
- showCount: false,
519
- showBar: true,
520
- duration: false,
521
- onClose: function onClose() {},
522
- images: [],
523
- simpleData: false,
524
- activeIndex: 0
525
- };
526
- var _default = Preview;
527
- exports["default"] = _default;
@@ -1 +0,0 @@
1
- .hi-preview{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.54);z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hi-preview__image:hover{cursor:move}.hi-preview-toolbar{position:absolute;bottom:20px;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:#fff;padding:0 32px;height:48px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:28px}.hi-preview-toolbar .hi-icon{margin:0 12px;font-size:20px;cursor:pointer}.hi-preview__close{position:absolute;right:10px;top:10px;width:36px;height:36px;line-height:1;border-radius:50%;text-align:center}.hi-preview__close img{width:100%;height:100%;cursor:pointer}.hi-preview__wrapper-arrow{position:absolute;font-size:72px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#fff;width:100%;z-index:-1}.hi-preview__wrapper-arrow .hi-icon{cursor:pointer}.hi-preview__count{position:absolute;top:12px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#fff;padding:4px 12px;border-radius:16px;min-width:48px;text-align:center}
@@ -1,3 +0,0 @@
1
- "use strict";
2
-
3
- require("./index.css");
@@ -1,110 +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
- require("./style");
29
-
30
- var _BarProgress = _interopRequireDefault(require("./BarProgress.js"));
31
-
32
- var _CircleProgress = require("./CircleProgress.js");
33
-
34
- var _DashboardProgress = require("./DashboardProgress");
35
-
36
- var _context = _interopRequireDefault(require("../context"));
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 Progress = /*#__PURE__*/function (_Component) {
47
- (0, _inherits2["default"])(Progress, _Component);
48
-
49
- var _super = _createSuper(Progress);
50
-
51
- function Progress() {
52
- (0, _classCallCheck2["default"])(this, Progress);
53
- return _super.apply(this, arguments);
54
- }
55
-
56
- (0, _createClass2["default"])(Progress, [{
57
- key: "getRenderType",
58
- value: function getRenderType(apperance) {
59
- switch (apperance) {
60
- case 'circle':
61
- return /*#__PURE__*/_react["default"].createElement(_CircleProgress.CircleProgress, this.props);
62
-
63
- case 'dashboard':
64
- return /*#__PURE__*/_react["default"].createElement(_DashboardProgress.DashboardProgress, this.props);
65
-
66
- default:
67
- return /*#__PURE__*/_react["default"].createElement(_BarProgress["default"], this.props);
68
- }
69
- }
70
- }, {
71
- key: "render",
72
- value: function render() {
73
- var prefix = 'hi-progress';
74
- var _this$props = this.props,
75
- _this$props$className = _this$props.className,
76
- className = _this$props$className === void 0 ? '' : _this$props$className,
77
- apperance = _this$props.apperance,
78
- theme = _this$props.theme;
79
- return /*#__PURE__*/_react["default"].createElement("div", {
80
- className: "".concat(prefix, "__container ").concat(className, " theme__").concat(theme)
81
- }, this.getRenderType(apperance));
82
- }
83
- }]);
84
- return Progress;
85
- }(_react.Component);
86
-
87
- (0, _defineProperty2["default"])(Progress, "propTypes", {
88
- apperance: _propTypes["default"].string,
89
- type: _propTypes["default"].oneOf(['success', 'warn', 'error', 'primary']),
90
- percent: _propTypes["default"].number,
91
- width: _propTypes["default"].number,
92
- height: _propTypes["default"].number,
93
- tooltip: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
94
- content: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
95
- size: _propTypes["default"].oneOf(['large', 'default', 'small']),
96
- placement: _propTypes["default"].oneOf(['inside', 'outside'])
97
- });
98
- (0, _defineProperty2["default"])(Progress, "defaultProps", {
99
- apperance: 'bar',
100
- size: 'default',
101
- percent: 0,
102
- radius: 40,
103
- type: 'primary',
104
- showInfo: true,
105
- placement: 'outside'
106
- });
107
-
108
- var _default = (0, _context["default"])(Progress);
109
-
110
- exports["default"] = _default;