| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120 |
- import { useTooltipTriggerProps } from '../../tooltip/src/trigger.mjs';
- import { roleTypes } from '../../popper/src/popper.mjs';
- import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
- import { EVENT_CODE } from '../../../constants/aria.mjs';
- import { useTooltipContentProps } from '../../tooltip/src/content.mjs';
- import { iconPropType } from '../../../utils/vue/icon.mjs';
- import { createCollectionWithScope } from '../../collection/src/collection.mjs';
- const dropdownProps = buildProps({
- trigger: useTooltipTriggerProps.trigger,
- triggerKeys: {
- type: definePropType(Array),
- default: () => [
- EVENT_CODE.enter,
- EVENT_CODE.numpadEnter,
- EVENT_CODE.space,
- EVENT_CODE.down
- ]
- },
- virtualTriggering: useTooltipTriggerProps.virtualTriggering,
- virtualRef: useTooltipTriggerProps.virtualRef,
- effect: {
- ...useTooltipContentProps.effect,
- default: "light"
- },
- type: {
- type: definePropType(String)
- },
- placement: {
- type: definePropType(String),
- default: "bottom"
- },
- popperOptions: {
- type: definePropType(Object),
- default: () => ({})
- },
- id: String,
- size: {
- type: String,
- default: ""
- },
- splitButton: Boolean,
- hideOnClick: {
- type: Boolean,
- default: true
- },
- loop: {
- type: Boolean,
- default: true
- },
- showArrow: {
- type: Boolean,
- default: true
- },
- showTimeout: {
- type: Number,
- default: 150
- },
- hideTimeout: {
- type: Number,
- default: 150
- },
- tabindex: {
- type: definePropType([Number, String]),
- default: 0
- },
- maxHeight: {
- type: definePropType([Number, String]),
- default: ""
- },
- popperClass: {
- type: String,
- default: ""
- },
- disabled: Boolean,
- role: {
- type: String,
- values: roleTypes,
- default: "menu"
- },
- buttonProps: {
- type: definePropType(Object)
- },
- teleported: useTooltipContentProps.teleported,
- persistent: {
- type: Boolean,
- default: true
- }
- });
- const dropdownItemProps = buildProps({
- command: {
- type: [Object, String, Number],
- default: () => ({})
- },
- disabled: Boolean,
- divided: Boolean,
- textValue: String,
- icon: {
- type: iconPropType
- }
- });
- const dropdownMenuProps = buildProps({
- onKeydown: { type: definePropType(Function) }
- });
- const FIRST_KEYS = [
- EVENT_CODE.down,
- EVENT_CODE.pageDown,
- EVENT_CODE.home
- ];
- const LAST_KEYS = [EVENT_CODE.up, EVENT_CODE.pageUp, EVENT_CODE.end];
- const FIRST_LAST_KEYS = [...FIRST_KEYS, ...LAST_KEYS];
- const {
- ElCollection,
- ElCollectionItem,
- COLLECTION_INJECTION_KEY,
- COLLECTION_ITEM_INJECTION_KEY
- } = createCollectionWithScope("Dropdown");
- export { COLLECTION_INJECTION_KEY as DROPDOWN_COLLECTION_INJECTION_KEY, COLLECTION_ITEM_INJECTION_KEY as DROPDOWN_COLLECTION_ITEM_INJECTION_KEY, ElCollection, ElCollectionItem, FIRST_KEYS, FIRST_LAST_KEYS, LAST_KEYS, dropdownItemProps, dropdownMenuProps, dropdownProps };
- //# sourceMappingURL=dropdown.mjs.map
|