@vue-interface/btn-dropdown 4.1.1 → 4.1.2
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/btn-dropdown.js +126 -119
- package/dist/btn-dropdown.js.map +1 -1
- package/dist/btn-dropdown.umd.cjs +1 -1
- package/dist/btn-dropdown.umd.cjs.map +1 -1
- package/dist/src/BtnDropdown.vue.d.ts +319 -3
- package/dist/src/BtnDropdownSingle.vue.d.ts +157 -0
- package/dist/src/BtnDropdownSplit.vue.d.ts +167 -0
- package/package.json +5 -2
- package/src/BtnDropdown.vue +11 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"btn-dropdown.umd.cjs","sources":["../src/useDropdownHandler.ts","../src/BtnDropdownSingle.vue","../src/BtnDropdownSplit.vue","../src/BtnDropdown.vue"],"sourcesContent":["import { flip, offset, Placement, type Alignment, type Middleware, type OffsetOptions, type Side } from '@floating-ui/dom';\nimport { useFloating, UseFloatingReturn } from '@floating-ui/vue';\nimport { DropdownMenu } from '@vue-interface/dropdown-menu';\nimport { computed, ComputedRef, Ref, ref, watchEffect, type EmitFn, type HTMLAttributes } from 'vue';\n\ntype LiteralUnion<T extends U, U = string> = T | (U & Record<never, never>);\n\nexport type BtnGroupSizes = 'btn-group-xs'\n | 'btn-group-sm' \n | 'btn-group-md'\n | 'btn-group-lg'\n | 'btn-group-xl'\n | 'btn-group-2xl'\n | 'btn-group-3xl'\n | 'btn-group-4xl';\n\nexport type BtnDropdownProps = {\n align?: Alignment;\n block?: boolean;\n buttonClass?: HTMLAttributes['class'],\n caret?: boolean;\n dropup?: boolean;\n dropright?: boolean;\n dropleft?: boolean;\n label?: string;\n offset?: OffsetOptions,\n middleware?: Middleware[],\n side?: Side;\n size?: LiteralUnion<BtnGroupSizes>;\n split?: boolean;\n variant?: string;\n}\n\nexport type BtnDropdownEvents = {\n click: [event: MouseEvent];\n clickToggle: [event: MouseEvent];\n show: [],\n hide: []\n}\n\nexport type UseDropdownHandler = {\n target: Ref<HTMLElement|undefined>;\n menu: Ref<InstanceType<typeof DropdownMenu>|undefined>;\n alignment: ComputedRef<Alignment>;\n expanded: Ref<boolean>;\n floatingStyles: UseFloatingReturn['floatingStyles'];\n placement: ComputedRef<Placement>;\n side: ComputedRef<Side>;\n classes: ComputedRef<Record<string, boolean|undefined>>;\n buttonClasses: ComputedRef<Record<string, boolean>>;\n show: () => void;\n hide: () => void;\n toggle: () => void;\n onBlur: (e: FocusEvent) => void;\n onClick: (e: MouseEvent) => void;\n onClickToggle: (e: MouseEvent) => void;\n onClickItem: (e: PointerEvent) => void;\n}\n\nexport function useDropdownHandler(props: BtnDropdownProps, emit: EmitFn<BtnDropdownEvents>): UseDropdownHandler {\n const target = ref<HTMLElement>();\n const menu = ref<InstanceType<typeof DropdownMenu>>();\n const expanded = ref(false);\n\n const alignment = computed<Alignment>(() => props.align ?? 'start');\n\n const side = computed<Side>(() => {\n if(props.dropup) {\n return 'top';\n }\n\n if(props.dropleft) {\n return 'left';\n }\n\n if(props.dropright) {\n return 'right';\n }\n\n return 'bottom';\n });\n\n const placement = computed<Placement>(() => `${side.value}-${alignment.value}`);\n\n const classes = computed<Record<string,boolean|undefined>>(() => ({\n 'dropdown': props.dropup && props.dropright && props.dropleft,\n 'dropup': props.dropup,\n 'dropright': props.dropright,\n 'dropleft': props.dropleft,\n 'expanded': expanded.value,\n [props.size ?? '']: !!props.size,\n }));\n \n const buttonClasses = computed(() => {\n const classes = {\n btn: true,\n [props.variant ?? '']: !!props.variant,\n 'btn-block': !!props.block,\n 'no-caret': !props.caret\n };\n \n if(typeof props.buttonClass === 'string') {\n classes[props.buttonClass] = true;\n }\n else if(Array.isArray(props.buttonClass)) {\n for(const value of props.buttonClass) {\n classes[value] = true;\n }\n }\n else if(props.buttonClass) {\n Object.assign(classes, props.buttonClass);\n }\n\n return classes;\n });\n\n const { floatingStyles, update } = useFloating(target, menu, {\n placement: placement,\n middleware: props.middleware ?? [\n offset(props.offset ?? 5),\n flip()\n ]\n });\n\n function show() {\n expanded.value = true;\n\n if(!target.value || !menu.value) {\n return;\n }\n\n update();\n\n emit('show');\n }\n\n function hide() {\n expanded.value = false;\n\n target.value?.blur();\n\n emit('hide');\n }\n\n function toggle() {\n if(!expanded.value) {\n show();\n }\n else {\n hide();\n }\n }\n\n function isFocusable(element: HTMLElement) {\n const nodes = Array.from(menu.value?.$el.querySelectorAll('label, input, select, textarea') ?? []);\n\n for(const i in nodes) {\n if(element === nodes[i]) {\n return true;\n }\n }\n\n return false;\n }\n \n function onBlur(e: FocusEvent) {\n if(!(e.relatedTarget instanceof HTMLElement)) {\n hide();\n \n return;\n }\n \n if(menu.value && !menu.value?.$el.contains(e.relatedTarget) || !target.value?.contains(e.relatedTarget)) {\n hide();\n }\n }\n\n function onClick(e: MouseEvent) {\n emit('click', e);\n }\n\n function onClickToggle(e: MouseEvent) {\n e.target?.dispatchEvent(new Event('focus', e));\n \n emit('clickToggle', e);\n\n if(!e.defaultPrevented) {\n toggle();\n }\n }\n\n function onClickItem(e: PointerEvent) {\n if(!(e.target instanceof HTMLElement)) {\n hide();\n\n return;\n }\n\n if(!isFocusable(e.target) && !e.defaultPrevented) {\n hide();\n }\n }\n\n watchEffect(() => {\n if(expanded.value) {\n window.addEventListener('resize', update);\n }\n else {\n window.removeEventListener('resize', update);\n }\n });\n\n return {\n target,\n menu,\n alignment,\n expanded,\n floatingStyles,\n placement,\n side,\n classes,\n buttonClasses,\n show,\n hide,\n toggle,\n onBlur,\n onClick,\n onClickToggle,\n onClickItem\n };\n}","<script setup lang=\"ts\">\nimport { DropdownMenu } from '@vue-interface/dropdown-menu';\nimport { BtnDropdownEvents, BtnDropdownProps, useDropdownHandler } from './useDropdownHandler';\n\nconst props = withDefaults(defineProps<BtnDropdownProps>(), {\n caret: true,\n variant: 'btn-primary'\n});\n\nconst emit = defineEmits<BtnDropdownEvents>();\n\nconst {\n target,\n menu,\n buttonClasses,\n classes,\n expanded,\n floatingStyles,\n show,\n hide,\n toggle,\n onBlur,\n onClickToggle,\n onClickItem\n} = useDropdownHandler(props, emit);\n\ndefineExpose({\n show,\n hide,\n toggle,\n});\n</script>\n\n<template>\n <div\n class=\"btn-group\"\n :class=\"classes\">\n <slot\n name=\"button\"\n v-bind=\"{ target: (el: HTMLElement) => target = el, expanded, onBlur, onClickToggle }\">\n <button\n ref=\"target\"\n type=\"button\"\n :class=\"{...buttonClasses, ['dropdown-toggle']: true}\"\n aria-haspopup=\"true\"\n :aria-expanded=\"expanded\"\n @blur=\"onBlur\"\n @click=\"onClickToggle\">\n {{ label }}\n </button>\n </slot>\n <DropdownMenu\n ref=\"menu\"\n :class=\"{\n 'show': expanded\n }\"\n :style=\"floatingStyles\"\n @blur=\"onBlur\"\n @click=\"onClickItem\"\n @mousedown.prevent>\n <slot />\n </DropdownMenu>\n </div>\n</template>","<script setup lang=\"ts\">\nimport { DropdownMenu } from '@vue-interface/dropdown-menu';\nimport { BtnDropdownEvents, BtnDropdownProps, useDropdownHandler } from './useDropdownHandler';\n\nconst props = withDefaults(defineProps<BtnDropdownProps>(), {\n caret: true,\n variant: 'btn-primary'\n});\n\nconst emit = defineEmits<BtnDropdownEvents>();\n\nconst {\n target,\n menu,\n buttonClasses,\n classes,\n expanded,\n floatingStyles,\n show,\n hide,\n toggle,\n onBlur,\n onClickToggle,\n onClickItem\n} = useDropdownHandler(props, emit);\n\ndefineExpose({\n show,\n hide,\n toggle,\n});\n</script>\n\n<template>\n <div\n class=\"btn-group btn-dropdown-split\"\n :class=\"classes\">\n <slot\n v-if=\"!dropleft\"\n name=\"button\"\n v-bind=\"{ expanded, onBlur, onClickToggle }\">\n <button\n type=\"button\"\n :class=\"buttonClasses\"\n aria-haspopup=\"true\"\n :aria-expanded=\"expanded\"\n @blur=\"onBlur\"\n @click=\"onClick\">\n {{ label }}\n </button>\n </slot>\n <div class=\"btn-group\">\n <slot\n name=\"toggle\"\n v-bind=\"{ target: (el: HTMLElement) => target = el, expanded, onBlur, onClickToggle }\">\n <button\n ref=\"target\"\n type=\"button\"\n aria-haspopup=\"true\"\n :aria-expanded=\"expanded\"\n :class=\"{...buttonClasses, 'dropdown-toggle': true, 'dropdown-toggle-split': split}\"\n @blur=\"onBlur\"\n @click=\"onClickToggle\" />\n </slot>\n <DropdownMenu\n ref=\"menu\"\n :class=\"{\n 'show': expanded\n }\"\n :style=\"floatingStyles\"\n @blur=\"onBlur\"\n @click=\"onClickItem\"\n @mousedown.prevent>\n <slot />\n </DropdownMenu>\n </div>\n <slot\n v-if=\"dropleft\"\n name=\"button\"\n v-bind=\"{ expanded, onBlur, onClickToggle }\">\n <button\n type=\"button\"\n :class=\"buttonClasses\"\n aria-haspopup=\"true\"\n :aria-expanded=\"expanded\"\n @blur=\"onBlur\"\n @click=\"onClick\">\n {{ label }}\n </button>\n </slot>\n </div>\n</template>","<script setup lang=\"ts\">\nimport BtnDropdownSingle from './BtnDropdownSingle.vue';\nimport BtnDropdownSplit from './BtnDropdownSplit.vue';\nimport { BtnDropdownEvents, BtnDropdownProps } from './useDropdownHandler';\n\nconst props = withDefaults(defineProps<{\n split?: boolean\n} & BtnDropdownProps>(), {\n split: false,\n caret: true\n});\n\nconst emit = defineEmits<BtnDropdownEvents>();\n</script>\n\n<template>\n <Component\n :is=\"!split ? BtnDropdownSingle : BtnDropdownSplit\"\n v-bind=\"props\"\n @click=\"(e: MouseEvent) => emit('click', e)\"\n @click-toggle=\"(e: MouseEvent) => emit('clickToggle', e)\"\n @show=\"() => emit('show')\"\n @hide=\"() => emit('hide')\">\n <template #button=\"slot\">\n <slot\n name=\"button\"\n v-bind=\"slot\" />\n </template>\n <template #toggle=\"slot\">\n <slot\n name=\"toggle\"\n v-bind=\"slot\" />\n </template>\n <template #split=\"slot\">\n <slot\n name=\"split\"\n v-bind=\"slot\" />\n </template>\n <slot />\n </Component>\n</template>"],"names":["useDropdownHandler","props","emit","target","ref","menu","expanded","alignment","computed","side","placement","classes","buttonClasses","value","floatingStyles","update","useFloating","offset","flip","show","hide","toggle","isFocusable","element","nodes","i","onBlur","e","onClick","onClickToggle","onClickItem","watchEffect","__props","__emit","__expose","_createElementBlock","_normalizeClass","_unref","_renderSlot","_ctx","_normalizeProps","_guardReactiveProps","el","_createElementVNode","_cache","args","_hoisted_1","_createVNode","DropdownMenu","_hoisted_2","_hoisted_4","_createBlock","_resolveDynamicComponent","BtnDropdownSplit","BtnDropdownSingle","_mergeProps","_withCtx","slot"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"btn-dropdown.umd.cjs","sources":["../src/useDropdownHandler.ts","../src/BtnDropdownSingle.vue","../src/BtnDropdownSplit.vue","../src/BtnDropdown.vue"],"sourcesContent":["import { flip, offset, Placement, type Alignment, type Middleware, type OffsetOptions, type Side } from '@floating-ui/dom';\nimport { useFloating, UseFloatingReturn } from '@floating-ui/vue';\nimport { DropdownMenu } from '@vue-interface/dropdown-menu';\nimport { computed, ComputedRef, Ref, ref, watchEffect, type EmitFn, type HTMLAttributes } from 'vue';\n\ntype LiteralUnion<T extends U, U = string> = T | (U & Record<never, never>);\n\nexport type BtnGroupSizes = 'btn-group-xs'\n | 'btn-group-sm' \n | 'btn-group-md'\n | 'btn-group-lg'\n | 'btn-group-xl'\n | 'btn-group-2xl'\n | 'btn-group-3xl'\n | 'btn-group-4xl';\n\nexport type BtnDropdownProps = {\n align?: Alignment;\n block?: boolean;\n buttonClass?: HTMLAttributes['class'],\n caret?: boolean;\n dropup?: boolean;\n dropright?: boolean;\n dropleft?: boolean;\n label?: string;\n offset?: OffsetOptions,\n middleware?: Middleware[],\n side?: Side;\n size?: LiteralUnion<BtnGroupSizes>;\n split?: boolean;\n variant?: string;\n}\n\nexport type BtnDropdownEvents = {\n click: [event: MouseEvent];\n clickToggle: [event: MouseEvent];\n show: [],\n hide: []\n}\n\nexport type UseDropdownHandler = {\n target: Ref<HTMLElement|undefined>;\n menu: Ref<InstanceType<typeof DropdownMenu>|undefined>;\n alignment: ComputedRef<Alignment>;\n expanded: Ref<boolean>;\n floatingStyles: UseFloatingReturn['floatingStyles'];\n placement: ComputedRef<Placement>;\n side: ComputedRef<Side>;\n classes: ComputedRef<Record<string, boolean|undefined>>;\n buttonClasses: ComputedRef<Record<string, boolean>>;\n show: () => void;\n hide: () => void;\n toggle: () => void;\n onBlur: (e: FocusEvent) => void;\n onClick: (e: MouseEvent) => void;\n onClickToggle: (e: MouseEvent) => void;\n onClickItem: (e: PointerEvent) => void;\n}\n\nexport function useDropdownHandler(props: BtnDropdownProps, emit: EmitFn<BtnDropdownEvents>): UseDropdownHandler {\n const target = ref<HTMLElement>();\n const menu = ref<InstanceType<typeof DropdownMenu>>();\n const expanded = ref(false);\n\n const alignment = computed<Alignment>(() => props.align ?? 'start');\n\n const side = computed<Side>(() => {\n if(props.dropup) {\n return 'top';\n }\n\n if(props.dropleft) {\n return 'left';\n }\n\n if(props.dropright) {\n return 'right';\n }\n\n return 'bottom';\n });\n\n const placement = computed<Placement>(() => `${side.value}-${alignment.value}`);\n\n const classes = computed<Record<string,boolean|undefined>>(() => ({\n 'dropdown': props.dropup && props.dropright && props.dropleft,\n 'dropup': props.dropup,\n 'dropright': props.dropright,\n 'dropleft': props.dropleft,\n 'expanded': expanded.value,\n [props.size ?? '']: !!props.size,\n }));\n \n const buttonClasses = computed(() => {\n const classes = {\n btn: true,\n [props.variant ?? '']: !!props.variant,\n 'btn-block': !!props.block,\n 'no-caret': !props.caret\n };\n \n if(typeof props.buttonClass === 'string') {\n classes[props.buttonClass] = true;\n }\n else if(Array.isArray(props.buttonClass)) {\n for(const value of props.buttonClass) {\n classes[value] = true;\n }\n }\n else if(props.buttonClass) {\n Object.assign(classes, props.buttonClass);\n }\n\n return classes;\n });\n\n const { floatingStyles, update } = useFloating(target, menu, {\n placement: placement,\n middleware: props.middleware ?? [\n offset(props.offset ?? 5),\n flip()\n ]\n });\n\n function show() {\n expanded.value = true;\n\n if(!target.value || !menu.value) {\n return;\n }\n\n update();\n\n emit('show');\n }\n\n function hide() {\n expanded.value = false;\n\n target.value?.blur();\n\n emit('hide');\n }\n\n function toggle() {\n if(!expanded.value) {\n show();\n }\n else {\n hide();\n }\n }\n\n function isFocusable(element: HTMLElement) {\n const nodes = Array.from(menu.value?.$el.querySelectorAll('label, input, select, textarea') ?? []);\n\n for(const i in nodes) {\n if(element === nodes[i]) {\n return true;\n }\n }\n\n return false;\n }\n \n function onBlur(e: FocusEvent) {\n if(!(e.relatedTarget instanceof HTMLElement)) {\n hide();\n \n return;\n }\n \n if(menu.value && !menu.value?.$el.contains(e.relatedTarget) || !target.value?.contains(e.relatedTarget)) {\n hide();\n }\n }\n\n function onClick(e: MouseEvent) {\n emit('click', e);\n }\n\n function onClickToggle(e: MouseEvent) {\n e.target?.dispatchEvent(new Event('focus', e));\n \n emit('clickToggle', e);\n\n if(!e.defaultPrevented) {\n toggle();\n }\n }\n\n function onClickItem(e: PointerEvent) {\n if(!(e.target instanceof HTMLElement)) {\n hide();\n\n return;\n }\n\n if(!isFocusable(e.target) && !e.defaultPrevented) {\n hide();\n }\n }\n\n watchEffect(() => {\n if(expanded.value) {\n window.addEventListener('resize', update);\n }\n else {\n window.removeEventListener('resize', update);\n }\n });\n\n return {\n target,\n menu,\n alignment,\n expanded,\n floatingStyles,\n placement,\n side,\n classes,\n buttonClasses,\n show,\n hide,\n toggle,\n onBlur,\n onClick,\n onClickToggle,\n onClickItem\n };\n}","<script setup lang=\"ts\">\nimport { DropdownMenu } from '@vue-interface/dropdown-menu';\nimport { BtnDropdownEvents, BtnDropdownProps, useDropdownHandler } from './useDropdownHandler';\n\nconst props = withDefaults(defineProps<BtnDropdownProps>(), {\n caret: true,\n variant: 'btn-primary'\n});\n\nconst emit = defineEmits<BtnDropdownEvents>();\n\nconst {\n target,\n menu,\n buttonClasses,\n classes,\n expanded,\n floatingStyles,\n show,\n hide,\n toggle,\n onBlur,\n onClickToggle,\n onClickItem\n} = useDropdownHandler(props, emit);\n\ndefineExpose({\n show,\n hide,\n toggle,\n});\n</script>\n\n<template>\n <div\n class=\"btn-group\"\n :class=\"classes\">\n <slot\n name=\"button\"\n v-bind=\"{ target: (el: HTMLElement) => target = el, expanded, onBlur, onClickToggle }\">\n <button\n ref=\"target\"\n type=\"button\"\n :class=\"{...buttonClasses, ['dropdown-toggle']: true}\"\n aria-haspopup=\"true\"\n :aria-expanded=\"expanded\"\n @blur=\"onBlur\"\n @click=\"onClickToggle\">\n {{ label }}\n </button>\n </slot>\n <DropdownMenu\n ref=\"menu\"\n :class=\"{\n 'show': expanded\n }\"\n :style=\"floatingStyles\"\n @blur=\"onBlur\"\n @click=\"onClickItem\"\n @mousedown.prevent>\n <slot />\n </DropdownMenu>\n </div>\n</template>","<script setup lang=\"ts\">\nimport { DropdownMenu } from '@vue-interface/dropdown-menu';\nimport { BtnDropdownEvents, BtnDropdownProps, useDropdownHandler } from './useDropdownHandler';\n\nconst props = withDefaults(defineProps<BtnDropdownProps>(), {\n caret: true,\n variant: 'btn-primary'\n});\n\nconst emit = defineEmits<BtnDropdownEvents>();\n\nconst {\n target,\n menu,\n buttonClasses,\n classes,\n expanded,\n floatingStyles,\n show,\n hide,\n toggle,\n onBlur,\n onClickToggle,\n onClickItem\n} = useDropdownHandler(props, emit);\n\ndefineExpose({\n show,\n hide,\n toggle,\n});\n</script>\n\n<template>\n <div\n class=\"btn-group btn-dropdown-split\"\n :class=\"classes\">\n <slot\n v-if=\"!dropleft\"\n name=\"button\"\n v-bind=\"{ expanded, onBlur, onClickToggle }\">\n <button\n type=\"button\"\n :class=\"buttonClasses\"\n aria-haspopup=\"true\"\n :aria-expanded=\"expanded\"\n @blur=\"onBlur\"\n @click=\"onClick\">\n {{ label }}\n </button>\n </slot>\n <div class=\"btn-group\">\n <slot\n name=\"toggle\"\n v-bind=\"{ target: (el: HTMLElement) => target = el, expanded, onBlur, onClickToggle }\">\n <button\n ref=\"target\"\n type=\"button\"\n aria-haspopup=\"true\"\n :aria-expanded=\"expanded\"\n :class=\"{...buttonClasses, 'dropdown-toggle': true, 'dropdown-toggle-split': split}\"\n @blur=\"onBlur\"\n @click=\"onClickToggle\" />\n </slot>\n <DropdownMenu\n ref=\"menu\"\n :class=\"{\n 'show': expanded\n }\"\n :style=\"floatingStyles\"\n @blur=\"onBlur\"\n @click=\"onClickItem\"\n @mousedown.prevent>\n <slot />\n </DropdownMenu>\n </div>\n <slot\n v-if=\"dropleft\"\n name=\"button\"\n v-bind=\"{ expanded, onBlur, onClickToggle }\">\n <button\n type=\"button\"\n :class=\"buttonClasses\"\n aria-haspopup=\"true\"\n :aria-expanded=\"expanded\"\n @blur=\"onBlur\"\n @click=\"onClick\">\n {{ label }}\n </button>\n </slot>\n </div>\n</template>","<script setup lang=\"ts\">\nimport { useTemplateRef } from 'vue';\nimport { type ComponentExposed } from 'vue-component-type-helpers';\nimport BtnDropdownSingle from './BtnDropdownSingle.vue';\nimport BtnDropdownSplit from './BtnDropdownSplit.vue';\nimport { BtnDropdownEvents, BtnDropdownProps } from './useDropdownHandler';\n\nconst props = withDefaults(defineProps<{\n split?: boolean\n} & BtnDropdownProps>(), {\n split: false,\n caret: true\n});\n\nconst emit = defineEmits<BtnDropdownEvents>();\n\nconst el = useTemplateRef<ComponentExposed<typeof BtnDropdownSingle | typeof BtnDropdownSplit>>('el');\n\ndefineExpose({\n hide: () => el.value?.hide(),\n show: () => el.value?.show(),\n toggle: () => el.value?.toggle(),\n});\n</script>\n\n<template>\n <Component\n ref=\"el\"\n :is=\"!split ? BtnDropdownSingle : BtnDropdownSplit\"\n v-bind=\"props\"\n @click=\"(e: MouseEvent) => emit('click', e)\"\n @click-toggle=\"(e: MouseEvent) => emit('clickToggle', e)\"\n @show=\"() => emit('show')\"\n @hide=\"() => emit('hide')\">\n <template #button=\"slot\">\n <slot\n name=\"button\"\n v-bind=\"slot\" />\n </template>\n <template #toggle=\"slot\">\n <slot\n name=\"toggle\"\n v-bind=\"slot\" />\n </template>\n <template #split=\"slot\">\n <slot\n name=\"split\"\n v-bind=\"slot\" />\n </template>\n <slot />\n </Component>\n</template>"],"names":["useDropdownHandler","props","emit","target","ref","menu","expanded","alignment","computed","side","placement","classes","buttonClasses","value","floatingStyles","update","useFloating","offset","flip","show","hide","toggle","isFocusable","element","nodes","i","onBlur","e","onClick","onClickToggle","onClickItem","watchEffect","__props","__emit","__expose","_createElementBlock","_normalizeClass","_unref","_renderSlot","_ctx","_normalizeProps","_guardReactiveProps","el","_createElementVNode","_cache","args","_hoisted_1","_createVNode","DropdownMenu","_hoisted_2","_hoisted_4","useTemplateRef","_openBlock","_createBlock","_resolveDynamicComponent","BtnDropdownSplit","BtnDropdownSingle","_mergeProps","_withCtx","slot"],"mappings":"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"}
|
|
@@ -15,11 +15,171 @@ declare function __VLS_template(): {
|
|
|
15
15
|
split?(_: any): any;
|
|
16
16
|
default?(_: {}): any;
|
|
17
17
|
};
|
|
18
|
-
refs: {
|
|
18
|
+
refs: {
|
|
19
|
+
el: ({
|
|
20
|
+
$: import('vue').ComponentInternalInstance;
|
|
21
|
+
$data: {};
|
|
22
|
+
$props: {
|
|
23
|
+
readonly align?: import('@floating-ui/dom').Alignment | undefined;
|
|
24
|
+
readonly block?: boolean | undefined;
|
|
25
|
+
readonly buttonClass?: import('vue').HTMLAttributes["class"];
|
|
26
|
+
readonly caret?: boolean | undefined;
|
|
27
|
+
readonly dropup?: boolean | undefined;
|
|
28
|
+
readonly dropright?: boolean | undefined;
|
|
29
|
+
readonly dropleft?: boolean | undefined;
|
|
30
|
+
readonly label?: string | undefined;
|
|
31
|
+
readonly offset?: import('@floating-ui/dom').OffsetOptions | undefined;
|
|
32
|
+
readonly middleware?: import('@floating-ui/dom').Middleware[] | undefined;
|
|
33
|
+
readonly side?: import('@floating-ui/dom').Side | undefined;
|
|
34
|
+
readonly size?: (import('./useDropdownHandler').BtnGroupSizes | (string & Record<never, never>)) | undefined;
|
|
35
|
+
readonly split?: boolean | undefined;
|
|
36
|
+
readonly variant?: string | undefined;
|
|
37
|
+
readonly onShow?: (() => any) | undefined;
|
|
38
|
+
readonly onClick?: ((event: MouseEvent) => any) | undefined;
|
|
39
|
+
readonly onClickToggle?: ((event: MouseEvent) => any) | undefined;
|
|
40
|
+
readonly onHide?: (() => any) | undefined;
|
|
41
|
+
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
42
|
+
$attrs: {
|
|
43
|
+
[x: string]: unknown;
|
|
44
|
+
};
|
|
45
|
+
$refs: {
|
|
46
|
+
[x: string]: unknown;
|
|
47
|
+
} & {
|
|
48
|
+
target: HTMLButtonElement;
|
|
49
|
+
menu: ({
|
|
50
|
+
$: import('vue').ComponentInternalInstance;
|
|
51
|
+
$data: {};
|
|
52
|
+
$props: {
|
|
53
|
+
readonly align?: "left" | "right" | undefined;
|
|
54
|
+
readonly show?: boolean | undefined;
|
|
55
|
+
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
56
|
+
$attrs: {
|
|
57
|
+
[x: string]: unknown;
|
|
58
|
+
};
|
|
59
|
+
$refs: {
|
|
60
|
+
[x: string]: unknown;
|
|
61
|
+
};
|
|
62
|
+
$slots: Readonly<{
|
|
63
|
+
[name: string]: import('vue').Slot<any> | undefined;
|
|
64
|
+
}>;
|
|
65
|
+
$root: import('vue').ComponentPublicInstance | null;
|
|
66
|
+
$parent: import('vue').ComponentPublicInstance | null;
|
|
67
|
+
$host: Element | null;
|
|
68
|
+
$emit: (event: string, ...args: any[]) => void;
|
|
69
|
+
$el: HTMLDivElement;
|
|
70
|
+
$options: import('vue').ComponentOptionsBase<Readonly<{
|
|
71
|
+
align?: "left" | "right";
|
|
72
|
+
show?: boolean;
|
|
73
|
+
}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
|
|
74
|
+
align: "left" | "right";
|
|
75
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
76
|
+
beforeCreate?: (() => void) | (() => void)[];
|
|
77
|
+
created?: (() => void) | (() => void)[];
|
|
78
|
+
beforeMount?: (() => void) | (() => void)[];
|
|
79
|
+
mounted?: (() => void) | (() => void)[];
|
|
80
|
+
beforeUpdate?: (() => void) | (() => void)[];
|
|
81
|
+
updated?: (() => void) | (() => void)[];
|
|
82
|
+
activated?: (() => void) | (() => void)[];
|
|
83
|
+
deactivated?: (() => void) | (() => void)[];
|
|
84
|
+
beforeDestroy?: (() => void) | (() => void)[];
|
|
85
|
+
beforeUnmount?: (() => void) | (() => void)[];
|
|
86
|
+
destroyed?: (() => void) | (() => void)[];
|
|
87
|
+
unmounted?: (() => void) | (() => void)[];
|
|
88
|
+
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
|
|
89
|
+
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
|
|
90
|
+
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
|
|
91
|
+
};
|
|
92
|
+
$forceUpdate: () => void;
|
|
93
|
+
$nextTick: typeof import('vue').nextTick;
|
|
94
|
+
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
|
|
95
|
+
} & Readonly<{
|
|
96
|
+
align: "left" | "right";
|
|
97
|
+
}> & Omit<Readonly<{
|
|
98
|
+
align?: "left" | "right";
|
|
99
|
+
show?: boolean;
|
|
100
|
+
}> & Readonly<{}>, "align"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
101
|
+
$slots: {
|
|
102
|
+
default?(_: {}): any;
|
|
103
|
+
};
|
|
104
|
+
}) | null;
|
|
105
|
+
};
|
|
106
|
+
$slots: Readonly<{
|
|
107
|
+
[name: string]: import('vue').Slot<any> | undefined;
|
|
108
|
+
}>;
|
|
109
|
+
$root: import('vue').ComponentPublicInstance | null;
|
|
110
|
+
$parent: import('vue').ComponentPublicInstance | null;
|
|
111
|
+
$host: Element | null;
|
|
112
|
+
$emit: ((event: "show") => void) & ((event: "click", event: MouseEvent) => void) & ((event: "clickToggle", event: MouseEvent) => void) & ((event: "hide") => void);
|
|
113
|
+
$el: HTMLDivElement;
|
|
114
|
+
$options: import('vue').ComponentOptionsBase<Readonly<BtnDropdownProps> & Readonly<{
|
|
115
|
+
onShow?: (() => any) | undefined;
|
|
116
|
+
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
117
|
+
onClickToggle?: ((event: MouseEvent) => any) | undefined;
|
|
118
|
+
onHide?: (() => any) | undefined;
|
|
119
|
+
}>, {
|
|
120
|
+
show: () => void;
|
|
121
|
+
hide: () => void;
|
|
122
|
+
toggle: () => void;
|
|
123
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
124
|
+
show: () => any;
|
|
125
|
+
click: (event: MouseEvent) => any;
|
|
126
|
+
clickToggle: (event: MouseEvent) => any;
|
|
127
|
+
hide: () => any;
|
|
128
|
+
}, string, {
|
|
129
|
+
caret: boolean;
|
|
130
|
+
variant: string;
|
|
131
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
132
|
+
beforeCreate?: (() => void) | (() => void)[];
|
|
133
|
+
created?: (() => void) | (() => void)[];
|
|
134
|
+
beforeMount?: (() => void) | (() => void)[];
|
|
135
|
+
mounted?: (() => void) | (() => void)[];
|
|
136
|
+
beforeUpdate?: (() => void) | (() => void)[];
|
|
137
|
+
updated?: (() => void) | (() => void)[];
|
|
138
|
+
activated?: (() => void) | (() => void)[];
|
|
139
|
+
deactivated?: (() => void) | (() => void)[];
|
|
140
|
+
beforeDestroy?: (() => void) | (() => void)[];
|
|
141
|
+
beforeUnmount?: (() => void) | (() => void)[];
|
|
142
|
+
destroyed?: (() => void) | (() => void)[];
|
|
143
|
+
unmounted?: (() => void) | (() => void)[];
|
|
144
|
+
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
|
|
145
|
+
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
|
|
146
|
+
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
|
|
147
|
+
};
|
|
148
|
+
$forceUpdate: () => void;
|
|
149
|
+
$nextTick: typeof import('vue').nextTick;
|
|
150
|
+
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
|
|
151
|
+
} & Readonly<{
|
|
152
|
+
caret: boolean;
|
|
153
|
+
variant: string;
|
|
154
|
+
}> & Omit<Readonly<BtnDropdownProps> & Readonly<{
|
|
155
|
+
onShow?: (() => any) | undefined;
|
|
156
|
+
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
157
|
+
onClickToggle?: ((event: MouseEvent) => any) | undefined;
|
|
158
|
+
onHide?: (() => any) | undefined;
|
|
159
|
+
}>, "show" | "hide" | "toggle" | ("caret" | "variant")> & import('vue').ShallowUnwrapRef<{
|
|
160
|
+
show: () => void;
|
|
161
|
+
hide: () => void;
|
|
162
|
+
toggle: () => void;
|
|
163
|
+
}> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
164
|
+
$slots: {
|
|
165
|
+
button?(_: {
|
|
166
|
+
target: (el: HTMLElement) => HTMLElement;
|
|
167
|
+
expanded: boolean;
|
|
168
|
+
onBlur: (e: FocusEvent) => void;
|
|
169
|
+
onClickToggle: (e: MouseEvent) => void;
|
|
170
|
+
}): any;
|
|
171
|
+
default?(_: {}): any;
|
|
172
|
+
};
|
|
173
|
+
}) | null;
|
|
174
|
+
};
|
|
19
175
|
rootEl: HTMLDivElement;
|
|
20
176
|
};
|
|
21
177
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
22
|
-
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
|
|
178
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
|
|
179
|
+
hide: () => void | undefined;
|
|
180
|
+
show: () => void | undefined;
|
|
181
|
+
toggle: () => void | undefined;
|
|
182
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
23
183
|
show: () => any;
|
|
24
184
|
click: (event: MouseEvent) => any;
|
|
25
185
|
clickToggle: (event: MouseEvent) => any;
|
|
@@ -32,7 +192,163 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
32
192
|
}>, {
|
|
33
193
|
split: boolean;
|
|
34
194
|
caret: boolean;
|
|
35
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
195
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
196
|
+
el: ({
|
|
197
|
+
$: import('vue').ComponentInternalInstance;
|
|
198
|
+
$data: {};
|
|
199
|
+
$props: {
|
|
200
|
+
readonly align?: import('@floating-ui/dom').Alignment | undefined;
|
|
201
|
+
readonly block?: boolean | undefined;
|
|
202
|
+
readonly buttonClass?: import('vue').HTMLAttributes["class"];
|
|
203
|
+
readonly caret?: boolean | undefined;
|
|
204
|
+
readonly dropup?: boolean | undefined;
|
|
205
|
+
readonly dropright?: boolean | undefined;
|
|
206
|
+
readonly dropleft?: boolean | undefined;
|
|
207
|
+
readonly label?: string | undefined;
|
|
208
|
+
readonly offset?: import('@floating-ui/dom').OffsetOptions | undefined;
|
|
209
|
+
readonly middleware?: import('@floating-ui/dom').Middleware[] | undefined;
|
|
210
|
+
readonly side?: import('@floating-ui/dom').Side | undefined;
|
|
211
|
+
readonly size?: (import('./useDropdownHandler').BtnGroupSizes | (string & Record<never, never>)) | undefined;
|
|
212
|
+
readonly split?: boolean | undefined;
|
|
213
|
+
readonly variant?: string | undefined;
|
|
214
|
+
readonly onShow?: (() => any) | undefined;
|
|
215
|
+
readonly onClick?: ((event: MouseEvent) => any) | undefined;
|
|
216
|
+
readonly onClickToggle?: ((event: MouseEvent) => any) | undefined;
|
|
217
|
+
readonly onHide?: (() => any) | undefined;
|
|
218
|
+
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
219
|
+
$attrs: {
|
|
220
|
+
[x: string]: unknown;
|
|
221
|
+
};
|
|
222
|
+
$refs: {
|
|
223
|
+
[x: string]: unknown;
|
|
224
|
+
} & {
|
|
225
|
+
target: HTMLButtonElement;
|
|
226
|
+
menu: ({
|
|
227
|
+
$: import('vue').ComponentInternalInstance;
|
|
228
|
+
$data: {};
|
|
229
|
+
$props: {
|
|
230
|
+
readonly align?: "left" | "right" | undefined;
|
|
231
|
+
readonly show?: boolean | undefined;
|
|
232
|
+
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
233
|
+
$attrs: {
|
|
234
|
+
[x: string]: unknown;
|
|
235
|
+
};
|
|
236
|
+
$refs: {
|
|
237
|
+
[x: string]: unknown;
|
|
238
|
+
};
|
|
239
|
+
$slots: Readonly<{
|
|
240
|
+
[name: string]: import('vue').Slot<any> | undefined;
|
|
241
|
+
}>;
|
|
242
|
+
$root: import('vue').ComponentPublicInstance | null;
|
|
243
|
+
$parent: import('vue').ComponentPublicInstance | null;
|
|
244
|
+
$host: Element | null;
|
|
245
|
+
$emit: (event: string, ...args: any[]) => void;
|
|
246
|
+
$el: HTMLDivElement;
|
|
247
|
+
$options: import('vue').ComponentOptionsBase<Readonly<{
|
|
248
|
+
align?: "left" | "right";
|
|
249
|
+
show?: boolean;
|
|
250
|
+
}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
|
|
251
|
+
align: "left" | "right";
|
|
252
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
253
|
+
beforeCreate?: (() => void) | (() => void)[];
|
|
254
|
+
created?: (() => void) | (() => void)[];
|
|
255
|
+
beforeMount?: (() => void) | (() => void)[];
|
|
256
|
+
mounted?: (() => void) | (() => void)[];
|
|
257
|
+
beforeUpdate?: (() => void) | (() => void)[];
|
|
258
|
+
updated?: (() => void) | (() => void)[];
|
|
259
|
+
activated?: (() => void) | (() => void)[];
|
|
260
|
+
deactivated?: (() => void) | (() => void)[];
|
|
261
|
+
beforeDestroy?: (() => void) | (() => void)[];
|
|
262
|
+
beforeUnmount?: (() => void) | (() => void)[];
|
|
263
|
+
destroyed?: (() => void) | (() => void)[];
|
|
264
|
+
unmounted?: (() => void) | (() => void)[];
|
|
265
|
+
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
|
|
266
|
+
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
|
|
267
|
+
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
|
|
268
|
+
};
|
|
269
|
+
$forceUpdate: () => void;
|
|
270
|
+
$nextTick: typeof import('vue').nextTick;
|
|
271
|
+
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
|
|
272
|
+
} & Readonly<{
|
|
273
|
+
align: "left" | "right";
|
|
274
|
+
}> & Omit<Readonly<{
|
|
275
|
+
align?: "left" | "right";
|
|
276
|
+
show?: boolean;
|
|
277
|
+
}> & Readonly<{}>, "align"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
278
|
+
$slots: {
|
|
279
|
+
default?(_: {}): any;
|
|
280
|
+
};
|
|
281
|
+
}) | null;
|
|
282
|
+
};
|
|
283
|
+
$slots: Readonly<{
|
|
284
|
+
[name: string]: import('vue').Slot<any> | undefined;
|
|
285
|
+
}>;
|
|
286
|
+
$root: import('vue').ComponentPublicInstance | null;
|
|
287
|
+
$parent: import('vue').ComponentPublicInstance | null;
|
|
288
|
+
$host: Element | null;
|
|
289
|
+
$emit: ((event: "show") => void) & ((event: "click", event: MouseEvent) => void) & ((event: "clickToggle", event: MouseEvent) => void) & ((event: "hide") => void);
|
|
290
|
+
$el: HTMLDivElement;
|
|
291
|
+
$options: import('vue').ComponentOptionsBase<Readonly<BtnDropdownProps> & Readonly<{
|
|
292
|
+
onShow?: (() => any) | undefined;
|
|
293
|
+
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
294
|
+
onClickToggle?: ((event: MouseEvent) => any) | undefined;
|
|
295
|
+
onHide?: (() => any) | undefined;
|
|
296
|
+
}>, {
|
|
297
|
+
show: () => void;
|
|
298
|
+
hide: () => void;
|
|
299
|
+
toggle: () => void;
|
|
300
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
301
|
+
show: () => any;
|
|
302
|
+
click: (event: MouseEvent) => any;
|
|
303
|
+
clickToggle: (event: MouseEvent) => any;
|
|
304
|
+
hide: () => any;
|
|
305
|
+
}, string, {
|
|
306
|
+
caret: boolean;
|
|
307
|
+
variant: string;
|
|
308
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
309
|
+
beforeCreate?: (() => void) | (() => void)[];
|
|
310
|
+
created?: (() => void) | (() => void)[];
|
|
311
|
+
beforeMount?: (() => void) | (() => void)[];
|
|
312
|
+
mounted?: (() => void) | (() => void)[];
|
|
313
|
+
beforeUpdate?: (() => void) | (() => void)[];
|
|
314
|
+
updated?: (() => void) | (() => void)[];
|
|
315
|
+
activated?: (() => void) | (() => void)[];
|
|
316
|
+
deactivated?: (() => void) | (() => void)[];
|
|
317
|
+
beforeDestroy?: (() => void) | (() => void)[];
|
|
318
|
+
beforeUnmount?: (() => void) | (() => void)[];
|
|
319
|
+
destroyed?: (() => void) | (() => void)[];
|
|
320
|
+
unmounted?: (() => void) | (() => void)[];
|
|
321
|
+
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
|
|
322
|
+
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
|
|
323
|
+
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
|
|
324
|
+
};
|
|
325
|
+
$forceUpdate: () => void;
|
|
326
|
+
$nextTick: typeof import('vue').nextTick;
|
|
327
|
+
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
|
|
328
|
+
} & Readonly<{
|
|
329
|
+
caret: boolean;
|
|
330
|
+
variant: string;
|
|
331
|
+
}> & Omit<Readonly<BtnDropdownProps> & Readonly<{
|
|
332
|
+
onShow?: (() => any) | undefined;
|
|
333
|
+
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
334
|
+
onClickToggle?: ((event: MouseEvent) => any) | undefined;
|
|
335
|
+
onHide?: (() => any) | undefined;
|
|
336
|
+
}>, "show" | "hide" | "toggle" | ("caret" | "variant")> & import('vue').ShallowUnwrapRef<{
|
|
337
|
+
show: () => void;
|
|
338
|
+
hide: () => void;
|
|
339
|
+
toggle: () => void;
|
|
340
|
+
}> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
341
|
+
$slots: {
|
|
342
|
+
button?(_: {
|
|
343
|
+
target: (el: HTMLElement) => HTMLElement;
|
|
344
|
+
expanded: boolean;
|
|
345
|
+
onBlur: (e: FocusEvent) => void;
|
|
346
|
+
onClickToggle: (e: MouseEvent) => void;
|
|
347
|
+
}): any;
|
|
348
|
+
default?(_: {}): any;
|
|
349
|
+
};
|
|
350
|
+
}) | null;
|
|
351
|
+
}, HTMLDivElement>;
|
|
36
352
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
37
353
|
export default _default;
|
|
38
354
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -0,0 +1,157 @@
|
|
|
1
|
+
import { BtnDropdownProps } from './useDropdownHandler';
|
|
2
|
+
declare function __VLS_template(): {
|
|
3
|
+
attrs: Partial<{}>;
|
|
4
|
+
slots: {
|
|
5
|
+
button?(_: {
|
|
6
|
+
target: (el: HTMLElement) => HTMLElement;
|
|
7
|
+
expanded: boolean;
|
|
8
|
+
onBlur: (e: FocusEvent) => void;
|
|
9
|
+
onClickToggle: (e: MouseEvent) => void;
|
|
10
|
+
}): any;
|
|
11
|
+
default?(_: {}): any;
|
|
12
|
+
};
|
|
13
|
+
refs: {
|
|
14
|
+
target: HTMLButtonElement;
|
|
15
|
+
menu: ({
|
|
16
|
+
$: import('vue').ComponentInternalInstance;
|
|
17
|
+
$data: {};
|
|
18
|
+
$props: {
|
|
19
|
+
readonly align?: "left" | "right" | undefined;
|
|
20
|
+
readonly show?: boolean | undefined;
|
|
21
|
+
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
22
|
+
$attrs: {
|
|
23
|
+
[x: string]: unknown;
|
|
24
|
+
};
|
|
25
|
+
$refs: {
|
|
26
|
+
[x: string]: unknown;
|
|
27
|
+
};
|
|
28
|
+
$slots: Readonly<{
|
|
29
|
+
[name: string]: import('vue').Slot<any> | undefined;
|
|
30
|
+
}>;
|
|
31
|
+
$root: import('vue').ComponentPublicInstance | null;
|
|
32
|
+
$parent: import('vue').ComponentPublicInstance | null;
|
|
33
|
+
$host: Element | null;
|
|
34
|
+
$emit: (event: string, ...args: any[]) => void;
|
|
35
|
+
$el: HTMLDivElement;
|
|
36
|
+
$options: import('vue').ComponentOptionsBase<Readonly<{
|
|
37
|
+
align?: "left" | "right";
|
|
38
|
+
show?: boolean;
|
|
39
|
+
}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
|
|
40
|
+
align: "left" | "right";
|
|
41
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
42
|
+
beforeCreate?: (() => void) | (() => void)[];
|
|
43
|
+
created?: (() => void) | (() => void)[];
|
|
44
|
+
beforeMount?: (() => void) | (() => void)[];
|
|
45
|
+
mounted?: (() => void) | (() => void)[];
|
|
46
|
+
beforeUpdate?: (() => void) | (() => void)[];
|
|
47
|
+
updated?: (() => void) | (() => void)[];
|
|
48
|
+
activated?: (() => void) | (() => void)[];
|
|
49
|
+
deactivated?: (() => void) | (() => void)[];
|
|
50
|
+
beforeDestroy?: (() => void) | (() => void)[];
|
|
51
|
+
beforeUnmount?: (() => void) | (() => void)[];
|
|
52
|
+
destroyed?: (() => void) | (() => void)[];
|
|
53
|
+
unmounted?: (() => void) | (() => void)[];
|
|
54
|
+
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
|
|
55
|
+
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
|
|
56
|
+
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
|
|
57
|
+
};
|
|
58
|
+
$forceUpdate: () => void;
|
|
59
|
+
$nextTick: typeof import('vue').nextTick;
|
|
60
|
+
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
|
|
61
|
+
} & Readonly<{
|
|
62
|
+
align: "left" | "right";
|
|
63
|
+
}> & Omit<Readonly<{
|
|
64
|
+
align?: "left" | "right";
|
|
65
|
+
show?: boolean;
|
|
66
|
+
}> & Readonly<{}>, "align"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
67
|
+
$slots: {
|
|
68
|
+
default?(_: {}): any;
|
|
69
|
+
};
|
|
70
|
+
}) | null;
|
|
71
|
+
};
|
|
72
|
+
rootEl: HTMLDivElement;
|
|
73
|
+
};
|
|
74
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
75
|
+
declare const __VLS_component: import('vue').DefineComponent<BtnDropdownProps, {
|
|
76
|
+
show: () => void;
|
|
77
|
+
hide: () => void;
|
|
78
|
+
toggle: () => void;
|
|
79
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
80
|
+
show: () => any;
|
|
81
|
+
click: (event: MouseEvent) => any;
|
|
82
|
+
clickToggle: (event: MouseEvent) => any;
|
|
83
|
+
hide: () => any;
|
|
84
|
+
}, string, import('vue').PublicProps, Readonly<BtnDropdownProps> & Readonly<{
|
|
85
|
+
onShow?: (() => any) | undefined;
|
|
86
|
+
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
87
|
+
onClickToggle?: ((event: MouseEvent) => any) | undefined;
|
|
88
|
+
onHide?: (() => any) | undefined;
|
|
89
|
+
}>, {
|
|
90
|
+
caret: boolean;
|
|
91
|
+
variant: string;
|
|
92
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
93
|
+
target: HTMLButtonElement;
|
|
94
|
+
menu: ({
|
|
95
|
+
$: import('vue').ComponentInternalInstance;
|
|
96
|
+
$data: {};
|
|
97
|
+
$props: {
|
|
98
|
+
readonly align?: "left" | "right" | undefined;
|
|
99
|
+
readonly show?: boolean | undefined;
|
|
100
|
+
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
101
|
+
$attrs: {
|
|
102
|
+
[x: string]: unknown;
|
|
103
|
+
};
|
|
104
|
+
$refs: {
|
|
105
|
+
[x: string]: unknown;
|
|
106
|
+
};
|
|
107
|
+
$slots: Readonly<{
|
|
108
|
+
[name: string]: import('vue').Slot<any> | undefined;
|
|
109
|
+
}>;
|
|
110
|
+
$root: import('vue').ComponentPublicInstance | null;
|
|
111
|
+
$parent: import('vue').ComponentPublicInstance | null;
|
|
112
|
+
$host: Element | null;
|
|
113
|
+
$emit: (event: string, ...args: any[]) => void;
|
|
114
|
+
$el: HTMLDivElement;
|
|
115
|
+
$options: import('vue').ComponentOptionsBase<Readonly<{
|
|
116
|
+
align?: "left" | "right";
|
|
117
|
+
show?: boolean;
|
|
118
|
+
}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
|
|
119
|
+
align: "left" | "right";
|
|
120
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
121
|
+
beforeCreate?: (() => void) | (() => void)[];
|
|
122
|
+
created?: (() => void) | (() => void)[];
|
|
123
|
+
beforeMount?: (() => void) | (() => void)[];
|
|
124
|
+
mounted?: (() => void) | (() => void)[];
|
|
125
|
+
beforeUpdate?: (() => void) | (() => void)[];
|
|
126
|
+
updated?: (() => void) | (() => void)[];
|
|
127
|
+
activated?: (() => void) | (() => void)[];
|
|
128
|
+
deactivated?: (() => void) | (() => void)[];
|
|
129
|
+
beforeDestroy?: (() => void) | (() => void)[];
|
|
130
|
+
beforeUnmount?: (() => void) | (() => void)[];
|
|
131
|
+
destroyed?: (() => void) | (() => void)[];
|
|
132
|
+
unmounted?: (() => void) | (() => void)[];
|
|
133
|
+
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
|
|
134
|
+
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
|
|
135
|
+
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
|
|
136
|
+
};
|
|
137
|
+
$forceUpdate: () => void;
|
|
138
|
+
$nextTick: typeof import('vue').nextTick;
|
|
139
|
+
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
|
|
140
|
+
} & Readonly<{
|
|
141
|
+
align: "left" | "right";
|
|
142
|
+
}> & Omit<Readonly<{
|
|
143
|
+
align?: "left" | "right";
|
|
144
|
+
show?: boolean;
|
|
145
|
+
}> & Readonly<{}>, "align"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
146
|
+
$slots: {
|
|
147
|
+
default?(_: {}): any;
|
|
148
|
+
};
|
|
149
|
+
}) | null;
|
|
150
|
+
}, HTMLDivElement>;
|
|
151
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
152
|
+
export default _default;
|
|
153
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
154
|
+
new (): {
|
|
155
|
+
$slots: S;
|
|
156
|
+
};
|
|
157
|
+
};
|