@element-plus/nightly 0.0.20220103 → 0.0.20220107

package/lib/index.js

@@ -81,99 +81,106 @@ var pagination = require('./components/pagination/src/pagination.js');
 var index$C = require('./components/pagination/index.js');
 var popconfirm = require('./components/popconfirm/src/popconfirm.js');
 var index$D = require('./components/popconfirm/index.js');
-var defaults$1 = require('./components/popper/src/use-popper/defaults.js');
-var index$F = require('./components/popper/src/use-popper/index.js');
-var popper = require('./components/popper/src/renderers/popper.js');
-var trigger = require('./components/popper/src/renderers/trigger.js');
-var arrow = require('./components/popper/src/renderers/arrow.js');
+var arrow_vue_vue_type_script_lang = require('./components/popper/src/arrow.vue_vue_type_script_lang.js');
+var trigger_vue_vue_type_script_lang = require('./components/popper/src/trigger.vue_vue_type_script_lang.js');
+var content_vue_vue_type_script_lang = require('./components/popper/src/content.vue_vue_type_script_lang.js');
+var popper = require('./components/popper/src/popper.js');
+var tokens = require('./components/popper/src/tokens.js');
 var index$E = require('./components/popper/index.js');
 var progress = require('./components/progress/src/progress.js');
-var index$G = require('./components/progress/index.js');
+var index$F = require('./components/progress/index.js');
 var radio = require('./components/radio/src/radio.js');
 var radioGroup = require('./components/radio/src/radio-group.js');
 var radioButton = require('./components/radio/src/radio-button.js');
-var index$H = require('./components/radio/index.js');
+var index$G = require('./components/radio/index.js');
 var rate = require('./components/rate/src/rate.js');
-var index$I = require('./components/rate/index.js');
+var index$H = require('./components/rate/index.js');
 var result = require('./components/result/src/result.js');
-var index$J = require('./components/result/index.js');
+var index$I = require('./components/result/index.js');
 var row = require('./components/row/src/row.js');
-var index$K = require('./components/row/index.js');
+var index$J = require('./components/row/index.js');
 var util = require('./components/scrollbar/src/util.js');
 var scrollbar = require('./components/scrollbar/src/scrollbar.js');
 var bar = require('./components/scrollbar/src/bar.js');
-var index$L = require('./components/scrollbar/index.js');
+var index$K = require('./components/scrollbar/index.js');
 var token = require('./components/select/src/token.js');
-var index$M = require('./components/select/index.js');
+var index$L = require('./components/select/index.js');
 var token$1 = require('./components/select-v2/src/token.js');
-var index$N = require('./components/select-v2/index.js');
+var index$M = require('./components/select-v2/index.js');
 var skeleton = require('./components/skeleton/src/skeleton.js');
 var skeletonItem = require('./components/skeleton/src/skeleton-item.js');
-var index$O = require('./components/skeleton/index.js');
-var index$P = require('./components/slider/index.js');
+var index$N = require('./components/skeleton/index.js');
+var index$O = require('./components/slider/index.js');
 var space = require('./components/space/src/space.js');
 var useSpace = require('./components/space/src/use-space.js');
-var index$Q = require('./components/space/index.js');
-var index$R = require('./components/steps/index.js');
+var index$P = require('./components/space/index.js');
+var index$Q = require('./components/steps/index.js');
 var _switch = require('./components/switch/src/switch.js');
-var index$S = require('./components/switch/index.js');
-var index$T = require('./components/table/index.js');
+var index$R = require('./components/switch/index.js');
+var index$S = require('./components/table/index.js');
 var tabs = require('./components/tabs/src/tabs.js');
 var tabBar = require('./components/tabs/src/tab-bar.js');
 var tabNav = require('./components/tabs/src/tab-nav.js');
 var tabPane = require('./components/tabs/src/tab-pane.js');
-var index$U = require('./components/tabs/index.js');
+var index$T = require('./components/tabs/index.js');
 var tag = require('./components/tag/src/tag.js');
-var index$V = require('./components/tag/index.js');
+var index$U = require('./components/tag/index.js');
 var dateUtils = require('./components/time-picker/src/common/date-utils.js');
 var constant = require('./components/time-picker/src/common/constant.js');
 var props = require('./components/time-picker/src/common/props.js');
 var picker_vue_vue_type_script_lang = require('./components/time-picker/src/common/picker.vue_vue_type_script_lang.js');
 var panelTimePick_vue_vue_type_script_lang = require('./components/time-picker/src/time-picker-com/panel-time-pick.vue_vue_type_script_lang.js');
-var index$W = require('./components/time-picker/index.js');
-var index$X = require('./components/time-select/index.js');
-var index$Y = require('./components/timeline/index.js');
-var index$Z = require('./components/tooltip/index.js');
+var index$V = require('./components/time-picker/index.js');
+var index$W = require('./components/time-select/index.js');
+var index$X = require('./components/timeline/index.js');
+var tooltip = require('./components/tooltip/src/tooltip.js');
+var index$Y = require('./components/tooltip/index.js');
 var constants = require('./utils/constants.js');
-var index$_ = require('./components/transfer/index.js');
-var index$$ = require('./components/tree/index.js');
-var index$10 = require('./components/tree-v2/index.js');
-var index$11 = require('./components/upload/index.js');
+var index$Z = require('./components/transfer/index.js');
+var index$_ = require('./components/tree/index.js');
+var index$$ = require('./components/tree-v2/index.js');
+var index$10 = require('./components/upload/index.js');
 var fixedSizeList = require('./components/virtual-list/src/components/fixed-size-list.js');
 var dynamicSizeList = require('./components/virtual-list/src/components/dynamic-size-list.js');
 var fixedSizeGrid = require('./components/virtual-list/src/components/fixed-size-grid.js');
 var dynamicSizeGrid = require('./components/virtual-list/src/components/dynamic-size-grid.js');
 var props$1 = require('./components/virtual-list/src/props.js');
-var index$12 = require('./components/infinite-scroll/index.js');
-var index$13 = require('./components/loading/index.js');
+var index$11 = require('./components/infinite-scroll/index.js');
+var index$12 = require('./components/loading/index.js');
 var message = require('./components/message/src/message.js');
-var index$14 = require('./components/message/index.js');
-var index$15 = require('./components/message-box/index.js');
+var index$13 = require('./components/message/index.js');
+var index$14 = require('./components/message-box/index.js');
 var notification = require('./components/notification/src/notification.js');
-var index$16 = require('./components/notification/index.js');
-var index$17 = require('./components/popover/index.js');
-var index$18 = require('./directives/click-outside/index.js');
-var index$19 = require('./directives/repeat-click/index.js');
-var index$1a = require('./directives/trap-focus/index.js');
-var index$1b = require('./directives/mousewheel/index.js');
-var index$1c = require('./directives/resize/index.js');
-var index$1d = require('./hooks/use-attrs/index.js');
-var index$1e = require('./hooks/use-common-props/index.js');
-var index$1f = require('./hooks/use-focus/index.js');
-var index$1g = require('./hooks/use-form-item/index.js');
-var index$1h = require('./hooks/use-global-config/index.js');
-var index$1i = require('./hooks/use-locale/index.js');
-var index$1j = require('./hooks/use-lockscreen/index.js');
-var index$1k = require('./hooks/use-modal/index.js');
-var index$1l = require('./hooks/use-model-toggle/index.js');
-var index$1m = require('./hooks/use-popper/index.js');
-var index$1n = require('./hooks/use-prevent-global/index.js');
-var index$1o = require('./hooks/use-prop/index.js');
-var index$1p = require('./hooks/use-restore-active/index.js');
-var index$1q = require('./hooks/use-same-target/index.js');
-var index$1r = require('./hooks/use-teleport/index.js');
-var index$1s = require('./hooks/use-throttle-render/index.js');
-var index$1t = require('./hooks/use-timeout/index.js');
+var index$15 = require('./components/notification/index.js');
+var index$16 = require('./components/popover/index.js');
+var index$17 = require('./directives/click-outside/index.js');
+var index$18 = require('./directives/repeat-click/index.js');
+var index$19 = require('./directives/trap-focus/index.js');
+var index$1a = require('./directives/mousewheel/index.js');
+var index$1b = require('./directives/resize/index.js');
+var index$1c = require('./hooks/use-attrs/index.js');
+var index$1d = require('./hooks/use-common-props/index.js');
+var index$1e = require('./hooks/use-focus/index.js');
+var index$1f = require('./hooks/use-form-item/index.js');
+var index$1g = require('./hooks/use-global-config/index.js');
+var index$1h = require('./hooks/use-locale/index.js');
+var index$1i = require('./hooks/use-lockscreen/index.js');
+var index$1j = require('./hooks/use-modal/index.js');
+var index$1k = require('./hooks/use-model-toggle/index.js');
+var index$1l = require('./hooks/use-prevent-global/index.js');
+var index$1m = require('./hooks/use-prop/index.js');
+var index$1n = require('./hooks/use-restore-active/index.js');
+var index$1o = require('./hooks/use-same-target/index.js');
+var index$1p = require('./hooks/use-teleport/index.js');
+var index$1q = require('./hooks/use-throttle-render/index.js');
+var index$1r = require('./hooks/use-timeout/index.js');
+var index$1s = require('./hooks/use-transition-fallthrough/index.js');
+var index$1t = require('./hooks/use-id/index.js');
+var index$1u = require('./hooks/use-escape-keydown/index.js');
+var index$1v = require('./hooks/use-popper-container/index.js');
+var index$1w = require('./hooks/use-intermediate-render/index.js');
+var index$1x = require('./hooks/use-delayed-toggle/index.js');
+var index$1y = require('./hooks/use-forward-ref/index.js');
 var form = require('./tokens/form.js');
 var button$1 = require('./tokens/button.js');
 var breadcrumb$1 = require('./tokens/breadcrumb.js');
@@ -300,18 +307,22 @@ exports.ElPageHeader = index$B.ElPageHeader;
 exports.paginationEmits = pagination.paginationEmits;
 exports.paginationProps = pagination.paginationProps;
 exports.ElPagination = index$C.ElPagination;
-exports.popconfirmEmits = popconfirm.popconfirmEmits;
 exports.popconfirmProps = popconfirm.popconfirmProps;
 exports.ElPopconfirm = index$D.ElPopconfirm;
-exports.Effect = defaults$1.Effect;
-exports.popperDefaultProps = defaults$1["default"];
-exports.usePopper = index$F["default"];
-exports.renderPopper = popper["default"];
-exports.renderTrigger = trigger["default"];
-exports.renderArrow = arrow["default"];
+exports.ElPopperArrow = arrow_vue_vue_type_script_lang["default"];
+exports.ElPopperTrigger = trigger_vue_vue_type_script_lang["default"];
+exports.ElPopperContent = content_vue_vue_type_script_lang["default"];
+exports.Effect = popper.Effect;
+exports.usePopperArrowProps = popper.usePopperArrowProps;
+exports.usePopperContentProps = popper.usePopperContentProps;
+exports.usePopperCoreConfigProps = popper.usePopperCoreConfigProps;
+exports.usePopperProps = popper.usePopperProps;
+exports.usePopperTriggerProps = popper.usePopperTriggerProps;
+exports.POPPER_CONTENT_INJECTION_KEY = tokens.POPPER_CONTENT_INJECTION_KEY;
+exports.POPPER_INJECTION_KEY = tokens.POPPER_INJECTION_KEY;
 exports.ElPopper = index$E.ElPopper;
 exports.progressProps = progress.progressProps;
-exports.ElProgress = index$G.ElProgress;
+exports.ElProgress = index$F.ElProgress;
 exports.radioEmits = radio.radioEmits;
 exports.radioProps = radio.radioProps;
 exports.radioPropsBase = radio.radioPropsBase;
@@ -319,56 +330,56 @@ exports.useRadio = radio.useRadio;
 exports.radioGroupEmits = radioGroup.radioGroupEmits;
 exports.radioGroupProps = radioGroup.radioGroupProps;
 exports.radioButtonProps = radioButton.radioButtonProps;
-exports.ElRadio = index$H.ElRadio;
-exports.ElRadioButton = index$H.ElRadioButton;
-exports.ElRadioGroup = index$H.ElRadioGroup;
+exports.ElRadio = index$G.ElRadio;
+exports.ElRadioButton = index$G.ElRadioButton;
+exports.ElRadioGroup = index$G.ElRadioGroup;
 exports.rateEmits = rate.rateEmits;
 exports.rateProps = rate.rateProps;
-exports.ElRate = index$I.ElRate;
+exports.ElRate = index$H.ElRate;
 exports.IconComponentMap = result.IconComponentMap;
 exports.IconMap = result.IconMap;
 exports.resultProps = result.resultProps;
-exports.ElResult = index$J.ElResult;
+exports.ElResult = index$I.ElResult;
 exports.rowProps = row.rowProps;
-exports.ElRow = index$K.ElRow;
+exports.ElRow = index$J.ElRow;
 exports.BAR_MAP = util.BAR_MAP;
 exports.renderThumbStyle = util.renderThumbStyle;
 exports.scrollbarEmits = scrollbar.scrollbarEmits;
 exports.scrollbarProps = scrollbar.scrollbarProps;
 exports.barProps = bar.barProps;
-exports.ElScrollbar = index$L.ElScrollbar;
+exports.ElScrollbar = index$K.ElScrollbar;
 exports.selectGroupKey = token.selectGroupKey;
 exports.selectKey = token.selectKey;
-exports.ElOption = index$M.ElOption;
-exports.ElOptionGroup = index$M.ElOptionGroup;
-exports.ElSelect = index$M.ElSelect;
+exports.ElOption = index$L.ElOption;
+exports.ElOptionGroup = index$L.ElOptionGroup;
+exports.ElSelect = index$L.ElSelect;
 exports.selectV2InjectionKey = token$1.selectV2InjectionKey;
-exports.ElSelectV2 = index$N.ElSelectV2;
+exports.ElSelectV2 = index$M.ElSelectV2;
 exports.skeletonProps = skeleton.skeletonProps;
 exports.skeletonItemProps = skeletonItem.skeletonItemProps;
-exports.ElSkeleton = index$O.ElSkeleton;
-exports.ElSkeletonItem = index$O.ElSkeletonItem;
-exports.ElSlider = index$P.ElSlider;
+exports.ElSkeleton = index$N.ElSkeleton;
+exports.ElSkeletonItem = index$N.ElSkeletonItem;
+exports.ElSlider = index$O.ElSlider;
 exports.spaceProps = space.spaceProps;
 exports.useSpace = useSpace.useSpace;
-exports.ElSpace = index$Q.ElSpace;
-exports.ElStep = index$R.ElStep;
-exports.ElSteps = index$R.ElSteps;
+exports.ElSpace = index$P.ElSpace;
+exports.ElStep = index$Q.ElStep;
+exports.ElSteps = index$Q.ElSteps;
 exports.switchEmits = _switch.switchEmits;
 exports.switchProps = _switch.switchProps;
-exports.ElSwitch = index$S.ElSwitch;
-exports.ElTable = index$T.ElTable;
-exports.ElTableColumn = index$T.ElTableColumn;
+exports.ElSwitch = index$R.ElSwitch;
+exports.ElTable = index$S.ElTable;
+exports.ElTableColumn = index$S.ElTableColumn;
 exports.tabsEmits = tabs.tabsEmits;
 exports.tabsProps = tabs.tabsProps;
 exports.tabBar = tabBar.tabBar;
 exports.tabNavProps = tabNav.tabNavProps;
 exports.tabPaneProps = tabPane.tabPaneProps;
-exports.ElTabPane = index$U.ElTabPane;
-exports.ElTabs = index$U.ElTabs;
+exports.ElTabPane = index$T.ElTabPane;
+exports.ElTabs = index$T.ElTabs;
 exports.tagEmits = tag.tagEmits;
 exports.tagProps = tag.tagProps;
-exports.ElTag = index$V.ElTag;
+exports.ElTag = index$U.ElTag;
 exports.extractDateFormat = dateUtils.extractDateFormat;
 exports.extractTimeFormat = dateUtils.extractTimeFormat;
 exports.rangeArr = dateUtils.rangeArr;
@@ -378,16 +389,19 @@ exports.DEFAULT_FORMATS_TIME = constant.DEFAULT_FORMATS_TIME;
 exports.timePickerDefaultProps = props.timePickerDefaultProps;
 exports.CommonPicker = picker_vue_vue_type_script_lang["default"];
 exports.TimePickPanel = panelTimePick_vue_vue_type_script_lang["default"];
-exports.ElTimePicker = index$W.ElTimePicker;
-exports.ElTimeSelect = index$X.ElTimeSelect;
-exports.ElTimeline = index$Y.ElTimeline;
-exports.ElTimelineItem = index$Y.ElTimelineItem;
-exports.ElTooltip = index$Z.ElTooltip;
+exports.ElTimePicker = index$V.ElTimePicker;
+exports.ElTimeSelect = index$W.ElTimeSelect;
+exports.ElTimeline = index$X.ElTimeline;
+exports.ElTimelineItem = index$X.ElTimelineItem;
+exports.useTooltipContentProps = tooltip.useTooltipContentProps;
+exports.useTooltipProps = tooltip.useTooltipProps;
+exports.useTooltipTriggerProps = tooltip.useTooltipTriggerProps;
+exports.ElTooltip = index$Y.ElTooltip;
 exports.CHANGE_EVENT = constants.CHANGE_EVENT;
-exports.ElTransfer = index$_.ElTransfer;
-exports.ElTree = index$$.ElTree;
-exports.ElTreeV2 = index$10.ElTreeV2;
-exports.ElUpload = index$11.ElUpload;
+exports.ElTransfer = index$Z.ElTransfer;
+exports.ElTree = index$_.ElTree;
+exports.ElTreeV2 = index$$.ElTreeV2;
+exports.ElUpload = index$10.ElUpload;
 exports.FixedSizeList = fixedSizeList["default"];
 exports.DynamicSizeList = dynamicSizeList["default"];
 exports.FixedSizeGrid = fixedSizeGrid["default"];
@@ -396,58 +410,68 @@ exports.virtualizedGridProps = props$1.virtualizedGridProps;
 exports.virtualizedListProps = props$1.virtualizedListProps;
 exports.virtualizedProps = props$1.virtualizedProps;
 exports.virtualizedScrollbarProps = props$1.virtualizedScrollbarProps;
-exports.ElInfiniteScroll = index$12.ElInfiniteScroll;
-exports.ElLoading = index$13.ElLoading;
-exports.ElLoadingDirective = index$13.ElLoadingDirective;
-exports.ElLoadingService = index$13.ElLoadingService;
+exports.ElInfiniteScroll = index$11.ElInfiniteScroll;
+exports.ElLoading = index$12.ElLoading;
+exports.ElLoadingDirective = index$12.ElLoadingDirective;
+exports.ElLoadingService = index$12.ElLoadingService;
 exports.messageEmits = message.messageEmits;
 exports.messageProps = message.messageProps;
 exports.messageTypes = message.messageTypes;
-exports.ElMessage = index$14.ElMessage;
-exports.ElMessageBox = index$15.ElMessageBox;
+exports.ElMessage = index$13.ElMessage;
+exports.ElMessageBox = index$14.ElMessageBox;
 exports.notificationEmits = notification.notificationEmits;
 exports.notificationProps = notification.notificationProps;
 exports.notificationTypes = notification.notificationTypes;
-exports.ElNotification = index$16.ElNotification;
-exports.ElPopover = index$17.ElPopover;
-exports.ElPopoverDirective = index$17.ElPopoverDirective;
-exports.ClickOutside = index$18["default"];
-exports.RepeatClick = index$19["default"];
-exports.TrapFocus = index$1a["default"];
-exports.Mousewheel = index$1b["default"];
-exports.Resize = index$1c["default"];
-exports.useAttrs = index$1d.useAttrs;
-exports.useDisabled = index$1e.useDisabled;
-exports.useSize = index$1e.useSize;
-exports.useSizeProp = index$1e.useSizeProp;
-exports.useFocus = index$1f.useFocus;
-exports.useFormItem = index$1g.useFormItem;
-exports.provideGlobalConfig = index$1h.provideGlobalConfig;
-exports.useGlobalConfig = index$1h.useGlobalConfig;
-exports.buildTranslator = index$1i.buildTranslator;
-exports.localeContextKey = index$1i.localeContextKey;
-exports.localeProviderMaker = index$1i.localeProviderMaker;
-exports.provideLocale = index$1i.provideLocale;
-exports.translate = index$1i.translate;
-exports.useLocale = index$1i.useLocale;
-exports.useLocaleProps = index$1i.useLocaleProps;
-exports.useLockscreen = index$1j.useLockscreen;
-exports.useModal = index$1k.useModal;
-exports.useModelToggle = index$1l.useModelToggle;
-exports.useModelToggleEmits = index$1l.useModelToggleEmits;
-exports.useModelToggleProps = index$1l.useModelToggleProps;
-exports.DARK_EFFECT = index$1m.DARK_EFFECT;
-exports.LIGHT_EFFECT = index$1m.LIGHT_EFFECT;
-exports.usePopperControlProps = index$1m.usePopperControlProps;
-exports.usePopperHook = index$1m.usePopperHook;
-exports.usePopperProps = index$1m.usePopperProps;
-exports.usePreventGlobal = index$1n.usePreventGlobal;
-exports.useProp = index$1o.useProp;
-exports.useRestoreActive = index$1p.useRestoreActive;
-exports.useSameTarget = index$1q.useSameTarget;
-exports.useTeleport = index$1r.useTeleport;
-exports.useThrottleRender = index$1s.useThrottleRender;
-exports.useTimeout = index$1t.useTimeout;
+exports.ElNotification = index$15.ElNotification;
+exports.ElPopover = index$16.ElPopover;
+exports.ElPopoverDirective = index$16.ElPopoverDirective;
+exports.ClickOutside = index$17["default"];
+exports.RepeatClick = index$18["default"];
+exports.TrapFocus = index$19["default"];
+exports.Mousewheel = index$1a["default"];
+exports.Resize = index$1b["default"];
+exports.useAttrs = index$1c.useAttrs;
+exports.useDisabled = index$1d.useDisabled;
+exports.useSize = index$1d.useSize;
+exports.useSizeProp = index$1d.useSizeProp;
+exports.useFocus = index$1e.useFocus;
+exports.useFormItem = index$1f.useFormItem;
+exports.provideGlobalConfig = index$1g.provideGlobalConfig;
+exports.useGlobalConfig = index$1g.useGlobalConfig;
+exports.buildTranslator = index$1h.buildTranslator;
+exports.localeContextKey = index$1h.localeContextKey;
+exports.localeProviderMaker = index$1h.localeProviderMaker;
+exports.provideLocale = index$1h.provideLocale;
+exports.translate = index$1h.translate;
+exports.useLocale = index$1h.useLocale;
+exports.useLocaleProps = index$1h.useLocaleProps;
+exports.useLockscreen = index$1i.useLockscreen;
+exports.useModal = index$1j.useModal;
+exports.createModelToggleComposable = index$1k.createModelToggleComposable;
+exports.useModelToggle = index$1k.useModelToggle;
+exports.useModelToggleEmits = index$1k.useModelToggleEmits;
+exports.useModelToggleProps = index$1k.useModelToggleProps;
+exports.usePreventGlobal = index$1l.usePreventGlobal;
+exports.useProp = index$1m.useProp;
+exports.useRestoreActive = index$1n.useRestoreActive;
+exports.useSameTarget = index$1o.useSameTarget;
+exports.useTeleport = index$1p.useTeleport;
+exports.useThrottleRender = index$1q.useThrottleRender;
+exports.useTimeout = index$1r.useTimeout;
+exports.useTransitionFallthrough = index$1s.useTransitionFallthrough;
+exports.useTransitionFallthroughEmits = index$1s.useTransitionFallthroughEmits;
+exports.ID_INJECTION_KEY = index$1t.ID_INJECTION_KEY;
+exports.useId = index$1t.useId;
+exports.useEscapeKeydown = index$1u.useEscapeKeydown;
+exports.POPPER_CONTAINER_ID = index$1v.POPPER_CONTAINER_ID;
+exports.POPPER_CONTAINER_SELECTOR = index$1v.POPPER_CONTAINER_SELECTOR;
+exports.usePopperContainer = index$1v.usePopperContainer;
+exports.useDelayedRender = index$1w.useDelayedRender;
+exports.useDelayedToggle = index$1x.useDelayedToggle;
+exports.useDelayedToggleProps = index$1x.useDelayedToggleProps;
+exports.FORWARD_REF_INJECTION_KEY = index$1y.FORWARD_REF_INJECTION_KEY;
+exports.useForwardRef = index$1y.useForwardRef;
+exports.useForwardRefDirective = index$1y.useForwardRefDirective;
 exports.elFormItemKey = form.elFormItemKey;
 exports.elFormKey = form.elFormKey;
 exports.buttonGroupContextKey = button$1.buttonGroupContextKey;

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../packages/element-plus/index.ts"],"sourcesContent":["import installer from './defaults'\nexport * from '@element-plus/components'\nexport * from '@element-plus/directives'\nexport * from '@element-plus/hooks'\nexport * from '@element-plus/tokens'\nexport { makeInstaller } from './make-installer'\n\nexport const install = installer.install\nexport const version = installer.version\nexport default installer\n"],"names":["installer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMY,MAAC,OAAO,GAAGA,mBAAS,CAAC,QAAQ;AAC7B,MAAC,OAAO,GAAGA,mBAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../packages/element-plus/index.ts"],"sourcesContent":["import installer from './defaults'\nexport * from '@element-plus/components'\nexport * from '@element-plus/directives'\nexport * from '@element-plus/hooks'\nexport * from '@element-plus/tokens'\nexport { makeInstaller } from './make-installer'\n\nexport const install = installer.install\nexport const version = installer.version\nexport default installer\n"],"names":["installer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMY,MAAC,OAAO,GAAGA,mBAAS,CAAC,QAAQ;AAC7B,MAAC,OAAO,GAAGA,mBAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/utils/aria.d.ts

@@ -11,6 +11,10 @@ export declare const EVENT_CODE: {
     delete: string;
     backspace: string;
     numpadEnter: string;
+    pageUp: string;
+    pageDown: string;
+    home: string;
+    end: string;
 };
 /**
  * Determine if the testing element is visible on screen no matter if its on the viewport or not

package/lib/utils/aria.js

@@ -13,7 +13,11 @@ const EVENT_CODE = {
   esc: "Escape",
   delete: "Delete",
   backspace: "Backspace",
-  numpadEnter: "NumpadEnter"
+  numpadEnter: "NumpadEnter",
+  pageUp: "PageUp",
+  pageDown: "PageDown",
+  home: "Home",
+  end: "End"
 };
 const FOCUSABLE_ELEMENT_SELECTORS = `a[href],button:not([disabled]),button:not([hidden]),:not([tabindex="-1"]),input:not([disabled]),input:not([type="hidden"]),select:not([disabled]),textarea:not([disabled])`;
 const isVisible = (element) => {

package/lib/utils/aria.js.map

@@ -1 +1 @@
-{"version":3,"file":"aria.js","sources":["../../../../packages/utils/aria.ts"],"sourcesContent":["import type { Nullable } from '@element-plus/utils/types'\nexport const EVENT_CODE = {\n  tab: 'Tab',\n  enter: 'Enter',\n  space: 'Space',\n  left: 'ArrowLeft', // 37\n  up: 'ArrowUp', // 38\n  right: 'ArrowRight', // 39\n  down: 'ArrowDown', // 40\n  esc: 'Escape',\n  delete: 'Delete',\n  backspace: 'Backspace',\n  numpadEnter: 'NumpadEnter',\n}\n\nconst FOCUSABLE_ELEMENT_SELECTORS = `a[href],button:not([disabled]),button:not([hidden]),:not([tabindex=\"-1\"]),input:not([disabled]),input:not([type=\"hidden\"]),select:not([disabled]),textarea:not([disabled])`\n\n/**\n * Determine if the testing element is visible on screen no matter if its on the viewport or not\n */\nexport const isVisible = (element: HTMLElement) => {\n  if (process.env.NODE_ENV === 'test') return true\n  const computed = getComputedStyle(element)\n  // element.offsetParent won't work on fix positioned\n  // WARNING: potential issue here, going to need some expert advices on this issue\n  return computed.position === 'fixed' ? false : element.offsetParent !== null\n}\n\nexport const obtainAllFocusableElements = (\n  element: HTMLElement\n): HTMLElement[] => {\n  return Array.from(\n    element.querySelectorAll<HTMLElement>(FOCUSABLE_ELEMENT_SELECTORS)\n  ).filter((item: HTMLElement) => isFocusable(item) && isVisible(item))\n}\n\n/**\n * @desc Determine if target element is focusable\n * @param element {HTMLElement}\n * @returns {Boolean} true if it is focusable\n */\nexport const isFocusable = (element: HTMLElement): boolean => {\n  if (\n    element.tabIndex > 0 ||\n    (element.tabIndex === 0 && element.getAttribute('tabIndex') !== null)\n  ) {\n    return true\n  }\n  // HTMLButtonElement has disabled\n  if ((element as HTMLButtonElement).disabled) {\n    return false\n  }\n\n  switch (element.nodeName) {\n    case 'A': {\n      // casting current element to Specific HTMLElement in order to be more type precise\n      return (\n        !!(element as HTMLAnchorElement).href &&\n        (element as HTMLAnchorElement).rel !== 'ignore'\n      )\n    }\n    case 'INPUT': {\n      return !(\n        (element as HTMLInputElement).type === 'hidden' ||\n        (element as HTMLInputElement).type === 'file'\n      )\n    }\n    case 'BUTTON':\n    case 'SELECT':\n    case 'TEXTAREA': {\n      return true\n    }\n    default: {\n      return false\n    }\n  }\n}\n\n/**\n * @desc Set Attempt to set focus on the current node.\n * @param element\n *          The node to attempt to focus on.\n * @returns\n *  true if element is focused.\n */\nexport const attemptFocus = (element: HTMLElement): boolean => {\n  if (!isFocusable(element)) {\n    return false\n  }\n  Utils.IgnoreUtilFocusChanges = true\n  // Remove the old try catch block since there will be no error to be thrown\n  element.focus?.()\n  Utils.IgnoreUtilFocusChanges = false\n  return document.activeElement === element\n}\n\n/**\n * Trigger an event\n * mouseenter, mouseleave, mouseover, keyup, change, click, etc.\n * @param  {HTMLElement} elm\n * @param  {String} name\n * @param  {*} opts\n */\nexport const triggerEvent = function (\n  elm: HTMLElement,\n  name: string,\n  ...opts: Array<boolean>\n): HTMLElement {\n  let eventName: string\n\n  if (name.includes('mouse') || name.includes('click')) {\n    eventName = 'MouseEvents'\n  } else if (name.includes('key')) {\n    eventName = 'KeyboardEvent'\n  } else {\n    eventName = 'HTMLEvents'\n  }\n  const evt = document.createEvent(eventName)\n\n  evt.initEvent(name, ...opts)\n  elm.dispatchEvent(evt)\n  return elm\n}\n\nexport const isLeaf = (el: HTMLElement) => !el.getAttribute('aria-owns')\n\nexport const getSibling = (\n  el: HTMLElement,\n  distance: number,\n  elClass: string\n): Nullable<Element> => {\n  const { parentNode } = el\n  if (!parentNode) return null\n  const siblings = parentNode.querySelectorAll(elClass)\n  const index = Array.prototype.indexOf.call(siblings, el)\n  return siblings[index + distance] || null\n}\n\nexport const focusNode = (el) => {\n  if (!el) return\n  el.focus()\n  !isLeaf(el) && el.click()\n}\n\nconst Utils = {\n  IgnoreUtilFocusChanges: false,\n  /**\n   * @desc Set focus on descendant nodes until the first focusable element is\n   *       found.\n   * @param {HTMLElement} element\n   *          DOM node for which to find the first focusable descendant.\n   * @returns {Boolean}\n   *  true if a focusable element is found and focus is set.\n   */\n  focusFirstDescendant(element: HTMLElement): boolean {\n    for (let i = 0; i < element.childNodes.length; i++) {\n      const child = element.childNodes[i] as HTMLElement\n      if (attemptFocus(child) || this.focusFirstDescendant(child)) {\n        return true\n      }\n    }\n    return false\n  },\n  /**\n   * @desc Find the last descendant node that is focusable.\n   * @param {HTMLElement} element\n   *          DOM node for which to find the last focusable descendant.\n   * @returns {Boolean}\n   *  true if a focusable element is found and focus is set.\n   */\n  focusLastDescendant(element: HTMLElement): boolean {\n    for (let i = element.childNodes.length - 1; i >= 0; i--) {\n      const child = element.childNodes[i] as HTMLElement\n      if (attemptFocus(child) || this.focusLastDescendant(child)) {\n        return true\n      }\n    }\n    return false\n  },\n}\n\nexport default Utils\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"aria.js","sources":["../../../../packages/utils/aria.ts"],"sourcesContent":["import type { Nullable } from '@element-plus/utils/types'\nexport const EVENT_CODE = {\n  tab: 'Tab',\n  enter: 'Enter',\n  space: 'Space',\n  left: 'ArrowLeft', // 37\n  up: 'ArrowUp', // 38\n  right: 'ArrowRight', // 39\n  down: 'ArrowDown', // 40\n  esc: 'Escape',\n  delete: 'Delete',\n  backspace: 'Backspace',\n  numpadEnter: 'NumpadEnter',\n  pageUp: 'PageUp',\n  pageDown: 'PageDown',\n  home: 'Home',\n  end: 'End',\n}\n\nconst FOCUSABLE_ELEMENT_SELECTORS = `a[href],button:not([disabled]),button:not([hidden]),:not([tabindex=\"-1\"]),input:not([disabled]),input:not([type=\"hidden\"]),select:not([disabled]),textarea:not([disabled])`\n\n/**\n * Determine if the testing element is visible on screen no matter if its on the viewport or not\n */\nexport const isVisible = (element: HTMLElement) => {\n  if (process.env.NODE_ENV === 'test') return true\n  const computed = getComputedStyle(element)\n  // element.offsetParent won't work on fix positioned\n  // WARNING: potential issue here, going to need some expert advices on this issue\n  return computed.position === 'fixed' ? false : element.offsetParent !== null\n}\n\nexport const obtainAllFocusableElements = (\n  element: HTMLElement\n): HTMLElement[] => {\n  return Array.from(\n    element.querySelectorAll<HTMLElement>(FOCUSABLE_ELEMENT_SELECTORS)\n  ).filter((item: HTMLElement) => isFocusable(item) && isVisible(item))\n}\n\n/**\n * @desc Determine if target element is focusable\n * @param element {HTMLElement}\n * @returns {Boolean} true if it is focusable\n */\nexport const isFocusable = (element: HTMLElement): boolean => {\n  if (\n    element.tabIndex > 0 ||\n    (element.tabIndex === 0 && element.getAttribute('tabIndex') !== null)\n  ) {\n    return true\n  }\n  // HTMLButtonElement has disabled\n  if ((element as HTMLButtonElement).disabled) {\n    return false\n  }\n\n  switch (element.nodeName) {\n    case 'A': {\n      // casting current element to Specific HTMLElement in order to be more type precise\n      return (\n        !!(element as HTMLAnchorElement).href &&\n        (element as HTMLAnchorElement).rel !== 'ignore'\n      )\n    }\n    case 'INPUT': {\n      return !(\n        (element as HTMLInputElement).type === 'hidden' ||\n        (element as HTMLInputElement).type === 'file'\n      )\n    }\n    case 'BUTTON':\n    case 'SELECT':\n    case 'TEXTAREA': {\n      return true\n    }\n    default: {\n      return false\n    }\n  }\n}\n\n/**\n * @desc Set Attempt to set focus on the current node.\n * @param element\n *          The node to attempt to focus on.\n * @returns\n *  true if element is focused.\n */\nexport const attemptFocus = (element: HTMLElement): boolean => {\n  if (!isFocusable(element)) {\n    return false\n  }\n  Utils.IgnoreUtilFocusChanges = true\n  // Remove the old try catch block since there will be no error to be thrown\n  element.focus?.()\n  Utils.IgnoreUtilFocusChanges = false\n  return document.activeElement === element\n}\n\n/**\n * Trigger an event\n * mouseenter, mouseleave, mouseover, keyup, change, click, etc.\n * @param  {HTMLElement} elm\n * @param  {String} name\n * @param  {*} opts\n */\nexport const triggerEvent = function (\n  elm: HTMLElement,\n  name: string,\n  ...opts: Array<boolean>\n): HTMLElement {\n  let eventName: string\n\n  if (name.includes('mouse') || name.includes('click')) {\n    eventName = 'MouseEvents'\n  } else if (name.includes('key')) {\n    eventName = 'KeyboardEvent'\n  } else {\n    eventName = 'HTMLEvents'\n  }\n  const evt = document.createEvent(eventName)\n\n  evt.initEvent(name, ...opts)\n  elm.dispatchEvent(evt)\n  return elm\n}\n\nexport const isLeaf = (el: HTMLElement) => !el.getAttribute('aria-owns')\n\nexport const getSibling = (\n  el: HTMLElement,\n  distance: number,\n  elClass: string\n): Nullable<Element> => {\n  const { parentNode } = el\n  if (!parentNode) return null\n  const siblings = parentNode.querySelectorAll(elClass)\n  const index = Array.prototype.indexOf.call(siblings, el)\n  return siblings[index + distance] || null\n}\n\nexport const focusNode = (el) => {\n  if (!el) return\n  el.focus()\n  !isLeaf(el) && el.click()\n}\n\nconst Utils = {\n  IgnoreUtilFocusChanges: false,\n  /**\n   * @desc Set focus on descendant nodes until the first focusable element is\n   *       found.\n   * @param {HTMLElement} element\n   *          DOM node for which to find the first focusable descendant.\n   * @returns {Boolean}\n   *  true if a focusable element is found and focus is set.\n   */\n  focusFirstDescendant(element: HTMLElement): boolean {\n    for (let i = 0; i < element.childNodes.length; i++) {\n      const child = element.childNodes[i] as HTMLElement\n      if (attemptFocus(child) || this.focusFirstDescendant(child)) {\n        return true\n      }\n    }\n    return false\n  },\n  /**\n   * @desc Find the last descendant node that is focusable.\n   * @param {HTMLElement} element\n   *          DOM node for which to find the last focusable descendant.\n   * @returns {Boolean}\n   *  true if a focusable element is found and focus is set.\n   */\n  focusLastDescendant(element: HTMLElement): boolean {\n    for (let i = element.childNodes.length - 1; i >= 0; i--) {\n      const child = element.childNodes[i] as HTMLElement\n      if (attemptFocus(child) || this.focusLastDescendant(child)) {\n        return true\n      }\n    }\n    return false\n  },\n}\n\nexport default Utils\n"],"names":[],"mappings":"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"}

package/lib/utils/dom.d.ts

@@ -1,4 +1,4 @@
-import type { CSSProperties } from 'vue';
+import type { CSSProperties, ComponentPublicInstance, Ref } from 'vue';
 import type { Nullable } from './types';
 export declare const on: (element: HTMLElement | Document | Window, event: string, handler: EventListenerOrEventListenerObject, useCapture?: boolean) => void;
 export declare const off: (element: HTMLElement | Document | Window, event: string, handler: EventListenerOrEventListenerObject, useCapture?: boolean) => void;
@@ -19,3 +19,11 @@ export declare const getClientXY: (event: MouseEvent | TouchEvent) => {
     clientX: number;
     clientY: number;
 };
+export declare const composeEventHandlers: <E>(theirsHandler?: ((event: E) => boolean | void) | undefined, oursHandler?: ((event: E) => void) | undefined, { checkForDefaultPrevented }?: {
+    checkForDefaultPrevented?: boolean | undefined;
+}) => (event: E) => void;
+declare type WhenMouseHandler = (e: PointerEvent) => any;
+export declare const whenMouse: (handler: WhenMouseHandler) => WhenMouseHandler;
+export declare const composeStoppableHandler: <E extends Event>(handler: (e: E) => void) => (e: E) => void;
+export declare const composeRefs: (...refs: Ref<HTMLElement | null>[]) => (el: Element | ComponentPublicInstance | null) => void;
+export {};

package/lib/utils/dom.js

@@ -181,8 +181,37 @@ const getClientXY = (event) => {
     clientY
   };
 };
+const composeEventHandlers = (theirsHandler, oursHandler, { checkForDefaultPrevented = true } = {}) => {
+  const handleEvent = (event) => {
+    const shouldPrevent = theirsHandler == null ? void 0 : theirsHandler(event);
+    if (checkForDefaultPrevented === false || !shouldPrevent) {
+      return oursHandler == null ? void 0 : oursHandler(event);
+    }
+  };
+  return handleEvent;
+};
+const whenMouse = (handler) => {
+  return (e) => e.pointerType === "mouse" ? handler(e) : void 0;
+};
+const composeStoppableHandler = (handler) => {
+  return (e) => {
+    if (!e.defaultPrevented) {
+      handler(e);
+    }
+  };
+};
+const composeRefs = (...refs) => {
+  return (el) => {
+    refs.forEach((ref) => {
+      ref.value = el;
+    });
+  };
+};
 
 exports.addClass = addClass;
+exports.composeEventHandlers = composeEventHandlers;
+exports.composeRefs = composeRefs;
+exports.composeStoppableHandler = composeStoppableHandler;
 exports.getClientXY = getClientXY;
 exports.getOffsetTop = getOffsetTop;
 exports.getOffsetTopDistance = getOffsetTopDistance;
@@ -198,4 +227,5 @@ exports.removeClass = removeClass;
 exports.removeStyle = removeStyle;
 exports.setStyle = setStyle;
 exports.stop = stop;
+exports.whenMouse = whenMouse;
 //# sourceMappingURL=dom.js.map