init component
This commit is contained in:
230
node_modules/buetify/lib/components/dropdown/BDropdown.d.ts
generated
vendored
Executable file
230
node_modules/buetify/lib/components/dropdown/BDropdown.d.ts
generated
vendored
Executable file
@@ -0,0 +1,230 @@
|
||||
import './dropdown.sass';
|
||||
import { Predicate } from 'fp-ts/lib/function';
|
||||
import { IO } from 'fp-ts/lib/IO';
|
||||
import { TransitionClasses } from '../../types/Transition';
|
||||
import { ExtractPropTypes, PropType, Ref } from 'vue';
|
||||
import { Classes } from '../../utils/mergeClasses';
|
||||
export declare type DropdownPosition = 'is-top-right' | 'is-top-left' | 'is-bottom-left';
|
||||
export declare const BDropdownPropsDefinition: {
|
||||
id: PropType<string>;
|
||||
isDisabled: {
|
||||
type: PropType<boolean>;
|
||||
default: boolean;
|
||||
};
|
||||
isHoverable: {
|
||||
type: PropType<boolean>;
|
||||
default: boolean;
|
||||
};
|
||||
isInline: {
|
||||
type: PropType<boolean>;
|
||||
default: boolean;
|
||||
};
|
||||
position: {
|
||||
type: PropType<DropdownPosition>;
|
||||
validator: (value: unknown) => boolean;
|
||||
};
|
||||
isMobileModal: {
|
||||
type: PropType<boolean>;
|
||||
default: boolean;
|
||||
};
|
||||
menuTag: {
|
||||
type: PropType<string>;
|
||||
default: string;
|
||||
};
|
||||
transition: {
|
||||
type: PropType<import("../../types/Transition").Transition>;
|
||||
default: import("fp-ts/lib/function").Lazy<import("../../types/Transition").Transition>;
|
||||
};
|
||||
onToggle: {
|
||||
type: PropType<import("fp-ts/lib/function").FunctionN<[boolean], void>>;
|
||||
required: false;
|
||||
};
|
||||
onSetOn: {
|
||||
type: PropType<IO<void>>;
|
||||
required: false;
|
||||
};
|
||||
onSetOff: {
|
||||
type: PropType<IO<void>>;
|
||||
required: false;
|
||||
};
|
||||
isExpanded: {
|
||||
type: PropType<boolean>;
|
||||
default: boolean;
|
||||
};
|
||||
hasPopup: {
|
||||
type: PropType<boolean>;
|
||||
default: boolean;
|
||||
};
|
||||
themeMap: {
|
||||
type: PropType<import("../..").ThemeColorMap>;
|
||||
required: boolean;
|
||||
default: import("fp-ts/lib/function").Lazy<import("../..").ThemeColorMap>;
|
||||
};
|
||||
isThemeable: {
|
||||
type: PropType<boolean>;
|
||||
required: boolean;
|
||||
default: boolean;
|
||||
};
|
||||
};
|
||||
export declare type BDropdownProps = ExtractPropTypes<typeof BDropdownPropsDefinition>;
|
||||
declare const _default: import("vue").DefineComponent<{
|
||||
id: PropType<string>;
|
||||
isDisabled: {
|
||||
type: PropType<boolean>;
|
||||
default: boolean;
|
||||
};
|
||||
isHoverable: {
|
||||
type: PropType<boolean>;
|
||||
default: boolean;
|
||||
};
|
||||
isInline: {
|
||||
type: PropType<boolean>;
|
||||
default: boolean;
|
||||
};
|
||||
position: {
|
||||
type: PropType<DropdownPosition>;
|
||||
validator: (value: unknown) => boolean;
|
||||
};
|
||||
isMobileModal: {
|
||||
type: PropType<boolean>;
|
||||
default: boolean;
|
||||
};
|
||||
menuTag: {
|
||||
type: PropType<string>;
|
||||
default: string;
|
||||
};
|
||||
transition: {
|
||||
type: PropType<import("../../types/Transition").Transition>;
|
||||
default: import("fp-ts/lib/function").Lazy<import("../../types/Transition").Transition>;
|
||||
};
|
||||
onToggle: {
|
||||
type: PropType<import("fp-ts/lib/function").FunctionN<[boolean], void>>;
|
||||
required: false;
|
||||
};
|
||||
onSetOn: {
|
||||
type: PropType<IO<void>>;
|
||||
required: false;
|
||||
};
|
||||
onSetOff: {
|
||||
type: PropType<IO<void>>;
|
||||
required: false;
|
||||
};
|
||||
isExpanded: {
|
||||
type: PropType<boolean>;
|
||||
default: boolean;
|
||||
};
|
||||
hasPopup: {
|
||||
type: PropType<boolean>;
|
||||
default: boolean;
|
||||
};
|
||||
themeMap: {
|
||||
type: PropType<import("../..").ThemeColorMap>;
|
||||
required: boolean;
|
||||
default: import("fp-ts/lib/function").Lazy<import("../..").ThemeColorMap>;
|
||||
};
|
||||
isThemeable: {
|
||||
type: PropType<boolean>;
|
||||
required: boolean;
|
||||
default: boolean;
|
||||
};
|
||||
}, {
|
||||
root: Ref<HTMLElement>;
|
||||
rootClasses: Ref<Classes[]>;
|
||||
clickOutsideArgs: {
|
||||
include: () => HTMLElement[];
|
||||
closeConditional: Predicate<Event>;
|
||||
};
|
||||
toggle: {
|
||||
isOn: import("vue").WritableComputedRef<boolean>;
|
||||
isOff: import("vue").ComputedRef<boolean>;
|
||||
attrs: import("vue").ComputedRef<{
|
||||
'aria-haspopup'?: boolean;
|
||||
tabindex: number;
|
||||
role: string;
|
||||
type: string;
|
||||
'aria-pressed': boolean;
|
||||
'aria-expanded': boolean;
|
||||
}>;
|
||||
listeners: {
|
||||
onClick: IO<void>;
|
||||
onKeydown: (e: KeyboardEvent) => void;
|
||||
};
|
||||
props: import("vue").ComputedRef<{
|
||||
onClick: IO<void>;
|
||||
onKeydown: (e: KeyboardEvent) => void;
|
||||
'aria-haspopup'?: boolean;
|
||||
tabindex: number;
|
||||
role: string;
|
||||
type: string;
|
||||
'aria-pressed': boolean;
|
||||
'aria-expanded': boolean;
|
||||
}>;
|
||||
setOn: (e?: Event | undefined) => void;
|
||||
setOff: (e?: Event | undefined) => void;
|
||||
toggle: (e?: Event | undefined) => void;
|
||||
};
|
||||
transition: import("vue").ComputedRef<TransitionClasses>;
|
||||
themeClasses: import("vue").ComputedRef<string[]>;
|
||||
dropdownMenu: Ref<HTMLElement>;
|
||||
displayMobileBackground: import("vue").ComputedRef<boolean>;
|
||||
menuToggle: {
|
||||
isOn: import("vue").ComputedRef<boolean>;
|
||||
isOff: import("vue").ComputedRef<boolean>;
|
||||
attrs: import("vue").ComputedRef<{
|
||||
'aria-haspopup'?: boolean;
|
||||
tabindex: number;
|
||||
role: string;
|
||||
type: string;
|
||||
'aria-pressed': boolean;
|
||||
'aria-expanded': boolean;
|
||||
}>;
|
||||
listeners: {
|
||||
onClick: IO<void>;
|
||||
onKeydown: (e: KeyboardEvent) => void;
|
||||
};
|
||||
props: import("vue").ComputedRef<{
|
||||
onClick: IO<void>;
|
||||
onKeydown: (e: KeyboardEvent) => void;
|
||||
'aria-haspopup'?: boolean;
|
||||
tabindex: number;
|
||||
role: string;
|
||||
type: string;
|
||||
'aria-pressed': boolean;
|
||||
'aria-expanded': boolean;
|
||||
}>;
|
||||
setOn: (e?: Event | undefined) => void;
|
||||
setOff: (e?: Event | undefined) => void;
|
||||
toggle: (e?: Event | undefined) => void;
|
||||
};
|
||||
trigger: Ref<HTMLElement>;
|
||||
computedId: import("vue").ComputedRef<string>;
|
||||
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
|
||||
isThemeable: boolean;
|
||||
themeMap: import("../..").ThemeColorMap;
|
||||
hasPopup: boolean;
|
||||
transition: import("../../types/Transition").Transition;
|
||||
isExpanded: boolean;
|
||||
isDisabled: boolean;
|
||||
isHoverable: boolean;
|
||||
isInline: boolean;
|
||||
isMobileModal: boolean;
|
||||
menuTag: string;
|
||||
} & {
|
||||
onToggle?: import("fp-ts/lib/function").FunctionN<[boolean], void> | undefined;
|
||||
onSetOn?: IO<void> | undefined;
|
||||
onSetOff?: IO<void> | undefined;
|
||||
position?: "is-top-right" | "is-top-left" | "is-bottom-left" | undefined;
|
||||
id?: string | undefined;
|
||||
}>, {
|
||||
isThemeable: boolean;
|
||||
themeMap: import("../..").ThemeColorMap;
|
||||
hasPopup: boolean;
|
||||
transition: import("../../types/Transition").Transition;
|
||||
isExpanded: boolean;
|
||||
isDisabled: boolean;
|
||||
isHoverable: boolean;
|
||||
isInline: boolean;
|
||||
isMobileModal: boolean;
|
||||
menuTag: string;
|
||||
}>;
|
||||
export default _default;
|
||||
188
node_modules/buetify/lib/components/dropdown/BDropdown.js
generated
vendored
Executable file
188
node_modules/buetify/lib/components/dropdown/BDropdown.js
generated
vendored
Executable file
@@ -0,0 +1,188 @@
|
||||
import "../../../src/components/dropdown/dropdown.sass";
|
||||
import { useThemePropsDefinition, useTheme } from '../../composables/theme';
|
||||
import { getUseTogglePropsDefinition, useToggle } from '../../composables/toggle';
|
||||
import { FadeTransitionPropsDefinition, useTransition } from '../../composables/transition';
|
||||
import { useWindowSize } from '../../composables/windowSize';
|
||||
import { defineComponent, shallowRef, computed, h, withDirectives, vShow, Transition } from 'vue';
|
||||
import ClickOutside from '../../directives/clickOutside';
|
||||
import { isString } from '../../utils/helpers';
|
||||
import { DropdownThemeMap } from './theme';
|
||||
export const BDropdownPropsDefinition = { ...useThemePropsDefinition(DropdownThemeMap),
|
||||
...getUseTogglePropsDefinition('isExpanded'),
|
||||
...FadeTransitionPropsDefinition,
|
||||
id: String,
|
||||
isDisabled: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
isHoverable: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
isInline: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
position: {
|
||||
type: String,
|
||||
validator: value => {
|
||||
return isString(value) && ['is-top-right', 'is-top-left', 'is-bottom-left'].includes(value);
|
||||
}
|
||||
},
|
||||
isMobileModal: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
menuTag: {
|
||||
type: String,
|
||||
default: 'ul'
|
||||
}
|
||||
};
|
||||
let id = 0;
|
||||
|
||||
function generateTrigger(toggle, id, slots) {
|
||||
return h('div', {
|
||||
ref: 'trigger',
|
||||
class: 'dropdown-trigger',
|
||||
role: 'button',
|
||||
'aria-owns': id,
|
||||
'aria-haspopup': 'listbox',
|
||||
'aria-expanded': `${toggle.isOn.value}`,
|
||||
onClick: toggle.toggle
|
||||
}, slots.trigger && slots.trigger(toggle));
|
||||
}
|
||||
|
||||
function generateTransition(transition, children) {
|
||||
return h(Transition, transition, children);
|
||||
}
|
||||
|
||||
function useCloseConditional(toggle, isInWhiteList) {
|
||||
return e => {
|
||||
const target = e.target;
|
||||
return toggle.isOn.value && isInWhiteList(target);
|
||||
};
|
||||
}
|
||||
|
||||
function generateDropdownContent(menuTag, toggle, computedId, themeClasses, slots) {
|
||||
return h(menuTag, {
|
||||
class: ['dropdown-content', ...themeClasses],
|
||||
role: 'menu',
|
||||
id: computedId,
|
||||
'aria-hidden': toggle.isOff.value
|
||||
}, slots.default && slots.default(toggle));
|
||||
}
|
||||
|
||||
function generateDropdownMenu(menuTag, toggle, computedId, themeClasses, transition, slots, useTransition = true) {
|
||||
const menu = () => withDirectives(h('div', {
|
||||
class: 'dropdown-menu'
|
||||
}, [generateDropdownContent(menuTag, toggle, computedId, themeClasses, slots)]), [[vShow, toggle.isOn.value]]);
|
||||
|
||||
return useTransition ? generateTransition(transition, menu) : menu();
|
||||
}
|
||||
|
||||
function generateMobileBackground(menuTag, toggle, computedId, themeClasses, transition, slots) {
|
||||
return generateTransition(transition, () => withDirectives(h('div', {
|
||||
class: 'background',
|
||||
'aria-hidden': toggle.isOff.value,
|
||||
onClick: toggle.setOff
|
||||
}, [generateDropdownMenu(menuTag, toggle, computedId, themeClasses, transition, slots, false)]), [[vShow, toggle.isOn.value]]));
|
||||
}
|
||||
|
||||
function generateChildren(menuTag, isInline, toggle, computedId, transition, themeClasses, shouldDisplayMobileBackground, slots) {
|
||||
const children = [];
|
||||
|
||||
if (!isInline) {
|
||||
children.push(generateTrigger(toggle, computedId, slots));
|
||||
}
|
||||
|
||||
if (shouldDisplayMobileBackground) {
|
||||
children.push(generateMobileBackground(menuTag, toggle, computedId, themeClasses, transition, slots));
|
||||
} else {
|
||||
const menu = generateDropdownMenu(menuTag, toggle, computedId, themeClasses, transition, slots);
|
||||
|
||||
if (menu) {
|
||||
children.push(menu);
|
||||
}
|
||||
}
|
||||
|
||||
return children;
|
||||
}
|
||||
|
||||
export default defineComponent({
|
||||
name: 'b-dropdown',
|
||||
props: BDropdownPropsDefinition,
|
||||
|
||||
setup(props) {
|
||||
const windowSize = useWindowSize();
|
||||
const toggle = useToggle(props, 'isExpanded');
|
||||
const {
|
||||
themeClasses
|
||||
} = useTheme(props);
|
||||
const transition = useTransition(props);
|
||||
const root = shallowRef(null);
|
||||
const trigger = shallowRef(null);
|
||||
const dropdownMenu = shallowRef(null);
|
||||
const computedId = computed(() => `dropdown-menu-${props.id ?? id++}`);
|
||||
const rootClasses = computed(() => [props.position, {
|
||||
'is-disabled': props.isDisabled,
|
||||
'is-hoverable': props.isHoverable,
|
||||
'is-inline': props.isInline,
|
||||
'is-active': toggle.isOn.value || props.isInline,
|
||||
'is-mobile-modal': props.isMobileModal
|
||||
}]);
|
||||
const displayMenu = computed(() => !props.isDisabled && (toggle.isOn.value || props.isHoverable) || props.isInline);
|
||||
const isMobileModal = computed(() => props.isMobileModal && !props.isInline && !props.isHoverable);
|
||||
const displayMobileBackground = computed(() => isMobileModal.value && windowSize.value.isTouch);
|
||||
|
||||
function getDependentElements() {
|
||||
return Array.from(dropdownMenu.value?.querySelectorAll('*') ?? []);
|
||||
}
|
||||
|
||||
function isInDropdown(el) {
|
||||
return dropdownMenu.value !== undefined && dropdownMenu.value.contains(el);
|
||||
}
|
||||
|
||||
function isInTrigger(el) {
|
||||
return trigger.value !== undefined && trigger.value.contains(el);
|
||||
}
|
||||
|
||||
function isInWhiteList(el) {
|
||||
if (el === root.value) return true;
|
||||
if (el === dropdownMenu.value) return true;
|
||||
if (el === trigger.value) return true;
|
||||
return isInDropdown(el) || isInTrigger(el);
|
||||
}
|
||||
|
||||
const menuToggle = { ...toggle,
|
||||
isOn: displayMenu,
|
||||
isOff: computed(() => !displayMenu.value)
|
||||
};
|
||||
const closeConditional = useCloseConditional(menuToggle, isInWhiteList);
|
||||
const clickOutsideArgs = {
|
||||
include: getDependentElements,
|
||||
closeConditional
|
||||
};
|
||||
return {
|
||||
root,
|
||||
rootClasses,
|
||||
clickOutsideArgs,
|
||||
toggle,
|
||||
transition,
|
||||
themeClasses,
|
||||
dropdownMenu,
|
||||
displayMobileBackground,
|
||||
menuToggle,
|
||||
trigger,
|
||||
computedId
|
||||
};
|
||||
},
|
||||
|
||||
render() {
|
||||
return withDirectives(h('div', {
|
||||
ref: 'root',
|
||||
class: ['dropdown', ...this.rootClasses]
|
||||
}, generateChildren(this.menuTag, this.isInline, this.menuToggle, this.computedId, this.transition, this.themeClasses, this.displayMobileBackground, this.$slots)), [[ClickOutside, this.toggle.setOff, this.clickOutsideArgs]]);
|
||||
}
|
||||
|
||||
});
|
||||
//# sourceMappingURL=BDropdown.js.map
|
||||
1
node_modules/buetify/lib/components/dropdown/BDropdown.js.map
generated
vendored
Executable file
1
node_modules/buetify/lib/components/dropdown/BDropdown.js.map
generated
vendored
Executable file
File diff suppressed because one or more lines are too long
4
node_modules/buetify/lib/components/dropdown/BDropdownDivider.d.ts
generated
vendored
Executable file
4
node_modules/buetify/lib/components/dropdown/BDropdownDivider.d.ts
generated
vendored
Executable file
@@ -0,0 +1,4 @@
|
||||
declare const _default: import("vue").FunctionalComponent<{
|
||||
tag?: string | undefined;
|
||||
}, {}>;
|
||||
export default _default;
|
||||
3
node_modules/buetify/lib/components/dropdown/BDropdownDivider.js
generated
vendored
Executable file
3
node_modules/buetify/lib/components/dropdown/BDropdownDivider.js
generated
vendored
Executable file
@@ -0,0 +1,3 @@
|
||||
import { getSimpleFunctionalComponent } from '../../utils/getSimpleFunctionalComponent';
|
||||
export default getSimpleFunctionalComponent('dropdown-divider', 'hr');
|
||||
//# sourceMappingURL=BDropdownDivider.js.map
|
||||
1
node_modules/buetify/lib/components/dropdown/BDropdownDivider.js.map
generated
vendored
Executable file
1
node_modules/buetify/lib/components/dropdown/BDropdownDivider.js.map
generated
vendored
Executable file
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/dropdown/BDropdownDivider.ts"],"names":[],"mappings":"AAAA,SAAS,4BAAT,QAA6C,0CAA7C;AAEA,eAAe,4BAA4B,CAAC,kBAAD,EAAqB,IAArB,CAA3C","sourcesContent":["import { getSimpleFunctionalComponent } from '../../utils/getSimpleFunctionalComponent';\n\nexport default getSimpleFunctionalComponent('dropdown-divider', 'hr');\n"],"sourceRoot":"","file":"BDropdownDivider.js"}
|
||||
34
node_modules/buetify/lib/components/dropdown/BDropdownItem.d.ts
generated
vendored
Executable file
34
node_modules/buetify/lib/components/dropdown/BDropdownItem.d.ts
generated
vendored
Executable file
@@ -0,0 +1,34 @@
|
||||
import { PropType } from 'vue';
|
||||
declare const _default: import("vue").DefineComponent<{
|
||||
isActive: {
|
||||
type: PropType<boolean>;
|
||||
default: boolean;
|
||||
};
|
||||
tag: {
|
||||
type: PropType<string>;
|
||||
default: string;
|
||||
};
|
||||
themeMap: {
|
||||
type: PropType<import("../..").ThemeColorMap>;
|
||||
required: boolean;
|
||||
default: import("fp-ts/lib/function").Lazy<import("../..").ThemeColorMap>;
|
||||
};
|
||||
isThemeable: {
|
||||
type: PropType<boolean>;
|
||||
required: boolean;
|
||||
default: boolean;
|
||||
};
|
||||
}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
|
||||
isThemeable: boolean;
|
||||
themeMap: import("../..").ThemeColorMap;
|
||||
tag: string;
|
||||
isActive: boolean;
|
||||
} & {}>, {
|
||||
isThemeable: boolean;
|
||||
themeMap: import("../..").ThemeColorMap;
|
||||
tag: string;
|
||||
isActive: boolean;
|
||||
}>;
|
||||
export default _default;
|
||||
35
node_modules/buetify/lib/components/dropdown/BDropdownItem.js
generated
vendored
Executable file
35
node_modules/buetify/lib/components/dropdown/BDropdownItem.js
generated
vendored
Executable file
@@ -0,0 +1,35 @@
|
||||
import { useTheme, useThemePropsDefinition } from '../../composables/theme';
|
||||
import { h, defineComponent } from 'vue';
|
||||
import { DropdownThemeMap } from './theme';
|
||||
export default defineComponent({
|
||||
name: 'b-dropdown-item',
|
||||
props: { ...useThemePropsDefinition(DropdownThemeMap, true),
|
||||
isActive: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
tag: {
|
||||
type: String,
|
||||
default: 'li'
|
||||
}
|
||||
},
|
||||
|
||||
setup(props, {
|
||||
slots
|
||||
}) {
|
||||
const {
|
||||
themeClasses
|
||||
} = useTheme(props);
|
||||
return () => {
|
||||
return h(props.tag ?? 'li', {
|
||||
role: 'menuitem',
|
||||
tabindex: 0,
|
||||
class: ['dropdown-item', ...themeClasses.value, {
|
||||
'is-active': props.isActive
|
||||
}]
|
||||
}, slots.default && slots.default());
|
||||
};
|
||||
}
|
||||
|
||||
});
|
||||
//# sourceMappingURL=BDropdownItem.js.map
|
||||
1
node_modules/buetify/lib/components/dropdown/BDropdownItem.js.map
generated
vendored
Executable file
1
node_modules/buetify/lib/components/dropdown/BDropdownItem.js.map
generated
vendored
Executable file
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/dropdown/BDropdownItem.ts"],"names":[],"mappings":"AAAA,SAAS,QAAT,EAAmB,uBAAnB,QAAkD,yBAAlD;AACA,SAAS,CAAT,EAAY,eAAZ,QAA6C,KAA7C;AACA,SAAS,gBAAT,QAAiC,SAAjC;AAEA,eAAe,eAAe,CAAC;AAC7B,EAAA,IAAI,EAAE,iBADuB;AAE7B,EAAA,KAAK,EAAE,EACL,GAAG,uBAAuB,CAAC,gBAAD,EAAmB,IAAnB,CADrB;AAEL,IAAA,QAAQ,EAAE;AACR,MAAA,IAAI,EAAE,OADE;AAER,MAAA,OAAO,EAAE;AAFD,KAFL;AAML,IAAA,GAAG,EAAE;AACH,MAAA,IAAI,EAAE,MADH;AAEH,MAAA,OAAO,EAAE;AAFN;AANA,GAFsB;;AAa7B,EAAA,KAAK,CAAC,KAAD,EAAQ;AAAE,IAAA;AAAF,GAAR,EAAiB;AACpB,UAAM;AAAE,MAAA;AAAF,QAAmB,QAAQ,CAAC,KAAD,CAAjC;AACA,WAAO,MAAK;AACV,aAAO,CAAC,CACN,KAAK,CAAC,GAAN,IAAa,IADP,EAEN;AACE,QAAA,IAAI,EAAE,UADR;AAEE,QAAA,QAAQ,EAAE,CAFZ;AAGE,QAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,GAAG,YAAY,CAAC,KAAlC,EAAyC;AAAE,uBAAa,KAAK,CAAC;AAArB,SAAzC;AAHT,OAFM,EAON,KAAK,CAAC,OAAN,IAAiB,KAAK,CAAC,OAAN,EAPX,CAAR;AASD,KAVD;AAWD;;AA1B4B,CAAD,CAA9B","sourcesContent":["import { useTheme, useThemePropsDefinition } from '../../composables/theme';\nimport { h, defineComponent, PropType } from 'vue';\nimport { DropdownThemeMap } from './theme';\n\nexport default defineComponent({\n name: 'b-dropdown-item',\n props: {\n ...useThemePropsDefinition(DropdownThemeMap, true),\n isActive: {\n type: Boolean as PropType<boolean>,\n default: false\n },\n tag: {\n type: String as PropType<string>,\n default: 'li'\n }\n },\n setup(props, { slots }) {\n const { themeClasses } = useTheme(props);\n return () => {\n return h(\n props.tag ?? 'li',\n {\n role: 'menuitem',\n tabindex: 0,\n class: ['dropdown-item', ...themeClasses.value, { 'is-active': props.isActive }]\n },\n slots.default && slots.default()\n );\n };\n }\n});\n"],"sourceRoot":"","file":"BDropdownItem.js"}
|
||||
39
node_modules/buetify/lib/components/dropdown/BDropdownLink.d.ts
generated
vendored
Executable file
39
node_modules/buetify/lib/components/dropdown/BDropdownLink.d.ts
generated
vendored
Executable file
@@ -0,0 +1,39 @@
|
||||
import { PropType } from 'vue';
|
||||
declare const _default: import("vue").DefineComponent<{
|
||||
isActive: {
|
||||
type: PropType<boolean>;
|
||||
default: boolean;
|
||||
};
|
||||
href: {
|
||||
type: PropType<string>;
|
||||
required: true;
|
||||
};
|
||||
tag: {
|
||||
type: PropType<string>;
|
||||
default: string;
|
||||
};
|
||||
themeMap: {
|
||||
type: PropType<import("../..").ThemeColorMap>;
|
||||
required: boolean;
|
||||
default: import("fp-ts/lib/function").Lazy<import("../..").ThemeColorMap>;
|
||||
};
|
||||
isThemeable: {
|
||||
type: PropType<boolean>;
|
||||
required: boolean;
|
||||
default: boolean;
|
||||
};
|
||||
}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
|
||||
isThemeable: boolean;
|
||||
themeMap: import("../..").ThemeColorMap;
|
||||
tag: string;
|
||||
isActive: boolean;
|
||||
href: string;
|
||||
} & {}>, {
|
||||
isThemeable: boolean;
|
||||
themeMap: import("../..").ThemeColorMap;
|
||||
tag: string;
|
||||
isActive: boolean;
|
||||
}>;
|
||||
export default _default;
|
||||
40
node_modules/buetify/lib/components/dropdown/BDropdownLink.js
generated
vendored
Executable file
40
node_modules/buetify/lib/components/dropdown/BDropdownLink.js
generated
vendored
Executable file
@@ -0,0 +1,40 @@
|
||||
import { useTheme, useThemePropsDefinition } from '../../composables/theme';
|
||||
import { h, defineComponent } from 'vue';
|
||||
import { DropdownThemeMap } from './theme';
|
||||
export default defineComponent({
|
||||
name: 'b-dropdown-link-item',
|
||||
props: { ...useThemePropsDefinition(DropdownThemeMap, true),
|
||||
isActive: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
href: {
|
||||
type: String,
|
||||
required: true
|
||||
},
|
||||
tag: {
|
||||
type: String,
|
||||
default: 'li'
|
||||
}
|
||||
},
|
||||
|
||||
setup(props, {
|
||||
attrs,
|
||||
slots
|
||||
}) {
|
||||
const {
|
||||
themeClasses
|
||||
} = useTheme(props);
|
||||
return () => {
|
||||
return h(props.tag ?? 'li', {
|
||||
role: 'menuitem'
|
||||
}, [h('a', { ...attrs,
|
||||
class: ['dropdown-item dropdown-link', ...themeClasses.value, {
|
||||
'is-active': props.isActive
|
||||
}]
|
||||
}, slots.default && slots.default())]);
|
||||
};
|
||||
}
|
||||
|
||||
});
|
||||
//# sourceMappingURL=BDropdownLink.js.map
|
||||
1
node_modules/buetify/lib/components/dropdown/BDropdownLink.js.map
generated
vendored
Executable file
1
node_modules/buetify/lib/components/dropdown/BDropdownLink.js.map
generated
vendored
Executable file
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/dropdown/BDropdownLink.ts"],"names":[],"mappings":"AAAA,SAAS,QAAT,EAAmB,uBAAnB,QAAkD,yBAAlD;AACA,SAAS,CAAT,EAAY,eAAZ,QAA6C,KAA7C;AACA,SAAS,gBAAT,QAAiC,SAAjC;AAEA,eAAe,eAAe,CAAC;AAC7B,EAAA,IAAI,EAAE,sBADuB;AAE7B,EAAA,KAAK,EAAE,EACL,GAAG,uBAAuB,CAAC,gBAAD,EAAmB,IAAnB,CADrB;AAEL,IAAA,QAAQ,EAAE;AACR,MAAA,IAAI,EAAE,OADE;AAER,MAAA,OAAO,EAAE;AAFD,KAFL;AAML,IAAA,IAAI,EAAE;AACJ,MAAA,IAAI,EAAE,MADF;AAEJ,MAAA,QAAQ,EAAE;AAFN,KAND;AAUL,IAAA,GAAG,EAAE;AACH,MAAA,IAAI,EAAE,MADH;AAEH,MAAA,OAAO,EAAE;AAFN;AAVA,GAFsB;;AAiB7B,EAAA,KAAK,CAAC,KAAD,EAAQ;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,GAAR,EAAwB;AAC3B,UAAM;AAAE,MAAA;AAAF,QAAmB,QAAQ,CAAC,KAAD,CAAjC;AACA,WAAO,MAAK;AACV,aAAO,CAAC,CACN,KAAK,CAAC,GAAN,IAAa,IADP,EAEN;AACE,QAAA,IAAI,EAAE;AADR,OAFM,EAKN,CACE,CAAC,CACC,GADD,EAEC,EACE,GAAG,KADL;AAEE,QAAA,KAAK,EAAE,CAAC,6BAAD,EAAgC,GAAG,YAAY,CAAC,KAAhD,EAAuD;AAAE,uBAAa,KAAK,CAAC;AAArB,SAAvD;AAFT,OAFD,EAMC,KAAK,CAAC,OAAN,IAAiB,KAAK,CAAC,OAAN,EANlB,CADH,CALM,CAAR;AAgBD,KAjBD;AAkBD;;AArC4B,CAAD,CAA9B","sourcesContent":["import { useTheme, useThemePropsDefinition } from '../../composables/theme';\nimport { h, defineComponent, PropType } from 'vue';\nimport { DropdownThemeMap } from './theme';\n\nexport default defineComponent({\n name: 'b-dropdown-link-item',\n props: {\n ...useThemePropsDefinition(DropdownThemeMap, true),\n isActive: {\n type: Boolean as PropType<boolean>,\n default: false\n },\n href: {\n type: String as PropType<string>,\n required: true\n },\n tag: {\n type: String as PropType<string>,\n default: 'li'\n }\n },\n setup(props, { attrs, slots }) {\n const { themeClasses } = useTheme(props);\n return () => {\n return h(\n props.tag ?? 'li',\n {\n role: 'menuitem'\n },\n [\n h(\n 'a',\n {\n ...attrs,\n class: ['dropdown-item dropdown-link', ...themeClasses.value, { 'is-active': props.isActive }]\n },\n slots.default && slots.default()\n )\n ]\n );\n };\n }\n});\n"],"sourceRoot":"","file":"BDropdownLink.js"}
|
||||
7
node_modules/buetify/lib/components/dropdown/index.d.ts
generated
vendored
Executable file
7
node_modules/buetify/lib/components/dropdown/index.d.ts
generated
vendored
Executable file
@@ -0,0 +1,7 @@
|
||||
import BDropdown from './BDropdown';
|
||||
import BDropdownDivider from './BDropdownDivider';
|
||||
import BDropdownItem from './BDropdownItem';
|
||||
import BDropdownLink from './BDropdownLink';
|
||||
import { DropdownThemeMap } from './theme';
|
||||
export { BDropdownItem, BDropdownLink, BDropdownDivider, BDropdown, DropdownThemeMap };
|
||||
export default BDropdown;
|
||||
8
node_modules/buetify/lib/components/dropdown/index.js
generated
vendored
Executable file
8
node_modules/buetify/lib/components/dropdown/index.js
generated
vendored
Executable file
@@ -0,0 +1,8 @@
|
||||
import BDropdown from './BDropdown';
|
||||
import BDropdownDivider from './BDropdownDivider';
|
||||
import BDropdownItem from './BDropdownItem';
|
||||
import BDropdownLink from './BDropdownLink';
|
||||
import { DropdownThemeMap } from './theme';
|
||||
export { BDropdownItem, BDropdownLink, BDropdownDivider, BDropdown, DropdownThemeMap };
|
||||
export default BDropdown;
|
||||
//# sourceMappingURL=index.js.map
|
||||
1
node_modules/buetify/lib/components/dropdown/index.js.map
generated
vendored
Executable file
1
node_modules/buetify/lib/components/dropdown/index.js.map
generated
vendored
Executable file
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAP,MAAsB,aAAtB;AACA,OAAO,gBAAP,MAA6B,oBAA7B;AACA,OAAO,aAAP,MAA0B,iBAA1B;AACA,OAAO,aAAP,MAA0B,iBAA1B;AACA,SAAS,gBAAT,QAAiC,SAAjC;AAEA,SAAS,aAAT,EAAwB,aAAxB,EAAuC,gBAAvC,EAAyD,SAAzD,EAAoE,gBAApE;AAEA,eAAe,SAAf","sourcesContent":["import BDropdown from './BDropdown';\nimport BDropdownDivider from './BDropdownDivider';\nimport BDropdownItem from './BDropdownItem';\nimport BDropdownLink from './BDropdownLink';\nimport { DropdownThemeMap } from './theme';\n\nexport { BDropdownItem, BDropdownLink, BDropdownDivider, BDropdown, DropdownThemeMap };\n\nexport default BDropdown;\n"],"sourceRoot":"","file":"index.js"}
|
||||
2
node_modules/buetify/lib/components/dropdown/theme.d.ts
generated
vendored
Executable file
2
node_modules/buetify/lib/components/dropdown/theme.d.ts
generated
vendored
Executable file
@@ -0,0 +1,2 @@
|
||||
import { ThemeColorMap } from '../../types/ThemeColorMap';
|
||||
export declare const DropdownThemeMap: ThemeColorMap;
|
||||
6
node_modules/buetify/lib/components/dropdown/theme.js
generated
vendored
Executable file
6
node_modules/buetify/lib/components/dropdown/theme.js
generated
vendored
Executable file
@@ -0,0 +1,6 @@
|
||||
import { shallowReactive } from 'vue';
|
||||
export const DropdownThemeMap = shallowReactive({
|
||||
dark: 'is-grey-dark',
|
||||
light: ''
|
||||
});
|
||||
//# sourceMappingURL=theme.js.map
|
||||
1
node_modules/buetify/lib/components/dropdown/theme.js.map
generated
vendored
Executable file
1
node_modules/buetify/lib/components/dropdown/theme.js.map
generated
vendored
Executable file
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/dropdown/theme.ts"],"names":[],"mappings":"AAAA,SAAS,eAAT,QAAgC,KAAhC;AAGA,OAAO,MAAM,gBAAgB,GAAkB,eAAe,CAAC;AAC7D,EAAA,IAAI,EAAE,cADuD;AAE7D,EAAA,KAAK,EAAE;AAFsD,CAAD,CAAvD","sourcesContent":["import { shallowReactive } from 'vue';\nimport { ThemeColorMap } from '../../types/ThemeColorMap';\n\nexport const DropdownThemeMap: ThemeColorMap = shallowReactive({\n dark: 'is-grey-dark',\n light: ''\n});\n"],"sourceRoot":"","file":"theme.js"}
|
||||
Reference in New Issue
Block a user