@qsxy/element-plus-react 1.0.0-next.2 → 1.0.0-next.21
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/README.md +68 -0
- package/dist/Avatar/Avatar.d.ts +4 -0
- package/dist/Avatar/Avatar.js +94 -0
- package/dist/Avatar/index.d.ts +2 -0
- package/dist/Avatar/index.js +1 -0
- package/dist/Avatar/typings.d.ts +21 -0
- package/dist/Avatar/typings.js +1 -0
- package/dist/Badge/Badge.d.ts +2 -2
- package/dist/Badge/Badge.js +75 -60
- package/dist/Badge/index.js +1 -39
- package/dist/Badge/typings.d.ts +11 -1
- package/dist/Badge/typings.js +1 -17
- package/dist/Breadcrumb/Breadcrumb.js +23 -50
- package/dist/Breadcrumb/BreadcrumbItem.js +44 -53
- package/dist/Breadcrumb/index.js +2 -42
- package/dist/Breadcrumb/typings.d.ts +4 -0
- package/dist/Breadcrumb/typings.js +1 -17
- package/dist/Button/Button.js +134 -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 +35 -3
- 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.d.ts +10 -0
- 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.d.ts +2 -0
- 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.d.ts +18 -0
- 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.d.ts +4 -0
- package/dist/Card/typings.js +1 -17
- package/dist/Carousel/Carousel.d.ts +4 -0
- package/dist/Carousel/Carousel.js +204 -0
- package/dist/Carousel/CarouselContext.d.ts +4 -0
- package/dist/Carousel/CarouselContext.js +24 -0
- package/dist/Carousel/CarouselItem.d.ts +4 -0
- package/dist/Carousel/CarouselItem.js +59 -0
- package/dist/Carousel/hooks/useCarousel.d.ts +37 -0
- package/dist/Carousel/hooks/useCarousel.js +373 -0
- package/dist/Carousel/hooks/useCarouselItem.d.ts +8 -0
- package/dist/Carousel/hooks/useCarouselItem.js +165 -0
- package/dist/Carousel/index.d.ts +3 -0
- package/dist/Carousel/index.js +2 -0
- package/dist/Carousel/typings.d.ts +83 -0
- package/dist/Carousel/typings.js +1 -0
- package/dist/Cascader/Cascader.js +694 -605
- package/dist/Cascader/CascaderContext.d.ts +4 -10
- package/dist/Cascader/CascaderContext.js +10 -50
- package/dist/Cascader/CascaderDropdown.d.ts +1 -0
- package/dist/Cascader/CascaderDropdown.js +90 -77
- package/dist/Cascader/CascaderMenu.js +100 -186
- package/dist/Cascader/Utils.d.ts +0 -2
- package/dist/Cascader/Utils.js +6 -77
- package/dist/Cascader/index.d.ts +1 -1
- package/dist/Cascader/index.js +1 -39
- package/dist/Cascader/typings.d.ts +77 -13
- package/dist/Cascader/typings.js +1 -17
- package/dist/Cascader/useCascader.d.ts +61 -3
- package/dist/Cascader/useCascader.js +651 -488
- package/dist/Checkbox/Checkbox.d.ts +3 -3
- package/dist/Checkbox/Checkbox.js +138 -161
- package/dist/Checkbox/CheckboxButton.js +133 -157
- package/dist/Checkbox/index.js +2 -42
- package/dist/Checkbox/typings.d.ts +14 -2
- package/dist/Checkbox/typings.js +1 -17
- package/dist/CheckboxGroup/CheckboxGroup.d.ts +4 -0
- package/dist/CheckboxGroup/CheckboxGroup.js +134 -112
- package/dist/CheckboxGroup/CheckboxGroupContext.d.ts +1 -0
- 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.d.ts +10 -0
- package/dist/Col/typings.js +1 -17
- package/dist/Collapse/Collapse.js +36 -45
- package/dist/Collapse/CollapseContext.d.ts +3 -0
- 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.d.ts +7 -0
- package/dist/Collapse/typings.js +1 -17
- package/dist/ColorPicker/AlphaSlider.js +110 -99
- package/dist/ColorPicker/ColorPicker.d.ts +1 -1
- package/dist/ColorPicker/ColorPicker.js +233 -189
- package/dist/ColorPicker/HueSlider.js +95 -96
- package/dist/ColorPicker/Predefine.js +58 -66
- package/dist/ColorPicker/SvPanel.js +88 -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.d.ts +9 -0
- package/dist/ColorPicker/typings.js +1 -17
- package/dist/ColorPicker/util.js +23 -60
- package/dist/ConfigProvider/ConfigProvider.d.ts +7 -0
- package/dist/ConfigProvider/ConfigProvider.js +8 -28
- package/dist/ConfigProvider/index.d.ts +1 -1
- 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 +92 -16
- 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 -12
- package/dist/DateTimePicker/typings.js +1 -17
- package/dist/DateTimePicker/util.js +5 -35
- package/dist/Descriptions/Descriptions.d.ts +2 -2
- package/dist/Descriptions/Descriptions.js +85 -64
- package/dist/Descriptions/DescriptionsCell.d.ts +11 -12
- package/dist/Descriptions/DescriptionsCell.js +75 -80
- package/dist/Descriptions/DescriptionsContext.d.ts +2 -0
- package/dist/Descriptions/DescriptionsContext.js +4 -32
- package/dist/Descriptions/DescriptionsItem.js +4 -27
- package/dist/Descriptions/DescriptionsRow.d.ts +2 -5
- package/dist/Descriptions/DescriptionsRow.js +49 -44
- package/dist/Descriptions/index.js +2 -42
- package/dist/Descriptions/typings.d.ts +13 -0
- package/dist/Descriptions/typings.js +1 -17
- package/dist/Dialog/Dialog.js +228 -179
- package/dist/Dialog/DialogBody.js +52 -59
- package/dist/Dialog/DialogContext.d.ts +9 -1
- package/dist/Dialog/DialogContext.js +7 -45
- 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 +39 -3
- package/dist/Dialog/typings.js +1 -17
- package/dist/Dialog/useDraggable.js +52 -79
- package/dist/Divider/Divider.d.ts +7 -3
- package/dist/Divider/Divider.js +38 -44
- package/dist/Divider/index.js +1 -39
- package/dist/Drawer/Drawer.d.ts +2 -5
- package/dist/Drawer/Drawer.js +210 -130
- package/dist/Drawer/DrawerBody.js +29 -57
- package/dist/Drawer/DrawerContext.d.ts +2 -4
- package/dist/Drawer/DrawerContext.js +5 -46
- package/dist/Drawer/DrawerFooter.js +22 -43
- package/dist/Drawer/DrawerHeader.js +34 -54
- package/dist/Drawer/index.js +1 -39
- package/dist/Drawer/typings.d.ts +44 -7
- package/dist/Drawer/typings.js +1 -17
- package/dist/Dropdown/Dropdown.d.ts +3 -3
- package/dist/Dropdown/Dropdown.js +103 -107
- package/dist/Dropdown/DropdownContext.d.ts +2 -0
- package/dist/Dropdown/DropdownContext.js +5 -43
- package/dist/Dropdown/DropdownItem.js +40 -60
- package/dist/Dropdown/DropdownMenu.d.ts +5 -2
- package/dist/Dropdown/DropdownMenu.js +30 -56
- package/dist/Dropdown/index.js +3 -45
- package/dist/Dropdown/typings.d.ts +27 -3
- 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.d.ts +9 -4
- package/dist/Form/Form.js +170 -163
- package/dist/Form/FormContext.js +58 -97
- package/dist/Form/FormItem.d.ts +12 -0
- 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 +81 -5
- package/dist/Form/typings.js +1 -17
- package/dist/Form/useForm.d.ts +22 -0
- package/dist/Form/useForm.js +830 -690
- package/dist/Form/useWatch.js +64 -79
- package/dist/Form/utils/NameMap.d.ts +3 -0
- 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.d.ts +4 -0
- package/dist/Form/utils/validateUtil.js +284 -159
- package/dist/Form/utils/valueUtil.d.ts +17 -0
- 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.d.ts +7 -0
- package/dist/Icon/typings.js +1 -17
- package/dist/Input/Input.js +335 -357
- 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.d.ts +62 -1
- package/dist/Input/typings.js +1 -17
- package/dist/InputNumber/InputNumber.d.ts +2 -2
- package/dist/InputNumber/InputNumber.js +225 -204
- package/dist/InputNumber/index.js +1 -39
- package/dist/InputNumber/typings.d.ts +22 -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.d.ts +6 -1
- package/dist/Link/typings.js +1 -17
- package/dist/Loading/Loading.d.ts +7 -2
- package/dist/Loading/Loading.js +148 -60
- package/dist/Loading/index.js +1 -39
- package/dist/Loading/typings.d.ts +12 -1
- package/dist/Loading/typings.js +1 -17
- package/dist/Message/Main.js +34 -66
- package/dist/Message/Message.d.ts +2 -2
- package/dist/Message/Message.js +169 -131
- package/dist/Message/index.js +64 -88
- package/dist/Message/typings.d.ts +11 -0
- package/dist/Message/typings.js +1 -17
- package/dist/MessageBox/Main.js +43 -68
- package/dist/MessageBox/MessageBox.js +260 -202
- package/dist/MessageBox/index.d.ts +19 -5
- package/dist/MessageBox/index.js +75 -79
- package/dist/MessageBox/typings.d.ts +51 -0
- package/dist/MessageBox/typings.js +1 -17
- package/dist/Notification/Main.js +34 -66
- package/dist/Notification/Notification.js +151 -131
- package/dist/Notification/index.d.ts +7 -0
- package/dist/Notification/index.js +67 -92
- package/dist/Notification/typings.d.ts +12 -1
- package/dist/Notification/typings.js +1 -17
- package/dist/Pagination/Options.d.ts +7 -2
- package/dist/Pagination/Options.js +130 -109
- package/dist/Pagination/Pager.js +30 -61
- package/dist/Pagination/Pagination.js +470 -418
- package/dist/Pagination/index.js +1 -39
- package/dist/Pagination/typings.d.ts +46 -19
- package/dist/Pagination/typings.js +1 -17
- package/dist/Pagination/util.js +10 -41
- package/dist/Popconfirm/Popconfirm.d.ts +3 -2
- package/dist/Popconfirm/Popconfirm.js +116 -117
- package/dist/Popconfirm/index.js +1 -39
- package/dist/Popconfirm/typings.d.ts +14 -2
- package/dist/Popconfirm/typings.js +1 -17
- package/dist/Popover/Popover.d.ts +3 -2
- package/dist/Popover/Popover.js +96 -91
- package/dist/Popover/index.js +1 -39
- package/dist/Popover/typings.d.ts +12 -1
- 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.d.ts +7 -1
- 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.d.ts +12 -0
- package/dist/Progress/typings.js +1 -17
- package/dist/Radio/Radio.js +162 -117
- package/dist/Radio/RadioButton.d.ts +2 -2
- package/dist/Radio/RadioButton.js +137 -117
- package/dist/Radio/index.js +1 -39
- package/dist/Radio/typings.d.ts +9 -1
- 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.d.ts +1 -0
- package/dist/RadioGroup/typings.js +1 -17
- package/dist/Row/Row.js +41 -62
- package/dist/Row/RowContext.d.ts +1 -0
- package/dist/Row/RowContext.js +3 -31
- package/dist/Row/index.js +2 -42
- package/dist/Row/typings.d.ts +4 -0
- 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 +31 -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.d.ts +3 -15
- package/dist/Select/Select.js +22 -51
- package/dist/Select/SelectContext.js +8 -46
- package/dist/Select/SelectCore.js +480 -382
- package/dist/Select/SelectDropdown.js +252 -162
- package/dist/Select/index.d.ts +1 -0
- package/dist/Select/index.js +3 -42
- package/dist/Select/typings.d.ts +52 -2
- package/dist/Select/typings.js +1 -17
- package/dist/Skeleton/PlaceholderGraph.d.ts +5 -1
- package/dist/Skeleton/PlaceholderGraph.js +39 -45
- package/dist/Skeleton/PlaceholderGrid.d.ts +5 -1
- package/dist/Skeleton/PlaceholderGrid.js +55 -67
- package/dist/Skeleton/PlaceholderParagraph.d.ts +6 -2
- package/dist/Skeleton/PlaceholderParagraph.js +56 -52
- package/dist/Skeleton/Skeleton.d.ts +2 -9
- package/dist/Skeleton/Skeleton.js +93 -40
- package/dist/Skeleton/SkeletonContext.d.ts +17 -0
- package/dist/Skeleton/SkeletonContext.js +5 -0
- package/dist/Skeleton/SkeletonItem.d.ts +4 -0
- package/dist/Skeleton/SkeletonItem.js +47 -0
- package/dist/Skeleton/index.d.ts +2 -3
- package/dist/Skeleton/index.js +2 -39
- package/dist/Skeleton/typings.d.ts +29 -0
- package/dist/Skeleton/typings.js +1 -0
- package/dist/Switch/Switch.js +215 -153
- package/dist/Switch/index.js +1 -39
- package/dist/Switch/typings.d.ts +19 -0
- package/dist/Switch/typings.js +1 -17
- package/dist/Table/Colgroup.d.ts +1 -0
- package/dist/Table/Colgroup.js +17 -41
- package/dist/Table/Table.d.ts +1 -2
- 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.d.ts +8 -0
- package/dist/Table/TableContext.js +44 -63
- package/dist/Table/TableHeader.js +112 -102
- package/dist/Table/TableHeaderCell.js +214 -161
- package/dist/Table/hooks/useResize.js +69 -83
- package/dist/Table/hooks/useScroll.js +88 -114
- package/dist/Table/hooks/useSelection.d.ts +13 -3
- package/dist/Table/hooks/useSelection.js +145 -110
- package/dist/Table/hooks/useTable.js +404 -310
- package/dist/Table/index.js +2 -42
- package/dist/Table/treeUtil.d.ts +39 -0
- package/dist/Table/treeUtil.js +99 -77
- package/dist/Table/typings.d.ts +138 -2
- package/dist/Table/typings.js +1 -17
- package/dist/Table/util.d.ts +12 -4
- package/dist/Table/util.js +168 -109
- package/dist/Tabs/TabPane.js +51 -53
- package/dist/Tabs/Tabs.d.ts +2 -2
- package/dist/Tabs/Tabs.js +282 -179
- package/dist/Tabs/TabsContext.js +4 -32
- package/dist/Tabs/index.js +2 -42
- package/dist/Tabs/typings.d.ts +40 -0
- package/dist/Tabs/typings.js +1 -17
- package/dist/Tag/Tag.d.ts +1 -1
- package/dist/Tag/Tag.js +87 -83
- package/dist/Tag/index.js +1 -39
- package/dist/Tag/typings.d.ts +11 -1
- package/dist/Tag/typings.js +1 -17
- package/dist/TimeLine/TimeLine.js +14 -42
- package/dist/TimeLine/TimeLineItem.js +67 -54
- package/dist/TimeLine/index.js +2 -42
- package/dist/TimeLine/typings.d.ts +11 -2
- package/dist/TimeLine/typings.js +1 -17
- package/dist/TimePicker/TimePicker.d.ts +1 -4
- package/dist/TimePicker/TimePicker.js +275 -214
- 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 -266
- 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 +39 -21
- package/dist/TimePicker/typings.js +1 -17
- package/dist/TimePicker/useTimePicker.js +56 -66
- package/dist/TimePicker/util.js +8 -40
- package/dist/Tooltip/Tooltip.d.ts +3 -3
- package/dist/Tooltip/Tooltip.js +174 -192
- package/dist/Tooltip/TooltipContext.d.ts +1 -0
- package/dist/Tooltip/TooltipContext.js +8 -46
- package/dist/Tooltip/index.js +2 -42
- package/dist/Tooltip/typings.d.ts +14 -1
- 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.d.ts +1 -0
- 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.d.ts +27 -0
- package/dist/Transfer/typings/index.js +1 -17
- package/dist/Transfer/typings/list.d.ts +25 -0
- package/dist/Transfer/typings/list.js +1 -17
- package/dist/Transfer/typings/listBody.d.ts +1 -0
- package/dist/Transfer/typings/listBody.js +2 -30
- package/dist/Transition/Transition.d.ts +10 -0
- package/dist/Transition/Transition.js +271 -234
- package/dist/Transition/TransitionGroup.d.ts +59 -0
- package/dist/Transition/TransitionGroup.js +136 -88
- package/dist/Transition/TransitionGroupContext.js +2 -26
- package/dist/Transition/childMapping.d.ts +23 -0
- 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.d.ts +6 -13
- package/dist/Tree/DirectoryTree.js +149 -170
- package/dist/Tree/DropIndicator.d.ts +4 -2
- package/dist/Tree/DropIndicator.js +16 -41
- package/dist/Tree/Indent.d.ts +2 -2
- package/dist/Tree/Indent.js +23 -54
- package/dist/Tree/MotionTreeNode.d.ts +4 -5
- package/dist/Tree/MotionTreeNode.js +120 -104
- package/dist/Tree/NodeList.d.ts +18 -11
- package/dist/Tree/NodeList.js +232 -216
- package/dist/Tree/RCTree.d.ts +92 -75
- package/dist/Tree/RCTree.js +980 -702
- package/dist/Tree/Tree.d.ts +18 -3
- package/dist/Tree/Tree.js +65 -80
- package/dist/Tree/TreeNode.d.ts +5 -83
- package/dist/Tree/TreeNode.js +367 -470
- package/dist/Tree/contextTypes.d.ts +40 -30
- package/dist/Tree/contextTypes.js +8 -29
- package/dist/Tree/index.d.ts +2 -2
- package/dist/Tree/index.js +4 -48
- package/dist/Tree/typings.d.ts +63 -19
- package/dist/Tree/typings.js +1 -29
- package/dist/Tree/typings.tsx--bak +245 -0
- package/dist/Tree/useUnmount.d.ts +5 -0
- package/dist/Tree/useUnmount.js +34 -0
- package/dist/Tree/util.d.ts +31 -18
- package/dist/Tree/util.js +160 -169
- package/dist/Tree/utils/conductUtil.d.ts +8 -2
- package/dist/Tree/utils/conductUtil.js +113 -93
- package/dist/Tree/utils/dictUtil.d.ts +8 -3
- package/dist/Tree/utils/dictUtil.js +44 -55
- package/dist/Tree/utils/diffUtil.d.ts +4 -3
- 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.d.ts +2 -0
- package/dist/Tree/utils/keyUtil.js +3 -0
- package/dist/Tree/utils/motion.js +34 -71
- package/dist/Tree/utils/pickAttrs.d.ts +5 -0
- package/dist/Tree/utils/pickAttrs.js +30 -58
- package/dist/Tree/utils/treeUtil.d.ts +40 -18
- package/dist/Tree/utils/treeUtil.js +268 -187
- package/dist/TreeSelect/TreeSelect.d.ts +1 -1
- package/dist/TreeSelect/TreeSelect.js +521 -459
- package/dist/TreeSelect/Utils.d.ts +2 -1
- package/dist/TreeSelect/Utils.js +15 -36
- package/dist/TreeSelect/index.js +1 -39
- package/dist/TreeSelect/typings.d.ts +20 -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.d.ts +34 -0
- package/dist/Upload/typings.js +34 -36
- package/dist/Upload/use-handlers.d.ts +1 -0
- package/dist/Upload/use-handlers.js +182 -126
- package/dist/Util/Math.d.ts +34 -0
- package/dist/Util/Math.js +81 -78
- package/dist/Util/PopupManager.js +5 -27
- package/dist/Util/base.d.ts +22 -1
- package/dist/Util/base.js +109 -167
- 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.d.ts +11 -0
- package/dist/Util/shallowEqual.js +30 -28
- package/dist/Util/treeUtils.d.ts +8 -0
- package/dist/Util/treeUtils.js +68 -64
- package/dist/config/Constants.js +17 -47
- package/dist/display.css +1 -0
- package/dist/fonts/fa-brands-400.ttf +0 -0
- package/dist/fonts/fa-brands-400.woff2 +0 -0
- package/dist/fonts/fa-duotone-900.ttf +0 -0
- package/dist/fonts/fa-duotone-900.woff2 +0 -0
- package/dist/fonts/fa-light-300.ttf +0 -0
- package/dist/fonts/fa-light-300.woff2 +0 -0
- package/dist/fonts/fa-regular-400.ttf +0 -0
- package/dist/fonts/fa-regular-400.woff2 +0 -0
- package/dist/fonts/fa-solid-900.ttf +0 -0
- package/dist/fonts/fa-solid-900.woff2 +0 -0
- package/dist/fonts/fa-thin-100.ttf +0 -0
- package/dist/fonts/fa-thin-100.woff2 +0 -0
- package/dist/fonts/fa-v4compatibility.ttf +0 -0
- package/dist/fonts/fa-v4compatibility.woff2 +0 -0
- package/dist/hooks/animationPropsUtils.d.ts +8 -0
- package/dist/hooks/animationPropsUtils.js +21 -49
- package/dist/hooks/htmlPropsUtils.d.ts +8 -0
- package/dist/hooks/htmlPropsUtils.js +54 -121
- package/dist/hooks/index.js +14 -73
- package/dist/hooks/popperPropsUtils.d.ts +8 -0
- package/dist/hooks/popperPropsUtils.js +21 -67
- package/dist/hooks/prefix.d.ts +1 -1
- package/dist/hooks/prefix.js +22 -55
- package/dist/hooks/treePropsUtils.d.ts +12 -0
- package/dist/hooks/treePropsUtils.js +24 -103
- package/dist/hooks/useChildrenInstance.d.ts +7 -0
- package/dist/hooks/useChildrenInstance.js +47 -60
- package/dist/hooks/useClassNames.d.ts +81 -0
- package/dist/hooks/useClassNames.js +284 -192
- 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.d.ts +8 -0
- package/dist/hooks/useControlled.js +31 -37
- package/dist/hooks/useForceUpdate.d.ts +1 -0
- package/dist/hooks/useForceUpdate.js +16 -34
- package/dist/hooks/useUpdateEffect.js +6 -29
- package/dist/index.css +1 -12721
- package/dist/index.d.ts +17 -15
- package/dist/index.js +71 -234
- package/dist/locale/en.d.ts +179 -0
- package/dist/locale/en.js +178 -0
- package/dist/locale/i18n.d.ts +2 -0
- package/dist/locale/i18n.js +44 -0
- package/dist/locale/zhCn.d.ts +178 -0
- package/dist/locale/zhCn.js +177 -0
- package/dist/types/common.d.ts +24 -0
- package/dist/types/common.js +1 -17
- package/dist/types/type.d.ts +5 -0
- package/dist/types/type.js +16 -28
- package/package.json +11 -24
- package/theme-chalk/avatar.scss +50 -0
- package/{dist/theme-chalk/badge/index.scss → theme-chalk/badge.scss} +1 -1
- package/{dist/theme-chalk/breadcrumb/index.scss → theme-chalk/breadcrumb.scss} +1 -1
- package/theme-chalk/build.scss +2 -0
- package/theme-chalk/button/_mixins.scss +317 -0
- package/theme-chalk/button/button-group.scss +83 -0
- package/theme-chalk/button/button.scss +382 -0
- package/theme-chalk/button/index.scss +2 -0
- package/{dist/theme-chalk/button → theme-chalk/button--bak}/_mixins.scss +3 -3
- package/{dist/theme-chalk/button → theme-chalk/button--bak}/button-group.scss +1 -1
- package/{dist/theme-chalk/button → theme-chalk/button--bak}/button.scss +2 -2
- package/theme-chalk/button--bak/index.scss +2 -0
- package/theme-chalk/button-group.scss +80 -0
- package/theme-chalk/button.scss +304 -0
- package/{dist/theme-chalk → theme-chalk}/calendar/date-picker.scss +1 -1
- package/{dist/theme-chalk → theme-chalk}/calendar/date-range-picker.scss +1 -1
- package/theme-chalk/calendar/date-table.scss +164 -0
- package/{dist/theme-chalk/calendar/date-table.scss → theme-chalk/calendar/date-table.scss--bak} +1 -1
- package/theme-chalk/calendar/index.scss +6 -0
- package/{dist/theme-chalk → theme-chalk}/calendar/month-table.scss +2 -2
- package/{dist/theme-chalk → theme-chalk}/calendar/picker-panel.scss +1 -1
- package/{dist/theme-chalk → theme-chalk}/calendar/year-table.scss +1 -1
- package/{dist/theme-chalk/card/index.scss → theme-chalk/card.scss} +1 -1
- package/theme-chalk/carousel.scss +237 -0
- package/{dist/theme-chalk/cascader → theme-chalk}/cascader-panel.scss +1 -1
- package/{dist/theme-chalk/cascader → theme-chalk}/cascader.scss +1 -1
- package/{dist/theme-chalk/checkbox-button/index.scss → theme-chalk/checkbox-button.scss} +1 -1
- package/{dist/theme-chalk/checkbox-group/index.scss → theme-chalk/checkbox-group.scss} +1 -1
- package/{dist/theme-chalk/checkbox/index.scss → theme-chalk/checkbox.scss} +4 -3
- package/{dist/theme-chalk → theme-chalk}/col/_mixins.scss +5 -3
- package/{dist/theme-chalk → theme-chalk}/col/index.scss +2 -2
- package/{dist/theme-chalk/collapse/index.scss → theme-chalk/collapse.scss} +1 -1
- package/theme-chalk/color/index.scss +20 -0
- package/{dist/theme-chalk/color-picker/index.scss → theme-chalk/color-picker.scss} +3 -3
- package/theme-chalk/common/index.scss +171 -0
- package/{dist/theme-chalk/bak → theme-chalk}/common/var.scss +184 -28
- package/theme-chalk/dark/css-vars.scss +39 -0
- package/theme-chalk/dark/var.scss +225 -0
- package/{dist/theme-chalk/date-picker/index.scss → theme-chalk/date-picker.scss} +2 -2
- package/{dist/theme-chalk/date-time-picker/time-picker.scss → theme-chalk/date-time-picker.scss} +1 -1
- package/{dist/theme-chalk/descriptions → theme-chalk}/descriptions-item.scss +1 -1
- package/{dist/theme-chalk/descriptions → theme-chalk}/descriptions.scss +1 -1
- package/theme-chalk/dev.scss +2 -0
- package/{dist/theme-chalk/dialog/index.scss → theme-chalk/dialog.scss} +1 -1
- package/theme-chalk/display.scss +46 -0
- package/{dist/theme-chalk/divider/index.scss → theme-chalk/divider.scss} +1 -1
- package/theme-chalk/doc.scss +2 -0
- package/{dist/theme-chalk/drawer/index.scss → theme-chalk/drawer.scss} +62 -66
- package/{dist/theme-chalk/dropdown/index.scss → theme-chalk/dropdown.scss} +1 -1
- package/{dist/theme-chalk/empty/index.scss → theme-chalk/empty.scss} +1 -1
- package/theme-chalk/fonts/fa-brands-400.ttf +0 -0
- package/theme-chalk/fonts/fa-brands-400.woff2 +0 -0
- package/theme-chalk/fonts/fa-duotone-900.ttf +0 -0
- package/theme-chalk/fonts/fa-duotone-900.woff2 +0 -0
- package/theme-chalk/fonts/fa-light-300.ttf +0 -0
- package/theme-chalk/fonts/fa-light-300.woff2 +0 -0
- package/theme-chalk/fonts/fa-regular-400.ttf +0 -0
- package/theme-chalk/fonts/fa-regular-400.woff2 +0 -0
- package/theme-chalk/fonts/fa-solid-900.ttf +0 -0
- package/theme-chalk/fonts/fa-solid-900.woff2 +0 -0
- package/theme-chalk/fonts/fa-thin-100.ttf +0 -0
- package/theme-chalk/fonts/fa-thin-100.woff2 +0 -0
- package/theme-chalk/fonts/fa-v4compatibility.ttf +0 -0
- package/theme-chalk/fonts/fa-v4compatibility.woff2 +0 -0
- package/{dist/theme-chalk/form/index.scss → theme-chalk/form.scss} +22 -3
- package/theme-chalk/icon/fonts.scss +9 -0
- package/{dist/theme-chalk → theme-chalk}/icon/index.scss +1 -1
- package/{dist/theme-chalk → theme-chalk}/icon/scss/_animated.scss +1 -0
- package/{dist/theme-chalk → theme-chalk}/icon/scss/_bordered-pulled.scss +1 -0
- package/{dist/theme-chalk → theme-chalk}/icon/scss/_core.scss +2 -0
- package/{dist/theme-chalk → theme-chalk}/icon/scss/_duotone-icons.scss +3 -4
- package/{dist/theme-chalk → theme-chalk}/icon/scss/_fixed-width.scss +1 -0
- package/{dist/theme-chalk → theme-chalk}/icon/scss/_functions.scss +2 -1
- package/theme-chalk/icon/scss/_icons.scss +10 -0
- package/{dist/theme-chalk → theme-chalk}/icon/scss/_list.scss +1 -0
- package/{dist/theme-chalk → theme-chalk}/icon/scss/_mixins.scss +10 -7
- package/{dist/theme-chalk → theme-chalk}/icon/scss/_rotated-flipped.scss +1 -0
- package/{dist/theme-chalk → theme-chalk}/icon/scss/_screen-reader.scss +2 -0
- package/{dist/theme-chalk → theme-chalk}/icon/scss/_shims.scss +610 -608
- package/{dist/theme-chalk → theme-chalk}/icon/scss/_sizing.scss +2 -0
- package/{dist/theme-chalk → theme-chalk}/icon/scss/_stacked.scss +1 -0
- package/theme-chalk/icon/scss/brands.scss +29 -0
- package/{dist/theme-chalk → theme-chalk}/icon/scss/duotone.scss +6 -10
- package/theme-chalk/icon/scss/fontawesome.scss +13 -0
- package/theme-chalk/icon/scss/index.scss +12 -0
- package/{dist/theme-chalk → theme-chalk}/icon/scss/light.scss +5 -9
- package/{dist/theme-chalk → theme-chalk}/icon/scss/regular.scss +5 -9
- package/{dist/theme-chalk → theme-chalk}/icon/scss/solid.scss +5 -9
- package/{dist/theme-chalk → theme-chalk}/icon/scss/thin.scss +5 -9
- package/{dist/theme-chalk/icon/scss/_variables.scss → theme-chalk/icon/scss/variables.scss} +3 -3
- package/theme-chalk/index.scss +73 -0
- package/{dist/theme-chalk → theme-chalk}/input/_mixins.scss +1 -1
- package/theme-chalk/input/index.scss +2 -0
- package/{dist/theme-chalk → theme-chalk}/input/input-range.scss +2 -1
- package/{dist/theme-chalk → theme-chalk}/input/input.scss +7 -4
- package/{dist/theme-chalk/input-number/index.scss → theme-chalk/input-number.scss} +4 -4
- package/{dist/theme-chalk/link/index.scss → theme-chalk/link.scss} +1 -86
- package/{dist/theme-chalk/loading/index.scss → theme-chalk/loading.scss} +6 -8
- package/{dist/theme-chalk/message-box/index.scss → theme-chalk/message-box.scss} +1 -1
- package/{dist/theme-chalk/message/index.scss → theme-chalk/message.scss} +18 -9
- package/{dist/theme-chalk/bak → theme-chalk}/mixins/_button.scss +224 -224
- package/theme-chalk/mixins/_col.scss +33 -0
- package/theme-chalk/mixins/_var.scss +67 -0
- package/{dist/theme-chalk/bak → theme-chalk}/mixins/config.scss +5 -5
- package/theme-chalk/mixins/function.scss +99 -0
- package/theme-chalk/mixins/mixins.scss +240 -0
- package/theme-chalk/mixins/utils.scss +39 -0
- package/{dist/theme-chalk/notification/index.scss → theme-chalk/notification.scss} +7 -6
- package/theme-chalk/pagination.scss +303 -0
- package/{dist/theme-chalk/popconfirm/index.scss → theme-chalk/popconfirm.scss} +1 -1
- package/{dist/theme-chalk/popover/index.scss → theme-chalk/popover.scss} +1 -1
- package/theme-chalk/popper.scss +104 -0
- package/{dist/theme-chalk/popper/index.scss → theme-chalk/popper.scss--bak} +1 -1
- package/{dist/theme-chalk/progress/index.scss → theme-chalk/progress.scss} +1 -1
- package/theme-chalk/radio-button.scss +169 -0
- package/{dist/theme-chalk/radio/radio-button.scss → theme-chalk/radio-button.scss--bak} +1 -1
- package/{dist/theme-chalk/radio-group/index.scss → theme-chalk/radio-group.scss} +1 -10
- package/{dist/theme-chalk/radio → theme-chalk}/radio.scss +1 -1
- package/{dist/theme-chalk/row/index.scss → theme-chalk/row.scss} +1 -1
- package/{dist/theme-chalk/scrollbar/index.scss → theme-chalk/scrollbar.scss} +1 -1
- package/{dist/theme-chalk → theme-chalk}/select/index.scss +11 -8
- package/{dist/theme-chalk/placeholder/index.scss → theme-chalk/skeleton.scss} +23 -38
- package/theme-chalk/switch.scss +300 -0
- package/{dist/theme-chalk/switch/index.scss → theme-chalk/switch.scss--bak} +1 -1
- package/{dist/theme-chalk/table/index.scss → theme-chalk/table.scss} +1 -1
- package/{dist/theme-chalk/tabs/index.scss → theme-chalk/tabs.scss} +5 -5
- package/theme-chalk/tag.scss +203 -0
- package/{dist/theme-chalk/time-line/_timeline.scss → theme-chalk/time-line.scss} +1 -1
- package/{dist/theme-chalk/time-picker/index.scss → theme-chalk/time-picker.scss} +1 -1
- package/{dist/theme-chalk/date-time-picker → theme-chalk}/time-range-picker.scss +1 -1
- package/{dist/theme-chalk/time-line/_timeline-item.scss → theme-chalk/timeline-item.scss} +2 -2
- package/{dist/theme-chalk/tooltip/index.scss → theme-chalk/tooltip.scss} +1 -1
- package/{dist/theme-chalk/transfer/index.scss → theme-chalk/transfer.scss} +1 -1
- package/{dist/theme-chalk/transition/index.scss → theme-chalk/transition.scss} +1 -1
- package/{dist/theme-chalk → theme-chalk}/tree/_directory.scss +1 -1
- package/{dist/theme-chalk → theme-chalk}/tree/_tree.scss +1 -1
- package/theme-chalk/tree/index.scss +2 -0
- package/{dist/theme-chalk/tree-select/index.scss → theme-chalk/tree-select.scss} +1 -1
- package/{dist/theme-chalk/upload/index.scss → theme-chalk/upload.scss} +1 -1
- package/theme-chalk/var.scss +83 -0
- package/dist/Tree/utils/KeyCode.d.ts +0 -110
- package/dist/Tree/utils/KeyCode.js +0 -550
- package/dist/VirtualList/Filler.d.ts +0 -11
- package/dist/VirtualList/Filler.js +0 -78
- package/dist/VirtualList/Item.d.ts +0 -7
- package/dist/VirtualList/Item.js +0 -37
- package/dist/VirtualList/ScrollBar.d.ts +0 -43
- package/dist/VirtualList/ScrollBar.js +0 -216
- package/dist/VirtualList/VirtualList.d.ts +0 -33
- package/dist/VirtualList/VirtualList.js +0 -280
- package/dist/VirtualList/hooks/useChildren.d.ts +0 -3
- package/dist/VirtualList/hooks/useChildren.js +0 -46
- package/dist/VirtualList/hooks/useDiffItem.d.ts +0 -2
- package/dist/VirtualList/hooks/useDiffItem.js +0 -39
- package/dist/VirtualList/hooks/useFrameWheel.d.ts +0 -6
- package/dist/VirtualList/hooks/useFrameWheel.js +0 -72
- package/dist/VirtualList/hooks/useHeights.d.ts +0 -3
- package/dist/VirtualList/hooks/useHeights.js +0 -83
- package/dist/VirtualList/hooks/useLayoutEffect.d.ts +0 -3
- package/dist/VirtualList/hooks/useLayoutEffect.js +0 -30
- package/dist/VirtualList/hooks/useMobileTouchMove.d.ts +0 -2
- package/dist/VirtualList/hooks/useMobileTouchMove.js +0 -92
- package/dist/VirtualList/hooks/useOriginScroll.d.ts +0 -2
- package/dist/VirtualList/hooks/useOriginScroll.js +0 -56
- package/dist/VirtualList/hooks/useScrollTo.d.ts +0 -5
- package/dist/VirtualList/hooks/useScrollTo.js +0 -111
- package/dist/VirtualList/index.d.ts +0 -2
- package/dist/VirtualList/index.js +0 -39
- package/dist/VirtualList/interface.d.ts +0 -8
- package/dist/VirtualList/interface.js +0 -17
- package/dist/VirtualList/mock.d.ts +0 -6
- package/dist/VirtualList/mock.js +0 -29
- package/dist/VirtualList/utils/CacheMap.d.ts +0 -7
- package/dist/VirtualList/utils/CacheMap.js +0 -36
- package/dist/VirtualList/utils/algorithmUtil.d.ts +0 -6
- package/dist/VirtualList/utils/algorithmUtil.js +0 -81
- package/dist/VirtualList/utils/findDOMNode.d.ts +0 -2
- package/dist/VirtualList/utils/findDOMNode.js +0 -30
- package/dist/VirtualList/utils/isFirefox.d.ts +0 -2
- package/dist/VirtualList/utils/isFirefox.js +0 -26
- package/dist/VirtualList/utils/raf.d.ts +0 -5
- package/dist/VirtualList/utils/raf.js +0 -57
- package/dist/theme-chalk/bak/common/popup.scss +0 -47
- package/dist/theme-chalk/bak/common/transition.scss +0 -118
- package/dist/theme-chalk/bak/mixins/_col.scss +0 -38
- package/dist/theme-chalk/bak/mixins/_var.scss +0 -55
- package/dist/theme-chalk/bak/mixins/function.scss +0 -85
- package/dist/theme-chalk/bak/mixins/mixins.scss +0 -215
- package/dist/theme-chalk/bak/mixins/utils.scss +0 -39
- package/dist/theme-chalk/build.scss +0 -64
- package/dist/theme-chalk/button/index.scss +0 -2
- package/dist/theme-chalk/calendar/index.scss +0 -6
- package/dist/theme-chalk/cascader/index.scss +0 -2
- package/dist/theme-chalk/common/_var.scss +0 -5
- package/dist/theme-chalk/common/index.d.ts +0 -1
- package/dist/theme-chalk/common/index.js +0 -2
- package/dist/theme-chalk/common/index.scss +0 -222
- package/dist/theme-chalk/date-time-picker/index.scss +0 -3
- package/dist/theme-chalk/descriptions/index.scss +0 -2
- package/dist/theme-chalk/icon/fonts.scss +0 -8
- package/dist/theme-chalk/icon/scss/_icons.scss +0 -11
- package/dist/theme-chalk/icon/scss/brands.scss +0 -32
- package/dist/theme-chalk/icon/scss/fontawesome.scss +0 -21
- package/dist/theme-chalk/icon/scss/index.scss +0 -15
- package/dist/theme-chalk/icon/scss/v4-shims.scss +0 -11
- package/dist/theme-chalk/index.scss +0 -65
- package/dist/theme-chalk/input/index.scss +0 -3
- package/dist/theme-chalk/pagination/index.scss +0 -515
- package/dist/theme-chalk/radio/index.scss +0 -2
- package/dist/theme-chalk/tag/index.scss +0 -360
- package/dist/theme-chalk/time-line/index.scss +0 -2
- package/dist/theme-chalk/tree/index.scss +0 -2
- /package/{dist/theme-chalk → theme-chalk}/select/option-group.scss +0 -0
- /package/{dist/theme-chalk → theme-chalk}/select/option.scss +0 -0
- /package/{dist/theme-chalk → theme-chalk}/select/select-dropdown.scss +0 -0
|
@@ -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 };
|