@qsxy/element-plus-react 1.0.0-next.10 → 1.0.0-next.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 (398) hide show
  1. package/dist/Avatar/Avatar.js +73 -72
  2. package/dist/Avatar/index.js +1 -39
  3. package/dist/Avatar/typings.js +1 -17
  4. package/dist/Badge/Badge.d.ts +2 -2
  5. package/dist/Badge/Badge.js +63 -60
  6. package/dist/Badge/index.js +1 -39
  7. package/dist/Badge/typings.d.ts +1 -1
  8. package/dist/Badge/typings.js +1 -17
  9. package/dist/Breadcrumb/Breadcrumb.js +23 -50
  10. package/dist/Breadcrumb/BreadcrumbItem.js +45 -51
  11. package/dist/Breadcrumb/index.js +2 -42
  12. package/dist/Breadcrumb/typings.js +1 -17
  13. package/dist/Button/Button.js +132 -105
  14. package/dist/Button/ButtonGroup.js +29 -48
  15. package/dist/Button/ButtonGroupContext.js +2 -30
  16. package/dist/Button/index.js +2 -42
  17. package/dist/Button/typings.d.ts +4 -2
  18. package/dist/Button/typings.js +1 -17
  19. package/dist/Button/useButtonCustomStyle.d.ts +4 -0
  20. package/dist/Button/useButtonCustomStyle.js +65 -0
  21. package/dist/Calendar/Calendar.js +310 -237
  22. package/dist/Calendar/CalendarContext.js +3 -27
  23. package/dist/Calendar/DatePanel.js +191 -158
  24. package/dist/Calendar/DateRangePanel.js +140 -125
  25. package/dist/Calendar/Footer.js +41 -51
  26. package/dist/Calendar/Header.js +83 -65
  27. package/dist/Calendar/MonthPanel.js +138 -124
  28. package/dist/Calendar/MonthRangePanel.js +137 -124
  29. package/dist/Calendar/ShortCuts.js +21 -40
  30. package/dist/Calendar/WeekPanel.js +213 -145
  31. package/dist/Calendar/YearPanel.js +150 -125
  32. package/dist/Calendar/YearRangePanel.js +138 -128
  33. package/dist/Calendar/index.js +4 -47
  34. package/dist/Calendar/typings.js +1 -17
  35. package/dist/Calendar/util.js +26 -68
  36. package/dist/Card/Card.js +36 -46
  37. package/dist/Card/index.js +1 -39
  38. package/dist/Card/typings.js +1 -17
  39. package/dist/Carousel/Carousel.js +202 -166
  40. package/dist/Carousel/CarouselContext.js +14 -42
  41. package/dist/Carousel/CarouselItem.js +55 -71
  42. package/dist/Carousel/hooks/useCarousel.js +263 -238
  43. package/dist/Carousel/hooks/useCarouselItem.js +136 -132
  44. package/dist/Carousel/index.js +2 -42
  45. package/dist/Carousel/typings.js +1 -17
  46. package/dist/Cascader/Cascader.js +693 -569
  47. package/dist/Cascader/CascaderContext.js +9 -45
  48. package/dist/Cascader/CascaderDropdown.js +90 -77
  49. package/dist/Cascader/CascaderMenu.js +101 -114
  50. package/dist/Cascader/Utils.js +6 -33
  51. package/dist/Cascader/index.js +1 -39
  52. package/dist/Cascader/typings.d.ts +1 -1
  53. package/dist/Cascader/typings.js +1 -17
  54. package/dist/Cascader/useCascader.js +648 -458
  55. package/dist/Checkbox/Checkbox.d.ts +3 -3
  56. package/dist/Checkbox/Checkbox.js +136 -161
  57. package/dist/Checkbox/CheckboxButton.js +132 -157
  58. package/dist/Checkbox/index.js +2 -42
  59. package/dist/Checkbox/typings.d.ts +1 -1
  60. package/dist/Checkbox/typings.js +1 -17
  61. package/dist/CheckboxGroup/CheckboxGroup.js +133 -112
  62. package/dist/CheckboxGroup/CheckboxGroupContext.js +2 -30
  63. package/dist/CheckboxGroup/index.js +2 -42
  64. package/dist/Col/Col.js +53 -72
  65. package/dist/Col/index.js +1 -39
  66. package/dist/Col/typings.js +1 -17
  67. package/dist/Collapse/Collapse.js +36 -45
  68. package/dist/Collapse/CollapseContext.js +3 -31
  69. package/dist/Collapse/CollapseItem.js +88 -73
  70. package/dist/Collapse/CollapseTransition.js +29 -67
  71. package/dist/Collapse/index.js +2 -42
  72. package/dist/Collapse/typings.js +1 -17
  73. package/dist/ColorPicker/AlphaSlider.js +117 -99
  74. package/dist/ColorPicker/ColorPicker.d.ts +1 -1
  75. package/dist/ColorPicker/ColorPicker.js +233 -189
  76. package/dist/ColorPicker/HueSlider.js +102 -96
  77. package/dist/ColorPicker/Predefine.js +65 -66
  78. package/dist/ColorPicker/SvPanel.js +95 -81
  79. package/dist/ColorPicker/color.js +301 -213
  80. package/dist/ColorPicker/draggable.js +30 -48
  81. package/dist/ColorPicker/index.js +1 -39
  82. package/dist/ColorPicker/typings.js +1 -17
  83. package/dist/ColorPicker/util.js +23 -60
  84. package/dist/ConfigProvider/ConfigProvider.js +4 -28
  85. package/dist/ConfigProvider/index.js +1 -39
  86. package/dist/DatePicker/DatePicker.d.ts +3 -3
  87. package/dist/DatePicker/DatePicker.js +251 -227
  88. package/dist/DatePicker/DateRangePicker.d.ts +3 -3
  89. package/dist/DatePicker/DateRangePicker.js +279 -276
  90. package/dist/DatePicker/index.js +2 -39
  91. package/dist/DatePicker/main.d.ts +2 -2
  92. package/dist/DatePicker/main.js +21 -44
  93. package/dist/DatePicker/typings.d.ts +24 -17
  94. package/dist/DatePicker/typings.js +1 -17
  95. package/dist/DateTimePicker/DateTimePicker.d.ts +3 -5
  96. package/dist/DateTimePicker/DateTimePicker.js +286 -215
  97. package/dist/DateTimePicker/index.js +1 -39
  98. package/dist/DateTimePicker/typings.d.ts +10 -13
  99. package/dist/DateTimePicker/typings.js +1 -17
  100. package/dist/DateTimePicker/util.js +5 -35
  101. package/dist/Descriptions/Descriptions.js +83 -63
  102. package/dist/Descriptions/DescriptionsCell.js +67 -79
  103. package/dist/Descriptions/DescriptionsContext.js +4 -32
  104. package/dist/Descriptions/DescriptionsItem.js +4 -27
  105. package/dist/Descriptions/DescriptionsRow.js +42 -44
  106. package/dist/Descriptions/index.js +2 -42
  107. package/dist/Descriptions/typings.js +1 -17
  108. package/dist/Dialog/Dialog.js +224 -176
  109. package/dist/Dialog/DialogBody.js +52 -59
  110. package/dist/Dialog/DialogContext.js +6 -44
  111. package/dist/Dialog/DialogFooter.js +21 -45
  112. package/dist/Dialog/DialogHeader.js +44 -50
  113. package/dist/Dialog/index.js +1 -39
  114. package/dist/Dialog/typings.d.ts +1 -1
  115. package/dist/Dialog/typings.js +1 -17
  116. package/dist/Dialog/useDraggable.js +52 -79
  117. package/dist/Divider/Divider.d.ts +3 -3
  118. package/dist/Divider/Divider.js +38 -44
  119. package/dist/Divider/index.js +1 -39
  120. package/dist/Drawer/Drawer.js +144 -136
  121. package/dist/Drawer/DrawerBody.js +35 -57
  122. package/dist/Drawer/DrawerContext.js +13 -44
  123. package/dist/Drawer/DrawerFooter.js +22 -43
  124. package/dist/Drawer/DrawerHeader.js +41 -48
  125. package/dist/Drawer/index.js +1 -39
  126. package/dist/Drawer/typings.js +1 -17
  127. package/dist/Dropdown/Dropdown.js +89 -107
  128. package/dist/Dropdown/DropdownContext.js +5 -43
  129. package/dist/Dropdown/DropdownItem.js +40 -60
  130. package/dist/Dropdown/DropdownMenu.js +28 -56
  131. package/dist/Dropdown/index.js +3 -45
  132. package/dist/Dropdown/typings.js +1 -17
  133. package/dist/Empty/Empty.js +32 -53
  134. package/dist/Empty/ImgEmpty.js +115 -117
  135. package/dist/Empty/index.js +1 -39
  136. package/dist/Form/FieldContext.js +8 -37
  137. package/dist/Form/Form.js +167 -162
  138. package/dist/Form/FormContext.js +58 -97
  139. package/dist/Form/FormItem.js +620 -352
  140. package/dist/Form/FormItemContext.js +3 -31
  141. package/dist/Form/List.js +121 -104
  142. package/dist/Form/ListContext.js +3 -27
  143. package/dist/Form/index.js +3 -45
  144. package/dist/Form/typings.d.ts +25 -4
  145. package/dist/Form/typings.js +1 -17
  146. package/dist/Form/useForm.js +830 -690
  147. package/dist/Form/useWatch.js +64 -79
  148. package/dist/Form/utils/NameMap.js +98 -69
  149. package/dist/Form/utils/asyncUtil.js +9 -37
  150. package/dist/Form/utils/classUtil.js +26 -48
  151. package/dist/Form/utils/cloneDeep.js +8 -29
  152. package/dist/Form/utils/get.js +6 -30
  153. package/dist/Form/utils/messages.js +25 -53
  154. package/dist/Form/utils/set.js +31 -44
  155. package/dist/Form/utils/typeUtil.js +3 -31
  156. package/dist/Form/utils/util.js +18 -55
  157. package/dist/Form/utils/validateUtil.js +284 -159
  158. package/dist/Form/utils/valueUtil.js +102 -107
  159. package/dist/Icon/Icon.js +39 -63
  160. package/dist/Icon/IconList/Check.js +25 -65
  161. package/dist/Icon/IconList/Close.js +23 -52
  162. package/dist/Icon/IconList/Delete.js +25 -65
  163. package/dist/Icon/IconList/Down.js +25 -65
  164. package/dist/Icon/IconList/Eye.js +25 -65
  165. package/dist/Icon/IconList/EyeClose.js +25 -65
  166. package/dist/Icon/IconList/Left.js +25 -65
  167. package/dist/Icon/IconList/Link.js +19 -55
  168. package/dist/Icon/IconList/More.js +25 -65
  169. package/dist/Icon/IconList/Question.js +25 -65
  170. package/dist/Icon/IconList/Right.js +25 -65
  171. package/dist/Icon/IconList/Search.js +25 -65
  172. package/dist/Icon/IconList/Up.js +25 -65
  173. package/dist/Icon/IconList/Upload.js +25 -65
  174. package/dist/Icon/IconList/index.js +14 -68
  175. package/dist/Icon/index.js +2 -42
  176. package/dist/Icon/typings.js +1 -17
  177. package/dist/Input/Input.js +334 -358
  178. package/dist/Input/InputGroup.js +27 -43
  179. package/dist/Input/InputRange.js +295 -308
  180. package/dist/Input/TextArea.js +129 -120
  181. package/dist/Input/index.js +3 -45
  182. package/dist/Input/typings.js +1 -17
  183. package/dist/InputNumber/InputNumber.js +219 -203
  184. package/dist/InputNumber/index.js +1 -39
  185. package/dist/InputNumber/typings.d.ts +1 -1
  186. package/dist/InputNumber/typings.js +1 -17
  187. package/dist/Link/Link.js +43 -60
  188. package/dist/Link/index.js +1 -39
  189. package/dist/Link/typings.js +1 -17
  190. package/dist/Loading/Loading.js +93 -66
  191. package/dist/Loading/index.js +1 -39
  192. package/dist/Loading/typings.js +1 -17
  193. package/dist/Message/Main.js +41 -66
  194. package/dist/Message/Message.js +167 -130
  195. package/dist/Message/index.js +68 -88
  196. package/dist/Message/typings.js +1 -17
  197. package/dist/MessageBox/Main.js +43 -68
  198. package/dist/MessageBox/MessageBox.js +253 -202
  199. package/dist/MessageBox/index.js +74 -79
  200. package/dist/MessageBox/typings.js +1 -17
  201. package/dist/Notification/Main.js +41 -66
  202. package/dist/Notification/Notification.js +148 -131
  203. package/dist/Notification/index.js +76 -92
  204. package/dist/Notification/typings.js +1 -17
  205. package/dist/Pagination/Options.js +104 -99
  206. package/dist/Pagination/Pager.js +30 -61
  207. package/dist/Pagination/Pagination.js +462 -380
  208. package/dist/Pagination/index.js +1 -39
  209. package/dist/Pagination/typings.js +1 -17
  210. package/dist/Pagination/util.js +10 -41
  211. package/dist/Popconfirm/Popconfirm.js +108 -116
  212. package/dist/Popconfirm/index.js +1 -39
  213. package/dist/Popconfirm/typings.js +1 -17
  214. package/dist/Popover/Popover.js +87 -89
  215. package/dist/Popover/index.js +1 -39
  216. package/dist/Popover/typings.js +1 -17
  217. package/dist/Popper/Popper.js +172 -149
  218. package/dist/Popper/index.js +1 -39
  219. package/dist/Popper/popperOptions.js +79 -90
  220. package/dist/Popper/typings.js +1 -17
  221. package/dist/Progress/Progress.js +186 -155
  222. package/dist/Progress/index.js +1 -39
  223. package/dist/Progress/typings.js +1 -17
  224. package/dist/Radio/Radio.js +158 -117
  225. package/dist/Radio/RadioButton.js +127 -117
  226. package/dist/Radio/index.js +1 -39
  227. package/dist/Radio/typings.js +1 -17
  228. package/dist/RadioGroup/RadioGroup.js +63 -78
  229. package/dist/RadioGroup/index.js +1 -39
  230. package/dist/RadioGroup/typings.js +1 -17
  231. package/dist/Row/Row.js +41 -62
  232. package/dist/Row/RowContext.js +3 -31
  233. package/dist/Row/index.js +2 -42
  234. package/dist/Row/typings.js +1 -17
  235. package/dist/Scrollbar/Scrollbar.js +172 -133
  236. package/dist/Scrollbar/Thumb.js +108 -96
  237. package/dist/Scrollbar/index.js +1 -39
  238. package/dist/Scrollbar/typings.d.ts +11 -2
  239. package/dist/Scrollbar/typings.js +1 -17
  240. package/dist/Scrollbar/util.js +24 -51
  241. package/dist/Select/Option.js +50 -75
  242. package/dist/Select/OptionGroup.js +31 -47
  243. package/dist/Select/Select.js +25 -48
  244. package/dist/Select/SelectContext.js +8 -46
  245. package/dist/Select/SelectCore.js +449 -377
  246. package/dist/Select/SelectDropdown.js +200 -160
  247. package/dist/Select/index.js +2 -42
  248. package/dist/Select/typings.d.ts +1 -1
  249. package/dist/Select/typings.js +1 -17
  250. package/dist/Skeleton/PlaceholderGraph.js +39 -45
  251. package/dist/Skeleton/PlaceholderGrid.js +55 -67
  252. package/dist/Skeleton/PlaceholderParagraph.js +51 -52
  253. package/dist/Skeleton/Skeleton.js +8 -42
  254. package/dist/Skeleton/index.js +1 -39
  255. package/dist/Switch/Switch.js +177 -154
  256. package/dist/Switch/index.js +1 -39
  257. package/dist/Switch/typings.js +1 -17
  258. package/dist/Table/Colgroup.js +17 -41
  259. package/dist/Table/Table.js +246 -188
  260. package/dist/Table/TableBody.js +265 -200
  261. package/dist/Table/TableCell.js +461 -320
  262. package/dist/Table/TableColumn.js +9 -43
  263. package/dist/Table/TableContext.js +44 -63
  264. package/dist/Table/TableHeader.js +112 -102
  265. package/dist/Table/TableHeaderCell.js +211 -158
  266. package/dist/Table/hooks/useResize.js +69 -83
  267. package/dist/Table/hooks/useScroll.js +88 -114
  268. package/dist/Table/hooks/useSelection.js +145 -110
  269. package/dist/Table/hooks/useTable.js +411 -309
  270. package/dist/Table/index.js +2 -42
  271. package/dist/Table/treeUtil.js +99 -77
  272. package/dist/Table/typings.js +1 -17
  273. package/dist/Table/util.js +168 -109
  274. package/dist/Tabs/TabPane.js +51 -53
  275. package/dist/Tabs/Tabs.js +277 -178
  276. package/dist/Tabs/TabsContext.js +4 -32
  277. package/dist/Tabs/index.js +2 -42
  278. package/dist/Tabs/typings.js +1 -17
  279. package/dist/Tag/Tag.js +75 -74
  280. package/dist/Tag/index.js +1 -39
  281. package/dist/Tag/typings.js +1 -17
  282. package/dist/TimeLine/TimeLine.js +13 -42
  283. package/dist/TimeLine/TimeLineItem.js +66 -54
  284. package/dist/TimeLine/index.js +2 -42
  285. package/dist/TimeLine/typings.js +1 -17
  286. package/dist/TimePicker/TimePicker.d.ts +1 -4
  287. package/dist/TimePicker/TimePicker.js +275 -215
  288. package/dist/TimePicker/TimePickerPanel.js +62 -71
  289. package/dist/TimePicker/TimePickerRange.d.ts +4 -4
  290. package/dist/TimePicker/TimePickerRange.js +371 -334
  291. package/dist/TimePicker/TimeRangePanel.js +182 -165
  292. package/dist/TimePicker/TimeSpinnerPanel.js +321 -267
  293. package/dist/TimePicker/index.d.ts +2 -3
  294. package/dist/TimePicker/index.js +1 -42
  295. package/dist/TimePicker/main.d.ts +9 -0
  296. package/dist/TimePicker/main.js +17 -0
  297. package/dist/TimePicker/typings.d.ts +29 -24
  298. package/dist/TimePicker/typings.js +1 -17
  299. package/dist/TimePicker/useTimePicker.js +62 -65
  300. package/dist/TimePicker/util.js +8 -40
  301. package/dist/Tooltip/Tooltip.js +172 -180
  302. package/dist/Tooltip/TooltipContext.js +8 -46
  303. package/dist/Tooltip/index.js +2 -42
  304. package/dist/Tooltip/typings.js +1 -17
  305. package/dist/Transfer/List.js +290 -241
  306. package/dist/Transfer/ListBody.js +92 -106
  307. package/dist/Transfer/ListItem.js +38 -51
  308. package/dist/Transfer/Transfer.js +323 -280
  309. package/dist/Transfer/index.js +1 -39
  310. package/dist/Transfer/interface.js +1 -17
  311. package/dist/Transfer/operation.js +35 -48
  312. package/dist/Transfer/search.js +30 -62
  313. package/dist/Transfer/typings/index.js +1 -17
  314. package/dist/Transfer/typings/list.js +1 -17
  315. package/dist/Transfer/typings/listBody.js +2 -30
  316. package/dist/Transition/Transition.js +271 -234
  317. package/dist/Transition/TransitionGroup.js +136 -88
  318. package/dist/Transition/TransitionGroupContext.js +2 -26
  319. package/dist/Transition/childMapping.js +84 -71
  320. package/dist/Transition/index.js +2 -42
  321. package/dist/Transition/util.d.ts +0 -1
  322. package/dist/Transition/util.js +6 -47
  323. package/dist/Tree/DirectoryTree.js +146 -118
  324. package/dist/Tree/DropIndicator.js +15 -45
  325. package/dist/Tree/Indent.js +23 -54
  326. package/dist/Tree/MotionTreeNode.js +94 -95
  327. package/dist/Tree/NodeList.js +228 -221
  328. package/dist/Tree/RCTree.js +969 -702
  329. package/dist/Tree/Tree.js +64 -79
  330. package/dist/Tree/TreeNode.js +254 -255
  331. package/dist/Tree/contextTypes.js +8 -42
  332. package/dist/Tree/index.js +4 -48
  333. package/dist/Tree/typings.js +1 -17
  334. package/dist/Tree/useUnmount.js +21 -41
  335. package/dist/Tree/util.js +156 -134
  336. package/dist/Tree/utils/conductUtil.js +113 -104
  337. package/dist/Tree/utils/dictUtil.js +50 -78
  338. package/dist/Tree/utils/diffUtil.js +26 -43
  339. package/dist/Tree/utils/dropIndicator.js +23 -51
  340. package/dist/Tree/utils/iconUtil.js +44 -51
  341. package/dist/Tree/utils/keyUtil.js +2 -26
  342. package/dist/Tree/utils/motion.js +34 -72
  343. package/dist/Tree/utils/pickAttrs.js +30 -58
  344. package/dist/Tree/utils/treeUtil.js +263 -203
  345. package/dist/TreeSelect/TreeSelect.js +521 -459
  346. package/dist/TreeSelect/Utils.js +15 -36
  347. package/dist/TreeSelect/index.js +1 -39
  348. package/dist/TreeSelect/typings.d.ts +1 -1
  349. package/dist/TreeSelect/typings.js +1 -17
  350. package/dist/Upload/Upload.js +106 -109
  351. package/dist/Upload/UploadContent.js +227 -182
  352. package/dist/Upload/UploadContext.js +5 -33
  353. package/dist/Upload/UploadDrag.js +77 -97
  354. package/dist/Upload/UploadList.js +104 -73
  355. package/dist/Upload/ajax.js +45 -71
  356. package/dist/Upload/index.js +1 -39
  357. package/dist/Upload/typings.js +34 -36
  358. package/dist/Upload/use-handlers.js +182 -126
  359. package/dist/Util/Math.js +81 -78
  360. package/dist/Util/PopupManager.js +5 -27
  361. package/dist/Util/base.js +101 -171
  362. package/dist/Util/genFileId.js +3 -29
  363. package/dist/Util/index.js +6 -51
  364. package/dist/Util/resize-event.js +31 -54
  365. package/dist/Util/shallowEqual.js +30 -28
  366. package/dist/Util/treeUtils.js +68 -64
  367. package/dist/config/Constants.js +17 -47
  368. package/dist/display.css +1 -0
  369. package/dist/hooks/animationPropsUtils.js +25 -49
  370. package/dist/hooks/htmlPropsUtils.js +54 -121
  371. package/dist/hooks/index.js +14 -73
  372. package/dist/hooks/popperPropsUtils.js +25 -67
  373. package/dist/hooks/prefix.js +22 -55
  374. package/dist/hooks/treePropsUtils.js +24 -103
  375. package/dist/hooks/useChildrenInstance.js +51 -60
  376. package/dist/hooks/useClassNames.d.ts +2 -0
  377. package/dist/hooks/useClassNames.js +279 -197
  378. package/dist/hooks/useClickOutside.js +37 -62
  379. package/dist/hooks/useCommonProps.js +17 -53
  380. package/dist/hooks/useComponentWillMount.js +4 -28
  381. package/dist/hooks/useControlled.js +31 -37
  382. package/dist/hooks/useForceUpdate.js +16 -34
  383. package/dist/hooks/useUpdateEffect.js +6 -29
  384. package/dist/index.css +1 -57810
  385. package/dist/index.d.ts +0 -2
  386. package/dist/index.js +69 -237
  387. package/dist/theme-chalk/common/index.js +1 -2
  388. package/dist/theme-chalk/common/index.scss +2 -2
  389. package/dist/theme-chalk/date-picker/index.scss +1 -1
  390. package/dist/theme-chalk/display.scss +46 -0
  391. package/dist/theme-chalk/form/index.scss +21 -2
  392. package/dist/types/common.js +1 -17
  393. package/dist/types/type.js +16 -28
  394. package/package.json +6 -1
  395. package/theme-chalk/common/index.scss +2 -2
  396. package/theme-chalk/date-picker/index.scss +1 -1
  397. package/theme-chalk/display.scss +46 -0
  398. 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 };