@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.
- package/dist/Avatar/Avatar.js +73 -72
- package/dist/Avatar/index.js +1 -39
- package/dist/Avatar/typings.js +1 -17
- package/dist/Badge/Badge.d.ts +2 -2
- package/dist/Badge/Badge.js +63 -60
- package/dist/Badge/index.js +1 -39
- package/dist/Badge/typings.d.ts +1 -1
- package/dist/Badge/typings.js +1 -17
- package/dist/Breadcrumb/Breadcrumb.js +23 -50
- package/dist/Breadcrumb/BreadcrumbItem.js +45 -51
- package/dist/Breadcrumb/index.js +2 -42
- package/dist/Breadcrumb/typings.js +1 -17
- package/dist/Button/Button.js +132 -105
- package/dist/Button/ButtonGroup.js +29 -48
- package/dist/Button/ButtonGroupContext.js +2 -30
- package/dist/Button/index.js +2 -42
- package/dist/Button/typings.d.ts +4 -2
- package/dist/Button/typings.js +1 -17
- package/dist/Button/useButtonCustomStyle.d.ts +4 -0
- package/dist/Button/useButtonCustomStyle.js +65 -0
- package/dist/Calendar/Calendar.js +310 -237
- package/dist/Calendar/CalendarContext.js +3 -27
- package/dist/Calendar/DatePanel.js +191 -158
- package/dist/Calendar/DateRangePanel.js +140 -125
- package/dist/Calendar/Footer.js +41 -51
- package/dist/Calendar/Header.js +83 -65
- package/dist/Calendar/MonthPanel.js +138 -124
- package/dist/Calendar/MonthRangePanel.js +137 -124
- package/dist/Calendar/ShortCuts.js +21 -40
- package/dist/Calendar/WeekPanel.js +213 -145
- package/dist/Calendar/YearPanel.js +150 -125
- package/dist/Calendar/YearRangePanel.js +138 -128
- package/dist/Calendar/index.js +4 -47
- package/dist/Calendar/typings.js +1 -17
- package/dist/Calendar/util.js +26 -68
- package/dist/Card/Card.js +36 -46
- package/dist/Card/index.js +1 -39
- package/dist/Card/typings.js +1 -17
- package/dist/Carousel/Carousel.js +202 -166
- package/dist/Carousel/CarouselContext.js +14 -42
- package/dist/Carousel/CarouselItem.js +55 -71
- package/dist/Carousel/hooks/useCarousel.js +263 -238
- package/dist/Carousel/hooks/useCarouselItem.js +136 -132
- package/dist/Carousel/index.js +2 -42
- package/dist/Carousel/typings.js +1 -17
- package/dist/Cascader/Cascader.js +693 -569
- package/dist/Cascader/CascaderContext.js +9 -45
- package/dist/Cascader/CascaderDropdown.js +90 -77
- package/dist/Cascader/CascaderMenu.js +101 -114
- package/dist/Cascader/Utils.js +6 -33
- package/dist/Cascader/index.js +1 -39
- package/dist/Cascader/typings.d.ts +1 -1
- package/dist/Cascader/typings.js +1 -17
- package/dist/Cascader/useCascader.js +648 -458
- package/dist/Checkbox/Checkbox.d.ts +3 -3
- package/dist/Checkbox/Checkbox.js +136 -161
- package/dist/Checkbox/CheckboxButton.js +132 -157
- package/dist/Checkbox/index.js +2 -42
- package/dist/Checkbox/typings.d.ts +1 -1
- package/dist/Checkbox/typings.js +1 -17
- package/dist/CheckboxGroup/CheckboxGroup.js +133 -112
- package/dist/CheckboxGroup/CheckboxGroupContext.js +2 -30
- package/dist/CheckboxGroup/index.js +2 -42
- package/dist/Col/Col.js +53 -72
- package/dist/Col/index.js +1 -39
- package/dist/Col/typings.js +1 -17
- package/dist/Collapse/Collapse.js +36 -45
- package/dist/Collapse/CollapseContext.js +3 -31
- package/dist/Collapse/CollapseItem.js +88 -73
- package/dist/Collapse/CollapseTransition.js +29 -67
- package/dist/Collapse/index.js +2 -42
- package/dist/Collapse/typings.js +1 -17
- package/dist/ColorPicker/AlphaSlider.js +117 -99
- package/dist/ColorPicker/ColorPicker.d.ts +1 -1
- package/dist/ColorPicker/ColorPicker.js +233 -189
- package/dist/ColorPicker/HueSlider.js +102 -96
- package/dist/ColorPicker/Predefine.js +65 -66
- package/dist/ColorPicker/SvPanel.js +95 -81
- package/dist/ColorPicker/color.js +301 -213
- package/dist/ColorPicker/draggable.js +30 -48
- package/dist/ColorPicker/index.js +1 -39
- package/dist/ColorPicker/typings.js +1 -17
- package/dist/ColorPicker/util.js +23 -60
- package/dist/ConfigProvider/ConfigProvider.js +4 -28
- package/dist/ConfigProvider/index.js +1 -39
- package/dist/DatePicker/DatePicker.d.ts +3 -3
- package/dist/DatePicker/DatePicker.js +251 -227
- package/dist/DatePicker/DateRangePicker.d.ts +3 -3
- package/dist/DatePicker/DateRangePicker.js +279 -276
- package/dist/DatePicker/index.js +2 -39
- package/dist/DatePicker/main.d.ts +2 -2
- package/dist/DatePicker/main.js +21 -44
- package/dist/DatePicker/typings.d.ts +24 -17
- package/dist/DatePicker/typings.js +1 -17
- package/dist/DateTimePicker/DateTimePicker.d.ts +3 -5
- package/dist/DateTimePicker/DateTimePicker.js +286 -215
- package/dist/DateTimePicker/index.js +1 -39
- package/dist/DateTimePicker/typings.d.ts +10 -13
- package/dist/DateTimePicker/typings.js +1 -17
- package/dist/DateTimePicker/util.js +5 -35
- package/dist/Descriptions/Descriptions.js +83 -63
- package/dist/Descriptions/DescriptionsCell.js +67 -79
- package/dist/Descriptions/DescriptionsContext.js +4 -32
- package/dist/Descriptions/DescriptionsItem.js +4 -27
- package/dist/Descriptions/DescriptionsRow.js +42 -44
- package/dist/Descriptions/index.js +2 -42
- package/dist/Descriptions/typings.js +1 -17
- package/dist/Dialog/Dialog.js +224 -176
- package/dist/Dialog/DialogBody.js +52 -59
- package/dist/Dialog/DialogContext.js +6 -44
- package/dist/Dialog/DialogFooter.js +21 -45
- package/dist/Dialog/DialogHeader.js +44 -50
- package/dist/Dialog/index.js +1 -39
- package/dist/Dialog/typings.d.ts +1 -1
- package/dist/Dialog/typings.js +1 -17
- package/dist/Dialog/useDraggable.js +52 -79
- package/dist/Divider/Divider.d.ts +3 -3
- package/dist/Divider/Divider.js +38 -44
- package/dist/Divider/index.js +1 -39
- package/dist/Drawer/Drawer.js +144 -136
- package/dist/Drawer/DrawerBody.js +35 -57
- package/dist/Drawer/DrawerContext.js +13 -44
- package/dist/Drawer/DrawerFooter.js +22 -43
- package/dist/Drawer/DrawerHeader.js +41 -48
- package/dist/Drawer/index.js +1 -39
- package/dist/Drawer/typings.js +1 -17
- package/dist/Dropdown/Dropdown.js +89 -107
- package/dist/Dropdown/DropdownContext.js +5 -43
- package/dist/Dropdown/DropdownItem.js +40 -60
- package/dist/Dropdown/DropdownMenu.js +28 -56
- package/dist/Dropdown/index.js +3 -45
- package/dist/Dropdown/typings.js +1 -17
- package/dist/Empty/Empty.js +32 -53
- package/dist/Empty/ImgEmpty.js +115 -117
- package/dist/Empty/index.js +1 -39
- package/dist/Form/FieldContext.js +8 -37
- package/dist/Form/Form.js +167 -162
- package/dist/Form/FormContext.js +58 -97
- package/dist/Form/FormItem.js +620 -352
- package/dist/Form/FormItemContext.js +3 -31
- package/dist/Form/List.js +121 -104
- package/dist/Form/ListContext.js +3 -27
- package/dist/Form/index.js +3 -45
- package/dist/Form/typings.d.ts +25 -4
- package/dist/Form/typings.js +1 -17
- package/dist/Form/useForm.js +830 -690
- package/dist/Form/useWatch.js +64 -79
- package/dist/Form/utils/NameMap.js +98 -69
- package/dist/Form/utils/asyncUtil.js +9 -37
- package/dist/Form/utils/classUtil.js +26 -48
- package/dist/Form/utils/cloneDeep.js +8 -29
- package/dist/Form/utils/get.js +6 -30
- package/dist/Form/utils/messages.js +25 -53
- package/dist/Form/utils/set.js +31 -44
- package/dist/Form/utils/typeUtil.js +3 -31
- package/dist/Form/utils/util.js +18 -55
- package/dist/Form/utils/validateUtil.js +284 -159
- package/dist/Form/utils/valueUtil.js +102 -107
- package/dist/Icon/Icon.js +39 -63
- package/dist/Icon/IconList/Check.js +25 -65
- package/dist/Icon/IconList/Close.js +23 -52
- package/dist/Icon/IconList/Delete.js +25 -65
- package/dist/Icon/IconList/Down.js +25 -65
- package/dist/Icon/IconList/Eye.js +25 -65
- package/dist/Icon/IconList/EyeClose.js +25 -65
- package/dist/Icon/IconList/Left.js +25 -65
- package/dist/Icon/IconList/Link.js +19 -55
- package/dist/Icon/IconList/More.js +25 -65
- package/dist/Icon/IconList/Question.js +25 -65
- package/dist/Icon/IconList/Right.js +25 -65
- package/dist/Icon/IconList/Search.js +25 -65
- package/dist/Icon/IconList/Up.js +25 -65
- package/dist/Icon/IconList/Upload.js +25 -65
- package/dist/Icon/IconList/index.js +14 -68
- package/dist/Icon/index.js +2 -42
- package/dist/Icon/typings.js +1 -17
- package/dist/Input/Input.js +334 -358
- package/dist/Input/InputGroup.js +27 -43
- package/dist/Input/InputRange.js +295 -308
- package/dist/Input/TextArea.js +129 -120
- package/dist/Input/index.js +3 -45
- package/dist/Input/typings.js +1 -17
- package/dist/InputNumber/InputNumber.js +219 -203
- package/dist/InputNumber/index.js +1 -39
- package/dist/InputNumber/typings.d.ts +1 -1
- package/dist/InputNumber/typings.js +1 -17
- package/dist/Link/Link.js +43 -60
- package/dist/Link/index.js +1 -39
- package/dist/Link/typings.js +1 -17
- package/dist/Loading/Loading.js +93 -66
- package/dist/Loading/index.js +1 -39
- package/dist/Loading/typings.js +1 -17
- package/dist/Message/Main.js +41 -66
- package/dist/Message/Message.js +167 -130
- package/dist/Message/index.js +68 -88
- package/dist/Message/typings.js +1 -17
- package/dist/MessageBox/Main.js +43 -68
- package/dist/MessageBox/MessageBox.js +253 -202
- package/dist/MessageBox/index.js +74 -79
- package/dist/MessageBox/typings.js +1 -17
- package/dist/Notification/Main.js +41 -66
- package/dist/Notification/Notification.js +148 -131
- package/dist/Notification/index.js +76 -92
- package/dist/Notification/typings.js +1 -17
- package/dist/Pagination/Options.js +104 -99
- package/dist/Pagination/Pager.js +30 -61
- package/dist/Pagination/Pagination.js +462 -380
- package/dist/Pagination/index.js +1 -39
- package/dist/Pagination/typings.js +1 -17
- package/dist/Pagination/util.js +10 -41
- package/dist/Popconfirm/Popconfirm.js +108 -116
- package/dist/Popconfirm/index.js +1 -39
- package/dist/Popconfirm/typings.js +1 -17
- package/dist/Popover/Popover.js +87 -89
- package/dist/Popover/index.js +1 -39
- package/dist/Popover/typings.js +1 -17
- package/dist/Popper/Popper.js +172 -149
- package/dist/Popper/index.js +1 -39
- package/dist/Popper/popperOptions.js +79 -90
- package/dist/Popper/typings.js +1 -17
- package/dist/Progress/Progress.js +186 -155
- package/dist/Progress/index.js +1 -39
- package/dist/Progress/typings.js +1 -17
- package/dist/Radio/Radio.js +158 -117
- package/dist/Radio/RadioButton.js +127 -117
- package/dist/Radio/index.js +1 -39
- package/dist/Radio/typings.js +1 -17
- package/dist/RadioGroup/RadioGroup.js +63 -78
- package/dist/RadioGroup/index.js +1 -39
- package/dist/RadioGroup/typings.js +1 -17
- package/dist/Row/Row.js +41 -62
- package/dist/Row/RowContext.js +3 -31
- package/dist/Row/index.js +2 -42
- package/dist/Row/typings.js +1 -17
- package/dist/Scrollbar/Scrollbar.js +172 -133
- package/dist/Scrollbar/Thumb.js +108 -96
- package/dist/Scrollbar/index.js +1 -39
- package/dist/Scrollbar/typings.d.ts +11 -2
- package/dist/Scrollbar/typings.js +1 -17
- package/dist/Scrollbar/util.js +24 -51
- package/dist/Select/Option.js +50 -75
- package/dist/Select/OptionGroup.js +31 -47
- package/dist/Select/Select.js +25 -48
- package/dist/Select/SelectContext.js +8 -46
- package/dist/Select/SelectCore.js +449 -377
- package/dist/Select/SelectDropdown.js +200 -160
- package/dist/Select/index.js +2 -42
- package/dist/Select/typings.d.ts +1 -1
- package/dist/Select/typings.js +1 -17
- package/dist/Skeleton/PlaceholderGraph.js +39 -45
- package/dist/Skeleton/PlaceholderGrid.js +55 -67
- package/dist/Skeleton/PlaceholderParagraph.js +51 -52
- package/dist/Skeleton/Skeleton.js +8 -42
- package/dist/Skeleton/index.js +1 -39
- package/dist/Switch/Switch.js +177 -154
- package/dist/Switch/index.js +1 -39
- package/dist/Switch/typings.js +1 -17
- package/dist/Table/Colgroup.js +17 -41
- package/dist/Table/Table.js +246 -188
- package/dist/Table/TableBody.js +265 -200
- package/dist/Table/TableCell.js +461 -320
- package/dist/Table/TableColumn.js +9 -43
- package/dist/Table/TableContext.js +44 -63
- package/dist/Table/TableHeader.js +112 -102
- package/dist/Table/TableHeaderCell.js +211 -158
- package/dist/Table/hooks/useResize.js +69 -83
- package/dist/Table/hooks/useScroll.js +88 -114
- package/dist/Table/hooks/useSelection.js +145 -110
- package/dist/Table/hooks/useTable.js +411 -309
- package/dist/Table/index.js +2 -42
- package/dist/Table/treeUtil.js +99 -77
- package/dist/Table/typings.js +1 -17
- package/dist/Table/util.js +168 -109
- package/dist/Tabs/TabPane.js +51 -53
- package/dist/Tabs/Tabs.js +277 -178
- package/dist/Tabs/TabsContext.js +4 -32
- package/dist/Tabs/index.js +2 -42
- package/dist/Tabs/typings.js +1 -17
- package/dist/Tag/Tag.js +75 -74
- package/dist/Tag/index.js +1 -39
- package/dist/Tag/typings.js +1 -17
- package/dist/TimeLine/TimeLine.js +13 -42
- package/dist/TimeLine/TimeLineItem.js +66 -54
- package/dist/TimeLine/index.js +2 -42
- package/dist/TimeLine/typings.js +1 -17
- package/dist/TimePicker/TimePicker.d.ts +1 -4
- package/dist/TimePicker/TimePicker.js +275 -215
- package/dist/TimePicker/TimePickerPanel.js +62 -71
- package/dist/TimePicker/TimePickerRange.d.ts +4 -4
- package/dist/TimePicker/TimePickerRange.js +371 -334
- package/dist/TimePicker/TimeRangePanel.js +182 -165
- package/dist/TimePicker/TimeSpinnerPanel.js +321 -267
- package/dist/TimePicker/index.d.ts +2 -3
- package/dist/TimePicker/index.js +1 -42
- package/dist/TimePicker/main.d.ts +9 -0
- package/dist/TimePicker/main.js +17 -0
- package/dist/TimePicker/typings.d.ts +29 -24
- package/dist/TimePicker/typings.js +1 -17
- package/dist/TimePicker/useTimePicker.js +62 -65
- package/dist/TimePicker/util.js +8 -40
- package/dist/Tooltip/Tooltip.js +172 -180
- package/dist/Tooltip/TooltipContext.js +8 -46
- package/dist/Tooltip/index.js +2 -42
- package/dist/Tooltip/typings.js +1 -17
- package/dist/Transfer/List.js +290 -241
- package/dist/Transfer/ListBody.js +92 -106
- package/dist/Transfer/ListItem.js +38 -51
- package/dist/Transfer/Transfer.js +323 -280
- package/dist/Transfer/index.js +1 -39
- package/dist/Transfer/interface.js +1 -17
- package/dist/Transfer/operation.js +35 -48
- package/dist/Transfer/search.js +30 -62
- package/dist/Transfer/typings/index.js +1 -17
- package/dist/Transfer/typings/list.js +1 -17
- package/dist/Transfer/typings/listBody.js +2 -30
- package/dist/Transition/Transition.js +271 -234
- package/dist/Transition/TransitionGroup.js +136 -88
- package/dist/Transition/TransitionGroupContext.js +2 -26
- package/dist/Transition/childMapping.js +84 -71
- package/dist/Transition/index.js +2 -42
- package/dist/Transition/util.d.ts +0 -1
- package/dist/Transition/util.js +6 -47
- package/dist/Tree/DirectoryTree.js +146 -118
- package/dist/Tree/DropIndicator.js +15 -45
- package/dist/Tree/Indent.js +23 -54
- package/dist/Tree/MotionTreeNode.js +94 -95
- package/dist/Tree/NodeList.js +228 -221
- package/dist/Tree/RCTree.js +969 -702
- package/dist/Tree/Tree.js +64 -79
- package/dist/Tree/TreeNode.js +254 -255
- package/dist/Tree/contextTypes.js +8 -42
- package/dist/Tree/index.js +4 -48
- package/dist/Tree/typings.js +1 -17
- package/dist/Tree/useUnmount.js +21 -41
- package/dist/Tree/util.js +156 -134
- package/dist/Tree/utils/conductUtil.js +113 -104
- package/dist/Tree/utils/dictUtil.js +50 -78
- package/dist/Tree/utils/diffUtil.js +26 -43
- package/dist/Tree/utils/dropIndicator.js +23 -51
- package/dist/Tree/utils/iconUtil.js +44 -51
- package/dist/Tree/utils/keyUtil.js +2 -26
- package/dist/Tree/utils/motion.js +34 -72
- package/dist/Tree/utils/pickAttrs.js +30 -58
- package/dist/Tree/utils/treeUtil.js +263 -203
- package/dist/TreeSelect/TreeSelect.js +521 -459
- package/dist/TreeSelect/Utils.js +15 -36
- package/dist/TreeSelect/index.js +1 -39
- package/dist/TreeSelect/typings.d.ts +1 -1
- package/dist/TreeSelect/typings.js +1 -17
- package/dist/Upload/Upload.js +106 -109
- package/dist/Upload/UploadContent.js +227 -182
- package/dist/Upload/UploadContext.js +5 -33
- package/dist/Upload/UploadDrag.js +77 -97
- package/dist/Upload/UploadList.js +104 -73
- package/dist/Upload/ajax.js +45 -71
- package/dist/Upload/index.js +1 -39
- package/dist/Upload/typings.js +34 -36
- package/dist/Upload/use-handlers.js +182 -126
- package/dist/Util/Math.js +81 -78
- package/dist/Util/PopupManager.js +5 -27
- package/dist/Util/base.js +101 -171
- package/dist/Util/genFileId.js +3 -29
- package/dist/Util/index.js +6 -51
- package/dist/Util/resize-event.js +31 -54
- package/dist/Util/shallowEqual.js +30 -28
- package/dist/Util/treeUtils.js +68 -64
- package/dist/config/Constants.js +17 -47
- package/dist/display.css +1 -0
- package/dist/hooks/animationPropsUtils.js +25 -49
- package/dist/hooks/htmlPropsUtils.js +54 -121
- package/dist/hooks/index.js +14 -73
- package/dist/hooks/popperPropsUtils.js +25 -67
- package/dist/hooks/prefix.js +22 -55
- package/dist/hooks/treePropsUtils.js +24 -103
- package/dist/hooks/useChildrenInstance.js +51 -60
- package/dist/hooks/useClassNames.d.ts +2 -0
- package/dist/hooks/useClassNames.js +279 -197
- package/dist/hooks/useClickOutside.js +37 -62
- package/dist/hooks/useCommonProps.js +17 -53
- package/dist/hooks/useComponentWillMount.js +4 -28
- package/dist/hooks/useControlled.js +31 -37
- package/dist/hooks/useForceUpdate.js +16 -34
- package/dist/hooks/useUpdateEffect.js +6 -29
- package/dist/index.css +1 -57810
- package/dist/index.d.ts +0 -2
- package/dist/index.js +69 -237
- package/dist/theme-chalk/common/index.js +1 -2
- package/dist/theme-chalk/common/index.scss +2 -2
- package/dist/theme-chalk/date-picker/index.scss +1 -1
- package/dist/theme-chalk/display.scss +46 -0
- package/dist/theme-chalk/form/index.scss +21 -2
- package/dist/types/common.js +1 -17
- package/dist/types/type.js +16 -28
- package/package.json +6 -1
- package/theme-chalk/common/index.scss +2 -2
- package/theme-chalk/date-picker/index.scss +1 -1
- package/theme-chalk/display.scss +46 -0
- package/theme-chalk/form/index.scss +21 -2
|
@@ -1,147 +1,180 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
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
|
-
|
|
29
|
-
|
|
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 ===
|
|
17
|
+
var isPercentage = function isPercentage(n) {
|
|
18
|
+
return typeof n === 'string' && n.includes('%');
|
|
33
19
|
};
|
|
34
|
-
|
|
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 =
|
|
24
|
+
value = '100%';
|
|
37
25
|
}
|
|
38
|
-
|
|
39
|
-
value = Math.min(max, Math.max(0, Number.parseFloat(
|
|
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(
|
|
31
|
+
value = Number.parseInt("".concat(value * max), 10) / 100;
|
|
42
32
|
}
|
|
43
|
-
|
|
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 = {
|
|
49
|
-
|
|
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
|
-
|
|
52
|
-
|
|
53
|
-
return
|
|
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(
|
|
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
|
|
63
|
+
return "#".concat(hexOne(r)).concat(hexOne(g)).concat(hexOne(b));
|
|
60
64
|
};
|
|
61
|
-
var HEX_INT_MAP = {
|
|
62
|
-
|
|
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
|
-
|
|
72
|
-
|
|
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
|
-
|
|
77
|
-
|
|
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
|
-
|
|
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
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
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
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
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 {
|
|
135
|
+
return {
|
|
136
|
+
h: h * 360,
|
|
137
|
+
s: s * 100,
|
|
138
|
+
v: v * 100
|
|
139
|
+
};
|
|
114
140
|
};
|
|
115
|
-
|
|
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
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
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 =
|
|
135
|
-
|
|
136
|
-
this
|
|
137
|
-
this
|
|
138
|
-
this
|
|
139
|
-
this
|
|
140
|
-
this
|
|
141
|
-
this
|
|
142
|
-
this
|
|
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 (
|
|
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
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
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
|
-
|
|
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
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
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
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
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
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
}
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
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
|
-
|
|
259
|
-
|
|
260
|
-
|
|
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
|
-
|
|
263
|
-
|
|
264
|
-
|
|
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
|
-
|
|
267
|
-
|
|
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
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
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
|
-
|
|
279
|
-
|
|
280
|
-
|
|
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
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
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
|
-
|
|
288
|
-
this.
|
|
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 };
|