@qsxy/element-plus-react 1.0.0-next.10 → 1.0.0-next.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Avatar/Avatar.d.ts +2 -2
- package/dist/Avatar/Avatar.js +81 -73
- 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 +75 -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 +138 -161
- package/dist/Checkbox/CheckboxButton.js +133 -157
- package/dist/Checkbox/index.js +2 -42
- package/dist/Checkbox/typings.d.ts +3 -2
- 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.d.ts +3 -3
- package/dist/Dropdown/Dropdown.js +103 -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.d.ts +8 -1
- 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 +335 -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.d.ts +1 -1
- package/dist/Input/typings.js +1 -17
- package/dist/InputNumber/InputNumber.js +224 -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 +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 +2 -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.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 +183 -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 +86 -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,46 +1,22 @@
|
|
|
1
|
-
var
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
var
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
var
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
21
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
22
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
23
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
24
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
25
|
-
mod
|
|
26
|
-
));
|
|
27
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
|
-
|
|
29
|
-
// src/Dialog/DialogFooter.tsx
|
|
30
|
-
var DialogFooter_exports = {};
|
|
31
|
-
__export(DialogFooter_exports, {
|
|
32
|
-
default: () => DialogFooter_default
|
|
1
|
+
var _templateObject;
|
|
2
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
3
|
+
import classNames from 'classnames';
|
|
4
|
+
import React, { memo, useContext } from 'react';
|
|
5
|
+
import { useClassNames } from "../hooks";
|
|
6
|
+
import { DialogContext } from "./DialogContext";
|
|
7
|
+
var DialogFooter = /*#__PURE__*/memo(function (props) {
|
|
8
|
+
var _props$classPrefix = props.classPrefix,
|
|
9
|
+
classPrefix = _props$classPrefix === void 0 ? 'dialog' : _props$classPrefix,
|
|
10
|
+
position = props.position;
|
|
11
|
+
var _useClassNames = useClassNames(classPrefix),
|
|
12
|
+
e = _useClassNames.e,
|
|
13
|
+
is = _useClassNames.is;
|
|
14
|
+
var _useContext = useContext(DialogContext),
|
|
15
|
+
center = _useContext.center;
|
|
16
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
17
|
+
className: classNames(e(_templateObject || (_templateObject = _taggedTemplateLiteral(["footer"]))), is(position || (center ? 'center' : 'right')), props.className),
|
|
18
|
+
style: props.style
|
|
19
|
+
}, props.children);
|
|
33
20
|
});
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
var import_react = __toESM(require("react"));
|
|
37
|
-
var import_hooks = require("../hooks");
|
|
38
|
-
var import_DialogContext = require("./DialogContext");
|
|
39
|
-
var DialogFooter = (0, import_react.memo)((props) => {
|
|
40
|
-
const { classPrefix = "dialog", position } = props;
|
|
41
|
-
const { e, is } = (0, import_hooks.useClassNames)(classPrefix);
|
|
42
|
-
const { center } = (0, import_react.useContext)(import_DialogContext.DialogContext);
|
|
43
|
-
return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(e`footer`, is(position || (center ? "center" : "right")), props.className), style: props.style }, props.children);
|
|
44
|
-
});
|
|
45
|
-
DialogFooter.displayName = "ElDialogFooter";
|
|
46
|
-
var DialogFooter_default = DialogFooter;
|
|
21
|
+
DialogFooter.displayName = 'ElDialogFooter';
|
|
22
|
+
export default DialogFooter;
|
|
@@ -1,50 +1,44 @@
|
|
|
1
|
-
var
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
const isString = (0, import_react.useMemo)(() => typeof props.children === "string", [props.children]);
|
|
46
|
-
return /* @__PURE__ */ import_react.default.createElement("div", { ref, className: (0, import_classnames.default)(e`header`, is({ border }), { "show-close": showClose }, props.headerClass) }, isString ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: e`title`, style: center ? { textAlign: "center" } : {} }, props.children), showClose && /* @__PURE__ */ import_react.default.createElement("button", { className: e`headerbtn`, onClick: doClose }, /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { name: "xmark", className: e`close` }))) : props.children);
|
|
47
|
-
})
|
|
48
|
-
);
|
|
49
|
-
DialogHeader.displayName = "ElDialogHeader";
|
|
50
|
-
var DialogHeader_default = DialogHeader;
|
|
1
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
|
2
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
3
|
+
import classNames from 'classnames';
|
|
4
|
+
import React, { forwardRef, memo, useContext, useMemo } from 'react';
|
|
5
|
+
import Icon from "../Icon/Icon";
|
|
6
|
+
import { useClassNames } from "../hooks";
|
|
7
|
+
import { DialogContext } from "./DialogContext";
|
|
8
|
+
var DialogHeader = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
|
|
9
|
+
var _props$showClose = props.showClose,
|
|
10
|
+
showClose = _props$showClose === void 0 ? true : _props$showClose,
|
|
11
|
+
_props$classPrefix = props.classPrefix,
|
|
12
|
+
classPrefix = _props$classPrefix === void 0 ? 'dialog' : _props$classPrefix,
|
|
13
|
+
border = props.border;
|
|
14
|
+
var _useClassNames = useClassNames(classPrefix),
|
|
15
|
+
e = _useClassNames.e,
|
|
16
|
+
is = _useClassNames.is;
|
|
17
|
+
var _useContext = useContext(DialogContext),
|
|
18
|
+
doClose = _useContext.doClose,
|
|
19
|
+
center = _useContext.center;
|
|
20
|
+
var isString = useMemo(function () {
|
|
21
|
+
return typeof props.children === 'string';
|
|
22
|
+
}, [props.children]);
|
|
23
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
24
|
+
ref: ref,
|
|
25
|
+
className: classNames(e(_templateObject || (_templateObject = _taggedTemplateLiteral(["header"]))), is({
|
|
26
|
+
border: border
|
|
27
|
+
}), {
|
|
28
|
+
'show-close': showClose
|
|
29
|
+
}, props.headerClass)
|
|
30
|
+
}, isString ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
31
|
+
className: e(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["title"]))),
|
|
32
|
+
style: center ? {
|
|
33
|
+
textAlign: 'center'
|
|
34
|
+
} : {}
|
|
35
|
+
}, props.children), showClose && /*#__PURE__*/React.createElement("button", {
|
|
36
|
+
className: e(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["headerbtn"]))),
|
|
37
|
+
onClick: doClose
|
|
38
|
+
}, /*#__PURE__*/React.createElement(Icon, {
|
|
39
|
+
name: 'xmark',
|
|
40
|
+
className: e(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["close"])))
|
|
41
|
+
}))) : props.children);
|
|
42
|
+
}));
|
|
43
|
+
DialogHeader.displayName = 'ElDialogHeader';
|
|
44
|
+
export default DialogHeader;
|
package/dist/Dialog/index.js
CHANGED
|
@@ -1,39 +1 @@
|
|
|
1
|
-
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __export = (target, all) => {
|
|
8
|
-
for (var name in all)
|
|
9
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
-
};
|
|
11
|
-
var __copyProps = (to, from, except, desc) => {
|
|
12
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
-
for (let key of __getOwnPropNames(from))
|
|
14
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
-
}
|
|
17
|
-
return to;
|
|
18
|
-
};
|
|
19
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
21
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
22
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
23
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
24
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
25
|
-
mod
|
|
26
|
-
));
|
|
27
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
|
-
|
|
29
|
-
// src/Dialog/index.ts
|
|
30
|
-
var Dialog_exports = {};
|
|
31
|
-
__export(Dialog_exports, {
|
|
32
|
-
Dialog: () => import_Dialog.default
|
|
33
|
-
});
|
|
34
|
-
module.exports = __toCommonJS(Dialog_exports);
|
|
35
|
-
var import_Dialog = __toESM(require("./Dialog"));
|
|
36
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
37
|
-
0 && (module.exports = {
|
|
38
|
-
Dialog
|
|
39
|
-
});
|
|
1
|
+
export { default as Dialog } from "./Dialog";
|
package/dist/Dialog/typings.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TransitionProps } from '../Transition';
|
|
3
3
|
import { AnimationEventProps, BaseProps, NativeProps } from '../types/common';
|
|
4
|
-
export interface DialogProps extends AnimationEventProps, BaseProps, NativeProps
|
|
4
|
+
export interface DialogProps extends AnimationEventProps, BaseProps, NativeProps<'--el-dialog-width' | '--el-dialog-margin-top' | '--el-dialog-bg-color' | '--el-dialog-box-shadow' | '--el-dialog-title-font-size' | '--el-dialog-content-font-size' | '--el-dialog-font-line-height' | '--el-dialog-padding-primary' | '--el-dialog-border-radius'>, TransitionProps {
|
|
5
5
|
/** 是否显示模态框(可控) */
|
|
6
6
|
visible: boolean;
|
|
7
7
|
/** 默认是否显示模态框 */
|
package/dist/Dialog/typings.js
CHANGED
|
@@ -1,17 +1 @@
|
|
|
1
|
-
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __copyProps = (to, from, except, desc) => {
|
|
6
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
7
|
-
for (let key of __getOwnPropNames(from))
|
|
8
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
9
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
10
|
-
}
|
|
11
|
-
return to;
|
|
12
|
-
};
|
|
13
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
14
|
-
|
|
15
|
-
// src/Dialog/typings.ts
|
|
16
|
-
var typings_exports = {};
|
|
17
|
-
module.exports = __toCommonJS(typings_exports);
|
|
1
|
+
export {};
|
|
@@ -1,87 +1,64 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
var
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
8
|
-
};
|
|
9
|
-
var __copyProps = (to, from, except, desc) => {
|
|
10
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
11
|
-
for (let key of __getOwnPropNames(from))
|
|
12
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
13
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
-
}
|
|
15
|
-
return to;
|
|
16
|
-
};
|
|
17
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
18
|
-
|
|
19
|
-
// src/Dialog/useDraggable.ts
|
|
20
|
-
var useDraggable_exports = {};
|
|
21
|
-
__export(useDraggable_exports, {
|
|
22
|
-
useDraggable: () => useDraggable
|
|
23
|
-
});
|
|
24
|
-
module.exports = __toCommonJS(useDraggable_exports);
|
|
25
|
-
var import_Util = require("../Util");
|
|
26
|
-
var import_react = require("react");
|
|
27
|
-
var useDraggable = (targetRef, dragRef, draggable, overflow) => {
|
|
28
|
-
const transform = (0, import_react.useRef)({
|
|
1
|
+
import { addUnit } from "../Util";
|
|
2
|
+
import { useCallback, useEffect, useRef } from 'react';
|
|
3
|
+
export var useDraggable = function useDraggable(targetRef, dragRef, draggable, overflow) {
|
|
4
|
+
var transform = useRef({
|
|
29
5
|
offsetX: 0,
|
|
30
6
|
offsetY: 0
|
|
31
7
|
});
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
if (targetRef.current) {
|
|
62
|
-
targetRef.current.style.transform = `translate(${(0, import_Util.addUnit)(moveX)}, ${(0, import_Util.addUnit)(moveY)})`;
|
|
63
|
-
}
|
|
8
|
+
var overflowRef = useRef(overflow);
|
|
9
|
+
var onMousedown = useCallback(function (e) {
|
|
10
|
+
var _targetRef$current;
|
|
11
|
+
var downX = e.clientX;
|
|
12
|
+
var downY = e.clientY;
|
|
13
|
+
var _transform$current = transform.current,
|
|
14
|
+
offsetX = _transform$current.offsetX,
|
|
15
|
+
offsetY = _transform$current.offsetY;
|
|
16
|
+
var targetRect = (_targetRef$current = targetRef.current) === null || _targetRef$current === void 0 ? void 0 : _targetRef$current.getBoundingClientRect();
|
|
17
|
+
var targetLeft = targetRect.left;
|
|
18
|
+
var targetTop = targetRect.top;
|
|
19
|
+
var targetWidth = targetRect.width;
|
|
20
|
+
var targetHeight = targetRect.height;
|
|
21
|
+
var clientWidth = document.documentElement.clientWidth;
|
|
22
|
+
var clientHeight = document.documentElement.clientHeight;
|
|
23
|
+
var minLeft = -targetLeft + offsetX;
|
|
24
|
+
var minTop = -targetTop + offsetY;
|
|
25
|
+
var maxLeft = clientWidth - targetLeft - targetWidth + offsetX;
|
|
26
|
+
var maxTop = clientHeight - targetTop - targetHeight + offsetY;
|
|
27
|
+
var onMousemove = function onMousemove(evt) {
|
|
28
|
+
var moveX = offsetX + evt.clientX - downX;
|
|
29
|
+
var moveY = offsetY + evt.clientY - downY;
|
|
30
|
+
if (!overflowRef.current) {
|
|
31
|
+
moveX = Math.min(Math.max(moveX, minLeft), maxLeft);
|
|
32
|
+
moveY = Math.min(Math.max(moveY, minTop), maxTop);
|
|
33
|
+
}
|
|
34
|
+
transform.current = {
|
|
35
|
+
offsetX: moveX,
|
|
36
|
+
offsetY: moveY
|
|
64
37
|
};
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
document.
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
38
|
+
if (targetRef.current) {
|
|
39
|
+
targetRef.current.style.transform = "translate(".concat(addUnit(moveX), ", ").concat(addUnit(moveY), ")");
|
|
40
|
+
}
|
|
41
|
+
};
|
|
42
|
+
var onMouseup = function onMouseup() {
|
|
43
|
+
document.removeEventListener('mousemove', onMousemove);
|
|
44
|
+
document.removeEventListener('mouseup', onMouseup);
|
|
45
|
+
};
|
|
46
|
+
document.addEventListener('mousemove', onMousemove);
|
|
47
|
+
document.addEventListener('mouseup', onMouseup);
|
|
48
|
+
}, [targetRef]);
|
|
49
|
+
var onDraggable = useCallback(function () {
|
|
75
50
|
if (dragRef.current && targetRef.current) {
|
|
76
|
-
dragRef.current.addEventListener(
|
|
51
|
+
dragRef.current.addEventListener('mousedown', onMousedown);
|
|
77
52
|
}
|
|
53
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
78
54
|
}, []);
|
|
79
|
-
|
|
55
|
+
var offDraggable = useCallback(function () {
|
|
80
56
|
if (dragRef.current && targetRef.current) {
|
|
81
|
-
dragRef.current.removeEventListener(
|
|
57
|
+
dragRef.current.removeEventListener('mousedown', onMousedown);
|
|
82
58
|
}
|
|
59
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
83
60
|
}, []);
|
|
84
|
-
(
|
|
61
|
+
useEffect(function () {
|
|
85
62
|
if (draggable) {
|
|
86
63
|
onDraggable();
|
|
87
64
|
} else {
|
|
@@ -90,8 +67,4 @@ var useDraggable = (targetRef, dragRef, draggable, overflow) => {
|
|
|
90
67
|
overflowRef.current = overflow;
|
|
91
68
|
return offDraggable;
|
|
92
69
|
}, [draggable, overflow, offDraggable, onDraggable]);
|
|
93
|
-
};
|
|
94
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
95
|
-
0 && (module.exports = {
|
|
96
|
-
useDraggable
|
|
97
|
-
});
|
|
70
|
+
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { FC } from 'react';
|
|
2
2
|
import { BaseProps, NativeProps } from '../types/common';
|
|
3
3
|
export interface DividerProps extends BaseProps, NativeProps<'--el-divider-text-bg-color' | '--el-divider-border-color' | '--el-divider-margin' | '--el-divider-tip-bg-color' | '--el-border-style'> {
|
|
4
4
|
/** 设置分割线方向 */
|
|
@@ -10,5 +10,5 @@ export interface DividerProps extends BaseProps, NativeProps<'--el-divider-text-
|
|
|
10
10
|
/** 设置分割线文案的位置 */
|
|
11
11
|
contentPosition?: 'left' | 'right' | 'center';
|
|
12
12
|
}
|
|
13
|
-
declare const
|
|
14
|
-
export default
|
|
13
|
+
declare const Divider: FC<DividerProps>;
|
|
14
|
+
export default Divider;
|
package/dist/Divider/Divider.js
CHANGED
|
@@ -1,47 +1,41 @@
|
|
|
1
|
-
var
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
var
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
var
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
));
|
|
27
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
|
-
|
|
29
|
-
// src/Divider/Divider.tsx
|
|
30
|
-
var Divider_exports = {};
|
|
31
|
-
__export(Divider_exports, {
|
|
32
|
-
default: () => Divider_default
|
|
33
|
-
});
|
|
34
|
-
module.exports = __toCommonJS(Divider_exports);
|
|
35
|
-
var import_classnames = __toESM(require("classnames"));
|
|
36
|
-
var import_react = __toESM(require("react"));
|
|
37
|
-
var import_hooks = require("../hooks");
|
|
38
|
-
var Divider = (props) => {
|
|
39
|
-
const { direction = "horizontal", borderStyle = "solid", contentPosition = "left", classPrefix = "divider" } = props;
|
|
40
|
-
const { b, m, e, is } = (0, import_hooks.useClassNames)(classPrefix);
|
|
1
|
+
var _templateObject;
|
|
2
|
+
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); }
|
|
3
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
4
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
5
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
6
|
+
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; }
|
|
7
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
8
|
+
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); }
|
|
9
|
+
import classNames from 'classnames';
|
|
10
|
+
import React, { memo } from 'react';
|
|
11
|
+
import { useClassNames } from "../hooks";
|
|
12
|
+
var Divider = /*#__PURE__*/memo(function (props) {
|
|
13
|
+
var _props$direction = props.direction,
|
|
14
|
+
direction = _props$direction === void 0 ? 'horizontal' : _props$direction,
|
|
15
|
+
_props$borderStyle = props.borderStyle,
|
|
16
|
+
borderStyle = _props$borderStyle === void 0 ? 'solid' : _props$borderStyle,
|
|
17
|
+
_props$contentPositio = props.contentPosition,
|
|
18
|
+
contentPosition = _props$contentPositio === void 0 ? 'left' : _props$contentPositio,
|
|
19
|
+
_props$classPrefix = props.classPrefix,
|
|
20
|
+
classPrefix = _props$classPrefix === void 0 ? 'divider' : _props$classPrefix;
|
|
21
|
+
var _useClassNames = useClassNames(classPrefix),
|
|
22
|
+
b = _useClassNames.b,
|
|
23
|
+
m = _useClassNames.m,
|
|
24
|
+
e = _useClassNames.e,
|
|
25
|
+
is = _useClassNames.is;
|
|
41
26
|
return (
|
|
27
|
+
/*#__PURE__*/
|
|
42
28
|
// @ts-ignore
|
|
43
|
-
|
|
29
|
+
React.createElement("div", {
|
|
30
|
+
className: classNames(b(), m(direction), props.className),
|
|
31
|
+
style: _objectSpread(_objectSpread({}, props.style), {}, {
|
|
32
|
+
'--el-border-style': borderStyle
|
|
33
|
+
})
|
|
34
|
+
}, props.children && /*#__PURE__*/React.createElement("div", {
|
|
35
|
+
className: classNames(e(_templateObject || (_templateObject = _taggedTemplateLiteral(["text"]))), is(contentPosition)),
|
|
36
|
+
style: props.textStyle
|
|
37
|
+
}, props.children))
|
|
44
38
|
);
|
|
45
|
-
};
|
|
46
|
-
Divider.displayName =
|
|
47
|
-
|
|
39
|
+
});
|
|
40
|
+
Divider.displayName = 'ElDivider';
|
|
41
|
+
export default Divider;
|
package/dist/Divider/index.js
CHANGED
|
@@ -1,39 +1 @@
|
|
|
1
|
-
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __export = (target, all) => {
|
|
8
|
-
for (var name in all)
|
|
9
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
-
};
|
|
11
|
-
var __copyProps = (to, from, except, desc) => {
|
|
12
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
-
for (let key of __getOwnPropNames(from))
|
|
14
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
-
}
|
|
17
|
-
return to;
|
|
18
|
-
};
|
|
19
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
21
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
22
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
23
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
24
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
25
|
-
mod
|
|
26
|
-
));
|
|
27
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
|
-
|
|
29
|
-
// src/Divider/index.ts
|
|
30
|
-
var Divider_exports = {};
|
|
31
|
-
__export(Divider_exports, {
|
|
32
|
-
Divider: () => import_Divider.default
|
|
33
|
-
});
|
|
34
|
-
module.exports = __toCommonJS(Divider_exports);
|
|
35
|
-
var import_Divider = __toESM(require("./Divider"));
|
|
36
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
37
|
-
0 && (module.exports = {
|
|
38
|
-
Divider
|
|
39
|
-
});
|
|
1
|
+
export { default as Divider } from "./Divider";
|