@qsxy/element-plus-react 1.0.0-next.10 → 1.0.0-next.12

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 (404) hide show
  1. package/dist/Avatar/Avatar.d.ts +2 -2
  2. package/dist/Avatar/Avatar.js +81 -73
  3. package/dist/Avatar/index.js +1 -39
  4. package/dist/Avatar/typings.js +1 -17
  5. package/dist/Badge/Badge.d.ts +2 -2
  6. package/dist/Badge/Badge.js +75 -60
  7. package/dist/Badge/index.js +1 -39
  8. package/dist/Badge/typings.d.ts +1 -1
  9. package/dist/Badge/typings.js +1 -17
  10. package/dist/Breadcrumb/Breadcrumb.js +23 -50
  11. package/dist/Breadcrumb/BreadcrumbItem.js +45 -51
  12. package/dist/Breadcrumb/index.js +2 -42
  13. package/dist/Breadcrumb/typings.js +1 -17
  14. package/dist/Button/Button.js +132 -105
  15. package/dist/Button/ButtonGroup.js +29 -48
  16. package/dist/Button/ButtonGroupContext.js +2 -30
  17. package/dist/Button/index.js +2 -42
  18. package/dist/Button/typings.d.ts +4 -2
  19. package/dist/Button/typings.js +1 -17
  20. package/dist/Button/useButtonCustomStyle.d.ts +4 -0
  21. package/dist/Button/useButtonCustomStyle.js +65 -0
  22. package/dist/Calendar/Calendar.js +310 -237
  23. package/dist/Calendar/CalendarContext.js +3 -27
  24. package/dist/Calendar/DatePanel.js +191 -158
  25. package/dist/Calendar/DateRangePanel.js +140 -125
  26. package/dist/Calendar/Footer.js +41 -51
  27. package/dist/Calendar/Header.js +83 -65
  28. package/dist/Calendar/MonthPanel.js +138 -124
  29. package/dist/Calendar/MonthRangePanel.js +137 -124
  30. package/dist/Calendar/ShortCuts.js +21 -40
  31. package/dist/Calendar/WeekPanel.js +213 -145
  32. package/dist/Calendar/YearPanel.js +150 -125
  33. package/dist/Calendar/YearRangePanel.js +138 -128
  34. package/dist/Calendar/index.js +4 -47
  35. package/dist/Calendar/typings.js +1 -17
  36. package/dist/Calendar/util.js +26 -68
  37. package/dist/Card/Card.js +36 -46
  38. package/dist/Card/index.js +1 -39
  39. package/dist/Card/typings.js +1 -17
  40. package/dist/Carousel/Carousel.js +202 -166
  41. package/dist/Carousel/CarouselContext.js +14 -42
  42. package/dist/Carousel/CarouselItem.js +55 -71
  43. package/dist/Carousel/hooks/useCarousel.js +263 -238
  44. package/dist/Carousel/hooks/useCarouselItem.js +136 -132
  45. package/dist/Carousel/index.js +2 -42
  46. package/dist/Carousel/typings.js +1 -17
  47. package/dist/Cascader/Cascader.js +693 -569
  48. package/dist/Cascader/CascaderContext.js +9 -45
  49. package/dist/Cascader/CascaderDropdown.js +90 -77
  50. package/dist/Cascader/CascaderMenu.js +101 -114
  51. package/dist/Cascader/Utils.js +6 -33
  52. package/dist/Cascader/index.js +1 -39
  53. package/dist/Cascader/typings.d.ts +1 -1
  54. package/dist/Cascader/typings.js +1 -17
  55. package/dist/Cascader/useCascader.js +648 -458
  56. package/dist/Checkbox/Checkbox.d.ts +3 -3
  57. package/dist/Checkbox/Checkbox.js +138 -161
  58. package/dist/Checkbox/CheckboxButton.js +133 -157
  59. package/dist/Checkbox/index.js +2 -42
  60. package/dist/Checkbox/typings.d.ts +3 -2
  61. package/dist/Checkbox/typings.js +1 -17
  62. package/dist/CheckboxGroup/CheckboxGroup.js +133 -112
  63. package/dist/CheckboxGroup/CheckboxGroupContext.js +2 -30
  64. package/dist/CheckboxGroup/index.js +2 -42
  65. package/dist/Col/Col.js +53 -72
  66. package/dist/Col/index.js +1 -39
  67. package/dist/Col/typings.js +1 -17
  68. package/dist/Collapse/Collapse.js +36 -45
  69. package/dist/Collapse/CollapseContext.js +3 -31
  70. package/dist/Collapse/CollapseItem.js +88 -73
  71. package/dist/Collapse/CollapseTransition.js +29 -67
  72. package/dist/Collapse/index.js +2 -42
  73. package/dist/Collapse/typings.js +1 -17
  74. package/dist/ColorPicker/AlphaSlider.js +117 -99
  75. package/dist/ColorPicker/ColorPicker.d.ts +1 -1
  76. package/dist/ColorPicker/ColorPicker.js +233 -189
  77. package/dist/ColorPicker/HueSlider.js +102 -96
  78. package/dist/ColorPicker/Predefine.js +65 -66
  79. package/dist/ColorPicker/SvPanel.js +95 -81
  80. package/dist/ColorPicker/color.js +301 -213
  81. package/dist/ColorPicker/draggable.js +30 -48
  82. package/dist/ColorPicker/index.js +1 -39
  83. package/dist/ColorPicker/typings.js +1 -17
  84. package/dist/ColorPicker/util.js +23 -60
  85. package/dist/ConfigProvider/ConfigProvider.js +4 -28
  86. package/dist/ConfigProvider/index.js +1 -39
  87. package/dist/DatePicker/DatePicker.d.ts +3 -3
  88. package/dist/DatePicker/DatePicker.js +251 -227
  89. package/dist/DatePicker/DateRangePicker.d.ts +3 -3
  90. package/dist/DatePicker/DateRangePicker.js +279 -276
  91. package/dist/DatePicker/index.js +2 -39
  92. package/dist/DatePicker/main.d.ts +2 -2
  93. package/dist/DatePicker/main.js +21 -44
  94. package/dist/DatePicker/typings.d.ts +24 -17
  95. package/dist/DatePicker/typings.js +1 -17
  96. package/dist/DateTimePicker/DateTimePicker.d.ts +3 -5
  97. package/dist/DateTimePicker/DateTimePicker.js +286 -215
  98. package/dist/DateTimePicker/index.js +1 -39
  99. package/dist/DateTimePicker/typings.d.ts +10 -13
  100. package/dist/DateTimePicker/typings.js +1 -17
  101. package/dist/DateTimePicker/util.js +5 -35
  102. package/dist/Descriptions/Descriptions.js +83 -63
  103. package/dist/Descriptions/DescriptionsCell.js +67 -79
  104. package/dist/Descriptions/DescriptionsContext.js +4 -32
  105. package/dist/Descriptions/DescriptionsItem.js +4 -27
  106. package/dist/Descriptions/DescriptionsRow.js +42 -44
  107. package/dist/Descriptions/index.js +2 -42
  108. package/dist/Descriptions/typings.js +1 -17
  109. package/dist/Dialog/Dialog.js +224 -176
  110. package/dist/Dialog/DialogBody.js +52 -59
  111. package/dist/Dialog/DialogContext.js +6 -44
  112. package/dist/Dialog/DialogFooter.js +21 -45
  113. package/dist/Dialog/DialogHeader.js +44 -50
  114. package/dist/Dialog/index.js +1 -39
  115. package/dist/Dialog/typings.d.ts +1 -1
  116. package/dist/Dialog/typings.js +1 -17
  117. package/dist/Dialog/useDraggable.js +52 -79
  118. package/dist/Divider/Divider.d.ts +3 -3
  119. package/dist/Divider/Divider.js +38 -44
  120. package/dist/Divider/index.js +1 -39
  121. package/dist/Drawer/Drawer.js +144 -136
  122. package/dist/Drawer/DrawerBody.js +35 -57
  123. package/dist/Drawer/DrawerContext.js +13 -44
  124. package/dist/Drawer/DrawerFooter.js +22 -43
  125. package/dist/Drawer/DrawerHeader.js +41 -48
  126. package/dist/Drawer/index.js +1 -39
  127. package/dist/Drawer/typings.js +1 -17
  128. package/dist/Dropdown/Dropdown.d.ts +3 -3
  129. package/dist/Dropdown/Dropdown.js +103 -107
  130. package/dist/Dropdown/DropdownContext.js +5 -43
  131. package/dist/Dropdown/DropdownItem.js +40 -60
  132. package/dist/Dropdown/DropdownMenu.js +28 -56
  133. package/dist/Dropdown/index.js +3 -45
  134. package/dist/Dropdown/typings.d.ts +8 -1
  135. package/dist/Dropdown/typings.js +1 -17
  136. package/dist/Empty/Empty.js +32 -53
  137. package/dist/Empty/ImgEmpty.js +115 -117
  138. package/dist/Empty/index.js +1 -39
  139. package/dist/Form/FieldContext.js +8 -37
  140. package/dist/Form/Form.js +167 -162
  141. package/dist/Form/FormContext.js +58 -97
  142. package/dist/Form/FormItem.js +620 -352
  143. package/dist/Form/FormItemContext.js +3 -31
  144. package/dist/Form/List.js +121 -104
  145. package/dist/Form/ListContext.js +3 -27
  146. package/dist/Form/index.js +3 -45
  147. package/dist/Form/typings.d.ts +25 -4
  148. package/dist/Form/typings.js +1 -17
  149. package/dist/Form/useForm.js +830 -690
  150. package/dist/Form/useWatch.js +64 -79
  151. package/dist/Form/utils/NameMap.js +98 -69
  152. package/dist/Form/utils/asyncUtil.js +9 -37
  153. package/dist/Form/utils/classUtil.js +26 -48
  154. package/dist/Form/utils/cloneDeep.js +8 -29
  155. package/dist/Form/utils/get.js +6 -30
  156. package/dist/Form/utils/messages.js +25 -53
  157. package/dist/Form/utils/set.js +31 -44
  158. package/dist/Form/utils/typeUtil.js +3 -31
  159. package/dist/Form/utils/util.js +18 -55
  160. package/dist/Form/utils/validateUtil.js +284 -159
  161. package/dist/Form/utils/valueUtil.js +102 -107
  162. package/dist/Icon/Icon.js +39 -63
  163. package/dist/Icon/IconList/Check.js +25 -65
  164. package/dist/Icon/IconList/Close.js +23 -52
  165. package/dist/Icon/IconList/Delete.js +25 -65
  166. package/dist/Icon/IconList/Down.js +25 -65
  167. package/dist/Icon/IconList/Eye.js +25 -65
  168. package/dist/Icon/IconList/EyeClose.js +25 -65
  169. package/dist/Icon/IconList/Left.js +25 -65
  170. package/dist/Icon/IconList/Link.js +19 -55
  171. package/dist/Icon/IconList/More.js +25 -65
  172. package/dist/Icon/IconList/Question.js +25 -65
  173. package/dist/Icon/IconList/Right.js +25 -65
  174. package/dist/Icon/IconList/Search.js +25 -65
  175. package/dist/Icon/IconList/Up.js +25 -65
  176. package/dist/Icon/IconList/Upload.js +25 -65
  177. package/dist/Icon/IconList/index.js +14 -68
  178. package/dist/Icon/index.js +2 -42
  179. package/dist/Icon/typings.js +1 -17
  180. package/dist/Input/Input.js +335 -358
  181. package/dist/Input/InputGroup.js +27 -43
  182. package/dist/Input/InputRange.js +295 -308
  183. package/dist/Input/TextArea.js +129 -120
  184. package/dist/Input/index.js +3 -45
  185. package/dist/Input/typings.d.ts +1 -1
  186. package/dist/Input/typings.js +1 -17
  187. package/dist/InputNumber/InputNumber.js +224 -203
  188. package/dist/InputNumber/index.js +1 -39
  189. package/dist/InputNumber/typings.d.ts +1 -1
  190. package/dist/InputNumber/typings.js +1 -17
  191. package/dist/Link/Link.js +43 -60
  192. package/dist/Link/index.js +1 -39
  193. package/dist/Link/typings.js +1 -17
  194. package/dist/Loading/Loading.js +93 -66
  195. package/dist/Loading/index.js +1 -39
  196. package/dist/Loading/typings.js +1 -17
  197. package/dist/Message/Main.js +41 -66
  198. package/dist/Message/Message.js +167 -130
  199. package/dist/Message/index.js +68 -88
  200. package/dist/Message/typings.js +1 -17
  201. package/dist/MessageBox/Main.js +43 -68
  202. package/dist/MessageBox/MessageBox.js +253 -202
  203. package/dist/MessageBox/index.js +74 -79
  204. package/dist/MessageBox/typings.js +1 -17
  205. package/dist/Notification/Main.js +41 -66
  206. package/dist/Notification/Notification.js +148 -131
  207. package/dist/Notification/index.js +76 -92
  208. package/dist/Notification/typings.js +1 -17
  209. package/dist/Pagination/Options.js +104 -99
  210. package/dist/Pagination/Pager.js +30 -61
  211. package/dist/Pagination/Pagination.js +462 -380
  212. package/dist/Pagination/index.js +1 -39
  213. package/dist/Pagination/typings.js +1 -17
  214. package/dist/Pagination/util.js +10 -41
  215. package/dist/Popconfirm/Popconfirm.js +108 -116
  216. package/dist/Popconfirm/index.js +1 -39
  217. package/dist/Popconfirm/typings.js +1 -17
  218. package/dist/Popover/Popover.js +87 -89
  219. package/dist/Popover/index.js +1 -39
  220. package/dist/Popover/typings.js +1 -17
  221. package/dist/Popper/Popper.js +172 -149
  222. package/dist/Popper/index.js +1 -39
  223. package/dist/Popper/popperOptions.js +79 -90
  224. package/dist/Popper/typings.js +1 -17
  225. package/dist/Progress/Progress.js +186 -155
  226. package/dist/Progress/index.js +1 -39
  227. package/dist/Progress/typings.js +1 -17
  228. package/dist/Radio/Radio.js +162 -117
  229. package/dist/Radio/RadioButton.d.ts +2 -2
  230. package/dist/Radio/RadioButton.js +137 -117
  231. package/dist/Radio/index.js +1 -39
  232. package/dist/Radio/typings.d.ts +2 -1
  233. package/dist/Radio/typings.js +1 -17
  234. package/dist/RadioGroup/RadioGroup.js +63 -78
  235. package/dist/RadioGroup/index.js +1 -39
  236. package/dist/RadioGroup/typings.js +1 -17
  237. package/dist/Row/Row.js +41 -62
  238. package/dist/Row/RowContext.js +3 -31
  239. package/dist/Row/index.js +2 -42
  240. package/dist/Row/typings.js +1 -17
  241. package/dist/Scrollbar/Scrollbar.js +172 -133
  242. package/dist/Scrollbar/Thumb.js +108 -96
  243. package/dist/Scrollbar/index.js +1 -39
  244. package/dist/Scrollbar/typings.d.ts +11 -2
  245. package/dist/Scrollbar/typings.js +1 -17
  246. package/dist/Scrollbar/util.js +24 -51
  247. package/dist/Select/Option.js +50 -75
  248. package/dist/Select/OptionGroup.js +31 -47
  249. package/dist/Select/Select.js +25 -48
  250. package/dist/Select/SelectContext.js +8 -46
  251. package/dist/Select/SelectCore.js +449 -377
  252. package/dist/Select/SelectDropdown.js +200 -160
  253. package/dist/Select/index.js +2 -42
  254. package/dist/Select/typings.d.ts +1 -1
  255. package/dist/Select/typings.js +1 -17
  256. package/dist/Skeleton/PlaceholderGraph.js +39 -45
  257. package/dist/Skeleton/PlaceholderGrid.js +55 -67
  258. package/dist/Skeleton/PlaceholderParagraph.js +51 -52
  259. package/dist/Skeleton/Skeleton.js +8 -42
  260. package/dist/Skeleton/index.js +1 -39
  261. package/dist/Switch/Switch.js +183 -154
  262. package/dist/Switch/index.js +1 -39
  263. package/dist/Switch/typings.js +1 -17
  264. package/dist/Table/Colgroup.js +17 -41
  265. package/dist/Table/Table.js +246 -188
  266. package/dist/Table/TableBody.js +265 -200
  267. package/dist/Table/TableCell.js +461 -320
  268. package/dist/Table/TableColumn.js +9 -43
  269. package/dist/Table/TableContext.js +44 -63
  270. package/dist/Table/TableHeader.js +112 -102
  271. package/dist/Table/TableHeaderCell.js +211 -158
  272. package/dist/Table/hooks/useResize.js +69 -83
  273. package/dist/Table/hooks/useScroll.js +88 -114
  274. package/dist/Table/hooks/useSelection.js +145 -110
  275. package/dist/Table/hooks/useTable.js +411 -309
  276. package/dist/Table/index.js +2 -42
  277. package/dist/Table/treeUtil.js +99 -77
  278. package/dist/Table/typings.js +1 -17
  279. package/dist/Table/util.js +168 -109
  280. package/dist/Tabs/TabPane.js +51 -53
  281. package/dist/Tabs/Tabs.js +277 -178
  282. package/dist/Tabs/TabsContext.js +4 -32
  283. package/dist/Tabs/index.js +2 -42
  284. package/dist/Tabs/typings.js +1 -17
  285. package/dist/Tag/Tag.js +86 -74
  286. package/dist/Tag/index.js +1 -39
  287. package/dist/Tag/typings.js +1 -17
  288. package/dist/TimeLine/TimeLine.js +13 -42
  289. package/dist/TimeLine/TimeLineItem.js +66 -54
  290. package/dist/TimeLine/index.js +2 -42
  291. package/dist/TimeLine/typings.js +1 -17
  292. package/dist/TimePicker/TimePicker.d.ts +1 -4
  293. package/dist/TimePicker/TimePicker.js +275 -215
  294. package/dist/TimePicker/TimePickerPanel.js +62 -71
  295. package/dist/TimePicker/TimePickerRange.d.ts +4 -4
  296. package/dist/TimePicker/TimePickerRange.js +371 -334
  297. package/dist/TimePicker/TimeRangePanel.js +182 -165
  298. package/dist/TimePicker/TimeSpinnerPanel.js +321 -267
  299. package/dist/TimePicker/index.d.ts +2 -3
  300. package/dist/TimePicker/index.js +1 -42
  301. package/dist/TimePicker/main.d.ts +9 -0
  302. package/dist/TimePicker/main.js +17 -0
  303. package/dist/TimePicker/typings.d.ts +29 -24
  304. package/dist/TimePicker/typings.js +1 -17
  305. package/dist/TimePicker/useTimePicker.js +62 -65
  306. package/dist/TimePicker/util.js +8 -40
  307. package/dist/Tooltip/Tooltip.js +172 -180
  308. package/dist/Tooltip/TooltipContext.js +8 -46
  309. package/dist/Tooltip/index.js +2 -42
  310. package/dist/Tooltip/typings.js +1 -17
  311. package/dist/Transfer/List.js +290 -241
  312. package/dist/Transfer/ListBody.js +92 -106
  313. package/dist/Transfer/ListItem.js +38 -51
  314. package/dist/Transfer/Transfer.js +323 -280
  315. package/dist/Transfer/index.js +1 -39
  316. package/dist/Transfer/interface.js +1 -17
  317. package/dist/Transfer/operation.js +35 -48
  318. package/dist/Transfer/search.js +30 -62
  319. package/dist/Transfer/typings/index.js +1 -17
  320. package/dist/Transfer/typings/list.js +1 -17
  321. package/dist/Transfer/typings/listBody.js +2 -30
  322. package/dist/Transition/Transition.js +271 -234
  323. package/dist/Transition/TransitionGroup.js +136 -88
  324. package/dist/Transition/TransitionGroupContext.js +2 -26
  325. package/dist/Transition/childMapping.js +84 -71
  326. package/dist/Transition/index.js +2 -42
  327. package/dist/Transition/util.d.ts +0 -1
  328. package/dist/Transition/util.js +6 -47
  329. package/dist/Tree/DirectoryTree.js +146 -118
  330. package/dist/Tree/DropIndicator.js +15 -45
  331. package/dist/Tree/Indent.js +23 -54
  332. package/dist/Tree/MotionTreeNode.js +94 -95
  333. package/dist/Tree/NodeList.js +228 -221
  334. package/dist/Tree/RCTree.js +969 -702
  335. package/dist/Tree/Tree.js +64 -79
  336. package/dist/Tree/TreeNode.js +254 -255
  337. package/dist/Tree/contextTypes.js +8 -42
  338. package/dist/Tree/index.js +4 -48
  339. package/dist/Tree/typings.js +1 -17
  340. package/dist/Tree/useUnmount.js +21 -41
  341. package/dist/Tree/util.js +156 -134
  342. package/dist/Tree/utils/conductUtil.js +113 -104
  343. package/dist/Tree/utils/dictUtil.js +50 -78
  344. package/dist/Tree/utils/diffUtil.js +26 -43
  345. package/dist/Tree/utils/dropIndicator.js +23 -51
  346. package/dist/Tree/utils/iconUtil.js +44 -51
  347. package/dist/Tree/utils/keyUtil.js +2 -26
  348. package/dist/Tree/utils/motion.js +34 -72
  349. package/dist/Tree/utils/pickAttrs.js +30 -58
  350. package/dist/Tree/utils/treeUtil.js +263 -203
  351. package/dist/TreeSelect/TreeSelect.js +521 -459
  352. package/dist/TreeSelect/Utils.js +15 -36
  353. package/dist/TreeSelect/index.js +1 -39
  354. package/dist/TreeSelect/typings.d.ts +1 -1
  355. package/dist/TreeSelect/typings.js +1 -17
  356. package/dist/Upload/Upload.js +106 -109
  357. package/dist/Upload/UploadContent.js +227 -182
  358. package/dist/Upload/UploadContext.js +5 -33
  359. package/dist/Upload/UploadDrag.js +77 -97
  360. package/dist/Upload/UploadList.js +104 -73
  361. package/dist/Upload/ajax.js +45 -71
  362. package/dist/Upload/index.js +1 -39
  363. package/dist/Upload/typings.js +34 -36
  364. package/dist/Upload/use-handlers.js +182 -126
  365. package/dist/Util/Math.js +81 -78
  366. package/dist/Util/PopupManager.js +5 -27
  367. package/dist/Util/base.js +101 -171
  368. package/dist/Util/genFileId.js +3 -29
  369. package/dist/Util/index.js +6 -51
  370. package/dist/Util/resize-event.js +31 -54
  371. package/dist/Util/shallowEqual.js +30 -28
  372. package/dist/Util/treeUtils.js +68 -64
  373. package/dist/config/Constants.js +17 -47
  374. package/dist/display.css +1 -0
  375. package/dist/hooks/animationPropsUtils.js +25 -49
  376. package/dist/hooks/htmlPropsUtils.js +54 -121
  377. package/dist/hooks/index.js +14 -73
  378. package/dist/hooks/popperPropsUtils.js +25 -67
  379. package/dist/hooks/prefix.js +22 -55
  380. package/dist/hooks/treePropsUtils.js +24 -103
  381. package/dist/hooks/useChildrenInstance.js +51 -60
  382. package/dist/hooks/useClassNames.d.ts +2 -0
  383. package/dist/hooks/useClassNames.js +279 -197
  384. package/dist/hooks/useClickOutside.js +37 -62
  385. package/dist/hooks/useCommonProps.js +17 -53
  386. package/dist/hooks/useComponentWillMount.js +4 -28
  387. package/dist/hooks/useControlled.js +31 -37
  388. package/dist/hooks/useForceUpdate.js +16 -34
  389. package/dist/hooks/useUpdateEffect.js +6 -29
  390. package/dist/index.css +1 -57810
  391. package/dist/index.d.ts +0 -2
  392. package/dist/index.js +69 -237
  393. package/dist/theme-chalk/common/index.js +1 -2
  394. package/dist/theme-chalk/common/index.scss +2 -2
  395. package/dist/theme-chalk/date-picker/index.scss +1 -1
  396. package/dist/theme-chalk/display.scss +46 -0
  397. package/dist/theme-chalk/form/index.scss +21 -2
  398. package/dist/types/common.js +1 -17
  399. package/dist/types/type.js +16 -28
  400. package/package.json +6 -1
  401. package/theme-chalk/common/index.scss +2 -2
  402. package/theme-chalk/date-picker/index.scss +1 -1
  403. package/theme-chalk/display.scss +46 -0
  404. package/theme-chalk/form/index.scss +21 -2
@@ -1,147 +1,180 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all)
7
- __defProp(target, name, { get: all[name], enumerable: true });
8
- };
9
- var __copyProps = (to, from, except, desc) => {
10
- if (from && typeof from === "object" || typeof from === "function") {
11
- for (let key of __getOwnPropNames(from))
12
- if (!__hasOwnProp.call(to, key) && key !== except)
13
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
14
- }
15
- return to;
16
- };
17
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
18
-
19
- // src/ColorPicker/color.ts
20
- var color_exports = {};
21
- __export(color_exports, {
22
- default: () => Color
23
- });
24
- module.exports = __toCommonJS(color_exports);
25
- var hsv2hsl = function(hue, sat, val) {
1
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
+ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
3
+ function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
4
+ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
5
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
6
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
7
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
8
+ var hsv2hsl = function hsv2hsl(hue, sat, val) {
26
9
  return [hue, sat * val / ((hue = (2 - sat) * val) < 1 ? hue : 2 - hue) || 0, hue / 2];
27
10
  };
28
- var isOnePointZero = function(n) {
29
- return typeof n === "string" && n.includes(".") && Number.parseFloat(n) === 1;
11
+
12
+ // Need to handle 1.0 as 100%, since once it is a number, there is no difference between it and 1
13
+ // <http://stackoverflow.com/questions/7422072/javascript-how-to-detect-number-as-a-decimal-including-1-0>
14
+ var isOnePointZero = function isOnePointZero(n) {
15
+ return typeof n === 'string' && n.includes('.') && Number.parseFloat(n) === 1;
30
16
  };
31
- var isPercentage = function(n) {
32
- return typeof n === "string" && n.includes("%");
17
+ var isPercentage = function isPercentage(n) {
18
+ return typeof n === 'string' && n.includes('%');
33
19
  };
34
- var bound01 = function(value, max) {
20
+
21
+ // Take input from [0, n] and return it as [0, 1]
22
+ var bound01 = function bound01(value, max) {
35
23
  if (isOnePointZero(value)) {
36
- value = "100%";
24
+ value = '100%';
37
25
  }
38
- const processPercent = isPercentage(value);
39
- value = Math.min(max, Math.max(0, Number.parseFloat(`${value}`)));
26
+ var processPercent = isPercentage(value);
27
+ value = Math.min(max, Math.max(0, Number.parseFloat("".concat(value))));
28
+
29
+ // Automatically convert percentage into number
40
30
  if (processPercent) {
41
- value = Number.parseInt(`${value * max}`, 10) / 100;
31
+ value = Number.parseInt("".concat(value * max), 10) / 100;
42
32
  }
43
- if (Math.abs(value - max) < 1e-6) {
33
+
34
+ // Handle floating point rounding errors
35
+ if (Math.abs(value - max) < 0.000001) {
44
36
  return 1;
45
37
  }
38
+
39
+ // Convert into [0, 1] range if it isn't already
46
40
  return value % max / Number.parseFloat(max);
47
41
  };
48
- var INT_HEX_MAP = { 10: "A", 11: "B", 12: "C", 13: "D", 14: "E", 15: "F" };
49
- var hexOne = function(value) {
42
+ var INT_HEX_MAP = {
43
+ 10: 'A',
44
+ 11: 'B',
45
+ 12: 'C',
46
+ 13: 'D',
47
+ 14: 'E',
48
+ 15: 'F'
49
+ };
50
+ var hexOne = function hexOne(value) {
50
51
  value = Math.min(Math.round(value), 255);
51
- const high = Math.floor(value / 16);
52
- const low = value % 16;
53
- return `${INT_HEX_MAP[high] || high}${INT_HEX_MAP[low] || low}`;
52
+ var high = Math.floor(value / 16);
53
+ var low = value % 16;
54
+ return "".concat(INT_HEX_MAP[high] || high).concat(INT_HEX_MAP[low] || low);
54
55
  };
55
- var toHex = function({ r, g, b }) {
56
+ var toHex = function toHex(_ref) {
57
+ var r = _ref.r,
58
+ g = _ref.g,
59
+ b = _ref.b;
56
60
  if (Number.isNaN(+r) || Number.isNaN(+g) || Number.isNaN(+b)) {
57
- return "";
61
+ return '';
58
62
  }
59
- return `#${hexOne(r)}${hexOne(g)}${hexOne(b)}`;
63
+ return "#".concat(hexOne(r)).concat(hexOne(g)).concat(hexOne(b));
60
64
  };
61
- var HEX_INT_MAP = { A: 10, B: 11, C: 12, D: 13, E: 14, F: 15 };
62
- var parseHexChannel = function(hex) {
65
+ var HEX_INT_MAP = {
66
+ A: 10,
67
+ B: 11,
68
+ C: 12,
69
+ D: 13,
70
+ E: 14,
71
+ F: 15
72
+ };
73
+ var parseHexChannel = function parseHexChannel(hex) {
63
74
  if (hex.length === 2) {
64
75
  return (HEX_INT_MAP[hex[0].toUpperCase()] || +hex[0]) * 16 + (HEX_INT_MAP[hex[1].toUpperCase()] || +hex[1]);
65
76
  }
66
77
  return HEX_INT_MAP[hex[1].toUpperCase()] || +hex[1];
67
78
  };
68
- var hsl2hsv = function(hue, sat, light) {
79
+ var hsl2hsv = function hsl2hsv(hue, sat, light) {
69
80
  sat = sat / 100;
70
81
  light = light / 100;
71
- let smin = sat;
72
- const lmin = Math.max(light, 0.01);
82
+ var smin = sat;
83
+ var lmin = Math.max(light, 0.01);
84
+ // let sv
85
+ // let v
86
+
73
87
  light *= 2;
74
88
  sat *= light <= 1 ? light : 2 - light;
75
89
  smin *= lmin <= 1 ? lmin : 2 - lmin;
76
- const v = (light + sat) / 2;
77
- const sv = light === 0 ? 2 * smin / (lmin + smin) : 2 * sat / (light + sat);
90
+ var v = (light + sat) / 2;
91
+ var sv = light === 0 ? 2 * smin / (lmin + smin) : 2 * sat / (light + sat);
78
92
  return {
79
93
  h: hue,
80
94
  s: sv * 100,
81
95
  v: v * 100
82
96
  };
83
97
  };
84
- var rgb2hsv = function(r, g, b) {
98
+
99
+ // `rgbToHsv`
100
+ // Converts an RGB color value to HSV
101
+ // *Assumes:* r, g, and b are contained in the set [0, 255] or [0, 1]
102
+ // *Returns:* { h, s, v } in [0,1]
103
+ var rgb2hsv = function rgb2hsv(r, g, b) {
85
104
  r = bound01(r, 255);
86
105
  g = bound01(g, 255);
87
106
  b = bound01(b, 255);
88
- const max = Math.max(r, g, b);
89
- const min = Math.min(r, g, b);
90
- let h;
91
- const v = max;
92
- const d = max - min;
93
- const s = max === 0 ? 0 : d / max;
107
+ var max = Math.max(r, g, b);
108
+ var min = Math.min(r, g, b);
109
+ var h;
110
+ var v = max;
111
+ var d = max - min;
112
+ var s = max === 0 ? 0 : d / max;
94
113
  if (max === min) {
95
- h = 0;
114
+ h = 0; // achromatic
96
115
  } else {
97
116
  switch (max) {
98
- case r: {
99
- h = (g - b) / d + (g < b ? 6 : 0);
100
- break;
101
- }
102
- case g: {
103
- h = (b - r) / d + 2;
104
- break;
105
- }
106
- case b: {
107
- h = (r - g) / d + 4;
108
- break;
109
- }
117
+ case r:
118
+ {
119
+ h = (g - b) / d + (g < b ? 6 : 0);
120
+ break;
121
+ }
122
+ case g:
123
+ {
124
+ h = (b - r) / d + 2;
125
+ break;
126
+ }
127
+ case b:
128
+ {
129
+ h = (r - g) / d + 4;
130
+ break;
131
+ }
110
132
  }
111
133
  h /= 6;
112
134
  }
113
- return { h: h * 360, s: s * 100, v: v * 100 };
135
+ return {
136
+ h: h * 360,
137
+ s: s * 100,
138
+ v: v * 100
139
+ };
114
140
  };
115
- var hsv2rgb = function(h, s, v) {
141
+
142
+ // `hsvToRgb`
143
+ // Converts an HSV color value to RGB.
144
+ // *Assumes:* h is contained in [0, 1] or [0, 360] and s and v are contained in [0, 1] or [0, 100]
145
+ // *Returns:* { r, g, b } in the set [0, 255]
146
+ var hsv2rgb = function hsv2rgb(h, s, v) {
116
147
  h = bound01(h, 360) * 6;
117
148
  s = bound01(s, 100);
118
149
  v = bound01(v, 100);
119
- const i = Math.floor(h);
120
- const f = h - i;
121
- const p = v * (1 - s);
122
- const q = v * (1 - f * s);
123
- const t = v * (1 - (1 - f) * s);
124
- const mod = i % 6;
125
- const r = [v, q, p, p, t, v][mod];
126
- const g = [t, v, v, q, p, p][mod];
127
- const b = [p, p, t, v, v, q][mod];
150
+ var i = Math.floor(h);
151
+ var f = h - i;
152
+ var p = v * (1 - s);
153
+ var q = v * (1 - f * s);
154
+ var t = v * (1 - (1 - f) * s);
155
+ var mod = i % 6;
156
+ var r = [v, q, p, p, t, v][mod];
157
+ var g = [t, v, v, q, p, p][mod];
158
+ var b = [p, p, t, v, v, q][mod];
128
159
  return {
129
160
  r: Math.round(r * 255),
130
161
  g: Math.round(g * 255),
131
162
  b: Math.round(b * 255)
132
163
  };
133
164
  };
134
- var Color = class {
135
- constructor(options) {
136
- this._hue = 0;
137
- this._saturation = 100;
138
- this._value = 100;
139
- this._alpha = 100;
140
- this.enableAlpha = false;
141
- this.format = "hex";
142
- this.value = "";
165
+ var Color = /*#__PURE__*/function () {
166
+ function Color(options) {
167
+ _classCallCheck(this, Color);
168
+ _defineProperty(this, "_hue", 0);
169
+ _defineProperty(this, "_saturation", 100);
170
+ _defineProperty(this, "_value", 100);
171
+ _defineProperty(this, "_alpha", 100);
172
+ _defineProperty(this, "enableAlpha", false);
173
+ _defineProperty(this, "format", 'hex');
174
+ _defineProperty(this, "value", '');
175
+ _defineProperty(this, "selected", void 0);
143
176
  options = options || {};
144
- for (const option in options) {
177
+ for (var option in options) {
145
178
  if (Object.prototype.hasOwnProperty.call(options, option)) {
146
179
  this[option] = options[option];
147
180
  }
@@ -152,142 +185,197 @@ var Color = class {
152
185
  this.doOnChange();
153
186
  }
154
187
  }
155
- set(prop, value) {
156
- if (arguments.length === 1 && typeof prop === "object") {
157
- for (const p in prop) {
158
- if (Object.prototype.hasOwnProperty.call(prop, p)) {
159
- this.set(p, prop[p]);
188
+ _createClass(Color, [{
189
+ key: "set",
190
+ value: function set(prop, value) {
191
+ if (arguments.length === 1 && _typeof(prop) === 'object') {
192
+ for (var p in prop) {
193
+ if (Object.prototype.hasOwnProperty.call(prop, p)) {
194
+ this.set(p, prop[p]);
195
+ }
160
196
  }
197
+ return;
161
198
  }
162
- return;
163
- }
164
- this[`_${prop}`] = value;
165
- this.doOnChange();
166
- }
167
- get(prop) {
168
- if (prop === "alpha") {
169
- return Math.floor(this[`_${prop}`]);
170
- }
171
- return this[`_${prop}`];
172
- }
173
- toRgb() {
174
- return hsv2rgb(this._hue, this._saturation, this._value);
175
- }
176
- fromString(value) {
177
- if (!value) {
178
- this._hue = 0;
179
- this._saturation = 100;
180
- this._value = 100;
199
+ this["_".concat(prop)] = value;
181
200
  this.doOnChange();
182
- return;
183
201
  }
184
- const fromHSV = (h, s, v) => {
185
- this._hue = Math.max(0, Math.min(360, h));
186
- this._saturation = Math.max(0, Math.min(100, s));
187
- this._value = Math.max(0, Math.min(100, v));
188
- this.doOnChange();
189
- };
190
- if (value.includes("hsl")) {
191
- const parts = value.replace(/hsla|hsl|\(|\)/gm, "").split(/\s|,/g).filter((val) => val !== "").map((val, index) => index > 2 ? Number.parseFloat(val) : Number.parseInt(val, 10));
192
- if (parts.length === 4) {
193
- this._alpha = Number.parseFloat(parts[3]) * 100;
194
- } else if (parts.length === 3) {
195
- this._alpha = 100;
196
- }
197
- if (parts.length >= 3) {
198
- const { h, s, v } = hsl2hsv(parts[0], parts[1], parts[2]);
199
- fromHSV(h, s, v);
200
- }
201
- } else if (value.includes("hsv")) {
202
- const parts = value.replace(/hsva|hsv|\(|\)/gm, "").split(/\s|,/g).filter((val) => val !== "").map((val, index) => index > 2 ? Number.parseFloat(val) : Number.parseInt(val, 10));
203
- if (parts.length === 4) {
204
- this._alpha = Number.parseFloat(parts[3]) * 100;
205
- } else if (parts.length === 3) {
206
- this._alpha = 100;
202
+ }, {
203
+ key: "get",
204
+ value: function get(prop) {
205
+ if (prop === 'alpha') {
206
+ return Math.floor(this["_".concat(prop)]);
207
207
  }
208
- if (parts.length >= 3) {
209
- fromHSV(parts[0], parts[1], parts[2]);
210
- }
211
- } else if (value.includes("rgb")) {
212
- const parts = value.replace(/rgba|rgb|\(|\)/gm, "").split(/\s|,/g).filter((val) => val !== "").map((val, index) => index > 2 ? Number.parseFloat(val) : Number.parseInt(val, 10));
213
- if (parts.length === 4) {
214
- this._alpha = Number.parseFloat(parts[3]) * 100;
215
- } else if (parts.length === 3) {
216
- this._alpha = 100;
217
- }
218
- if (parts.length >= 3) {
219
- const { h, s, v } = rgb2hsv(parts[0], parts[1], parts[2]);
220
- fromHSV(h, s, v);
221
- }
222
- } else if (value.includes("#")) {
223
- const hex = value.replace("#", "").trim();
224
- if (!/^[0-9a-fA-F]{3}$|^[0-9a-fA-F]{6}$|^[0-9a-fA-F]{8}$/.test(hex)) {
208
+ return this["_".concat(prop)];
209
+ }
210
+ }, {
211
+ key: "toRgb",
212
+ value: function toRgb() {
213
+ return hsv2rgb(this._hue, this._saturation, this._value);
214
+ }
215
+ }, {
216
+ key: "fromString",
217
+ value: function fromString(value) {
218
+ var _this = this;
219
+ if (!value) {
220
+ this._hue = 0;
221
+ this._saturation = 100;
222
+ this._value = 100;
223
+ this.doOnChange();
225
224
  return;
226
225
  }
227
- let r, g, b;
228
- if (hex.length === 3) {
229
- r = parseHexChannel(hex[0] + hex[0]);
230
- g = parseHexChannel(hex[1] + hex[1]);
231
- b = parseHexChannel(hex[2] + hex[2]);
232
- } else if (hex.length === 6 || hex.length === 8) {
233
- r = parseHexChannel(hex.slice(0, 2));
234
- g = parseHexChannel(hex.slice(2, 4));
235
- b = parseHexChannel(hex.slice(4, 6));
236
- }
237
- if (hex.length === 8) {
238
- this._alpha = parseHexChannel(hex.slice(6)) / 255 * 100;
239
- } else if (hex.length === 3 || hex.length === 6) {
240
- this._alpha = 100;
241
- }
242
- const { h, s, v } = rgb2hsv(r, g, b);
243
- fromHSV(h, s, v);
244
- }
245
- }
246
- compare(color) {
247
- return Math.abs(color._hue - this._hue) < 2 && Math.abs(color._saturation - this._saturation) < 1 && Math.abs(color._value - this._value) < 1 && Math.abs(color._alpha - this._alpha) < 1;
248
- }
249
- doOnChange() {
250
- const { _hue, _saturation, _value, _alpha, format } = this;
251
- if (this.enableAlpha) {
252
- switch (format) {
253
- case "hsl": {
254
- const hsl = hsv2hsl(_hue, _saturation / 100, _value / 100);
255
- this.value = `hsla(${_hue}, ${Math.round(hsl[1] * 100)}%, ${Math.round(hsl[2] * 100)}%, ${this.get("alpha") / 100})`;
256
- break;
226
+ var fromHSV = function fromHSV(h, s, v) {
227
+ _this._hue = Math.max(0, Math.min(360, h));
228
+ _this._saturation = Math.max(0, Math.min(100, s));
229
+ _this._value = Math.max(0, Math.min(100, v));
230
+ _this.doOnChange();
231
+ };
232
+ if (value.includes('hsl')) {
233
+ var parts = value.replace(/hsla|hsl|\(|\)/gm, '').split(/\s|,/g).filter(function (val) {
234
+ return val !== '';
235
+ }).map(function (val, index) {
236
+ return index > 2 ? Number.parseFloat(val) : Number.parseInt(val, 10);
237
+ });
238
+ if (parts.length === 4) {
239
+ this._alpha = Number.parseFloat(parts[3]) * 100;
240
+ } else if (parts.length === 3) {
241
+ this._alpha = 100;
257
242
  }
258
- case "hsv": {
259
- this.value = `hsva(${_hue}, ${Math.round(_saturation)}%, ${Math.round(_value)}%, ${this.get("alpha") / 100})`;
260
- break;
243
+ if (parts.length >= 3) {
244
+ var _hsl2hsv = hsl2hsv(parts[0], parts[1], parts[2]),
245
+ h = _hsl2hsv.h,
246
+ s = _hsl2hsv.s,
247
+ v = _hsl2hsv.v;
248
+ fromHSV(h, s, v);
261
249
  }
262
- case "hex": {
263
- this.value = `${toHex(hsv2rgb(_hue, _saturation, _value))}${hexOne(_alpha * 255 / 100)}`;
264
- break;
250
+ } else if (value.includes('hsv')) {
251
+ var _parts = value.replace(/hsva|hsv|\(|\)/gm, '').split(/\s|,/g).filter(function (val) {
252
+ return val !== '';
253
+ }).map(function (val, index) {
254
+ return index > 2 ? Number.parseFloat(val) : Number.parseInt(val, 10);
255
+ });
256
+ if (_parts.length === 4) {
257
+ this._alpha = Number.parseFloat(_parts[3]) * 100;
258
+ } else if (_parts.length === 3) {
259
+ this._alpha = 100;
265
260
  }
266
- default: {
267
- const { r, g, b } = hsv2rgb(_hue, _saturation, _value);
268
- this.value = `rgba(${r}, ${g}, ${b}, ${this.get("alpha") / 100})`;
261
+ if (_parts.length >= 3) {
262
+ fromHSV(_parts[0], _parts[1], _parts[2]);
269
263
  }
270
- }
271
- } else {
272
- switch (format) {
273
- case "hsl": {
274
- const hsl = hsv2hsl(_hue, _saturation / 100, _value / 100);
275
- this.value = `hsl(${_hue}, ${Math.round(hsl[1] * 100)}%, ${Math.round(hsl[2] * 100)}%)`;
276
- break;
264
+ } else if (value.includes('rgb')) {
265
+ var _parts2 = value.replace(/rgba|rgb|\(|\)/gm, '').split(/\s|,/g).filter(function (val) {
266
+ return val !== '';
267
+ }).map(function (val, index) {
268
+ return index > 2 ? Number.parseFloat(val) : Number.parseInt(val, 10);
269
+ });
270
+ if (_parts2.length === 4) {
271
+ this._alpha = Number.parseFloat(_parts2[3]) * 100;
272
+ } else if (_parts2.length === 3) {
273
+ this._alpha = 100;
277
274
  }
278
- case "hsv": {
279
- this.value = `hsv(${_hue}, ${Math.round(_saturation)}%, ${Math.round(_value)}%)`;
280
- break;
275
+ if (_parts2.length >= 3) {
276
+ var _rgb2hsv = rgb2hsv(_parts2[0], _parts2[1], _parts2[2]),
277
+ _h = _rgb2hsv.h,
278
+ _s = _rgb2hsv.s,
279
+ _v = _rgb2hsv.v;
280
+ fromHSV(_h, _s, _v);
281
281
  }
282
- case "rgb": {
283
- const { r, g, b } = hsv2rgb(_hue, _saturation, _value);
284
- this.value = `rgb(${r}, ${g}, ${b})`;
285
- break;
282
+ } else if (value.includes('#')) {
283
+ var hex = value.replace('#', '').trim();
284
+ if (!/^[0-9a-fA-F]{3}$|^[0-9a-fA-F]{6}$|^[0-9a-fA-F]{8}$/.test(hex)) {
285
+ return;
286
+ }
287
+ var r, g, b;
288
+ if (hex.length === 3) {
289
+ r = parseHexChannel(hex[0] + hex[0]);
290
+ g = parseHexChannel(hex[1] + hex[1]);
291
+ b = parseHexChannel(hex[2] + hex[2]);
292
+ } else if (hex.length === 6 || hex.length === 8) {
293
+ r = parseHexChannel(hex.slice(0, 2));
294
+ g = parseHexChannel(hex.slice(2, 4));
295
+ b = parseHexChannel(hex.slice(4, 6));
286
296
  }
287
- default: {
288
- this.value = toHex(hsv2rgb(_hue, _saturation, _value));
297
+ if (hex.length === 8) {
298
+ this._alpha = parseHexChannel(hex.slice(6)) / 255 * 100;
299
+ } else if (hex.length === 3 || hex.length === 6) {
300
+ this._alpha = 100;
289
301
  }
302
+ var _rgb2hsv2 = rgb2hsv(r, g, b),
303
+ _h2 = _rgb2hsv2.h,
304
+ _s2 = _rgb2hsv2.s,
305
+ _v2 = _rgb2hsv2.v;
306
+ fromHSV(_h2, _s2, _v2);
290
307
  }
291
308
  }
292
- }
293
- };
309
+ }, {
310
+ key: "compare",
311
+ value: function compare(color) {
312
+ return Math.abs(color._hue - this._hue) < 2 && Math.abs(color._saturation - this._saturation) < 1 && Math.abs(color._value - this._value) < 1 && Math.abs(color._alpha - this._alpha) < 1;
313
+ }
314
+ }, {
315
+ key: "doOnChange",
316
+ value: function doOnChange() {
317
+ var _hue = this._hue,
318
+ _saturation = this._saturation,
319
+ _value = this._value,
320
+ _alpha = this._alpha,
321
+ format = this.format;
322
+ if (this.enableAlpha) {
323
+ switch (format) {
324
+ case 'hsl':
325
+ {
326
+ var hsl = hsv2hsl(_hue, _saturation / 100, _value / 100);
327
+ this.value = "hsla(".concat(_hue, ", ").concat(Math.round(hsl[1] * 100), "%, ").concat(Math.round(hsl[2] * 100), "%, ").concat(this.get('alpha') / 100, ")");
328
+ break;
329
+ }
330
+ case 'hsv':
331
+ {
332
+ this.value = "hsva(".concat(_hue, ", ").concat(Math.round(_saturation), "%, ").concat(Math.round(_value), "%, ").concat(this.get('alpha') / 100, ")");
333
+ break;
334
+ }
335
+ case 'hex':
336
+ {
337
+ this.value = "".concat(toHex(hsv2rgb(_hue, _saturation, _value))).concat(hexOne(_alpha * 255 / 100));
338
+ break;
339
+ }
340
+ default:
341
+ {
342
+ var _hsv2rgb = hsv2rgb(_hue, _saturation, _value),
343
+ r = _hsv2rgb.r,
344
+ g = _hsv2rgb.g,
345
+ b = _hsv2rgb.b;
346
+ this.value = "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(this.get('alpha') / 100, ")");
347
+ }
348
+ }
349
+ } else {
350
+ switch (format) {
351
+ case 'hsl':
352
+ {
353
+ var _hsl = hsv2hsl(_hue, _saturation / 100, _value / 100);
354
+ this.value = "hsl(".concat(_hue, ", ").concat(Math.round(_hsl[1] * 100), "%, ").concat(Math.round(_hsl[2] * 100), "%)");
355
+ break;
356
+ }
357
+ case 'hsv':
358
+ {
359
+ this.value = "hsv(".concat(_hue, ", ").concat(Math.round(_saturation), "%, ").concat(Math.round(_value), "%)");
360
+ break;
361
+ }
362
+ case 'rgb':
363
+ {
364
+ var _hsv2rgb2 = hsv2rgb(_hue, _saturation, _value),
365
+ _r = _hsv2rgb2.r,
366
+ _g = _hsv2rgb2.g,
367
+ _b = _hsv2rgb2.b;
368
+ this.value = "rgb(".concat(_r, ", ").concat(_g, ", ").concat(_b, ")");
369
+ break;
370
+ }
371
+ default:
372
+ {
373
+ this.value = toHex(hsv2rgb(_hue, _saturation, _value));
374
+ }
375
+ }
376
+ }
377
+ }
378
+ }]);
379
+ return Color;
380
+ }();
381
+ export { Color as default };