init component
This commit is contained in:
62
node_modules/buetify/lib/components/accordion/BAccordion.d.ts
generated
vendored
Executable file
62
node_modules/buetify/lib/components/accordion/BAccordion.d.ts
generated
vendored
Executable file
@@ -0,0 +1,62 @@
|
||||
import 'bulma/sass/components/card.sass';
|
||||
import '../../sass/helpers/animations.sass';
|
||||
import './accordion.sass';
|
||||
export declare const ACCORDION_CONTENT_THEME_MAP: {
|
||||
dark: string;
|
||||
light: string;
|
||||
};
|
||||
declare const _default: import("vue").DefineComponent<{
|
||||
themeMap: {
|
||||
type: import("vue").PropType<import("../..").ThemeColorMap>;
|
||||
required: boolean;
|
||||
default: import("fp-ts/lib/function").Lazy<import("../..").ThemeColorMap>;
|
||||
};
|
||||
isThemeable: {
|
||||
type: import("vue").PropType<boolean>;
|
||||
required: boolean;
|
||||
default: boolean;
|
||||
};
|
||||
transition: {
|
||||
type: import("vue").PropType<import("../../types/Transition").Transition>;
|
||||
default: import("fp-ts/lib/function").Lazy<import("../../types/Transition").Transition>;
|
||||
};
|
||||
onToggle: {
|
||||
type: import("vue").PropType<import("fp-ts/lib/function").FunctionN<[boolean], void>>;
|
||||
required: false;
|
||||
};
|
||||
onSetOn: {
|
||||
type: import("vue").PropType<import("fp-ts/lib/IO").IO<void>>;
|
||||
required: false;
|
||||
};
|
||||
onSetOff: {
|
||||
type: import("vue").PropType<import("fp-ts/lib/IO").IO<void>>;
|
||||
required: false;
|
||||
};
|
||||
isExpanded: {
|
||||
type: import("vue").PropType<boolean>;
|
||||
default: boolean;
|
||||
};
|
||||
hasPopup: {
|
||||
type: import("vue").PropType<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;
|
||||
hasPopup: boolean;
|
||||
transition: import("../../types/Transition").Transition;
|
||||
isExpanded: boolean;
|
||||
} & {
|
||||
onToggle?: import("fp-ts/lib/function").FunctionN<[boolean], void> | undefined;
|
||||
onSetOn?: import("fp-ts/lib/IO").IO<void> | undefined;
|
||||
onSetOff?: import("fp-ts/lib/IO").IO<void> | undefined;
|
||||
}>, {
|
||||
isThemeable: boolean;
|
||||
themeMap: import("../..").ThemeColorMap;
|
||||
hasPopup: boolean;
|
||||
transition: import("../../types/Transition").Transition;
|
||||
isExpanded: boolean;
|
||||
}>;
|
||||
export default _default;
|
||||
75
node_modules/buetify/lib/components/accordion/BAccordion.js
generated
vendored
Executable file
75
node_modules/buetify/lib/components/accordion/BAccordion.js
generated
vendored
Executable file
@@ -0,0 +1,75 @@
|
||||
import 'bulma/sass/components/card.sass';
|
||||
import "../../../src/sass/helpers/animations.sass";
|
||||
import "../../../src/components/accordion/accordion.sass";
|
||||
import { defineComponent, h, vShow, withDirectives, Transition } from 'vue';
|
||||
import { DefaultThemePropsDefinition, useTheme } from '../../composables/theme';
|
||||
import { getUseTogglePropsDefinition, useToggle } from '../../composables/toggle';
|
||||
import { FadeTransitionPropsDefinition, useTransition } from '../../composables/transition';
|
||||
import { getThemeableFunctionalComponent } from '../../utils/getThemeableFunctionalComponent';
|
||||
import VerticalExpansionIcon from '../icons/verticalExpansion/VerticalExpansionIcon';
|
||||
|
||||
function generateTitle(slots) {
|
||||
return h('h1', {
|
||||
class: 'card-header-title'
|
||||
}, slots.title && slots.title());
|
||||
}
|
||||
|
||||
function generateTriggerButton(toggle, slots) {
|
||||
return h('button', {
|
||||
class: 'card-header-icon',
|
||||
...toggle.listeners,
|
||||
...toggle.attrs.value,
|
||||
onClick: e => {
|
||||
e.stopPropagation();
|
||||
toggle.toggle();
|
||||
}
|
||||
}, slots.trigger ? slots.trigger({
|
||||
isExpanded: toggle.isOn.value
|
||||
}) : h(VerticalExpansionIcon, {
|
||||
isExpanded: toggle.isOn.value
|
||||
}));
|
||||
}
|
||||
|
||||
function generateHeader(toggle, slots) {
|
||||
return h('header', {
|
||||
class: 'card-header',
|
||||
onClick: toggle.toggle
|
||||
}, [generateTitle(slots), generateTriggerButton(toggle, slots)]);
|
||||
}
|
||||
|
||||
export const ACCORDION_CONTENT_THEME_MAP = {
|
||||
dark: 'is-black-ter',
|
||||
light: ''
|
||||
};
|
||||
const BAccordionContent = getThemeableFunctionalComponent({
|
||||
cls: 'card-content',
|
||||
el: 'section',
|
||||
themeMap: ACCORDION_CONTENT_THEME_MAP
|
||||
});
|
||||
|
||||
function generateBody(toggle, transition, slots) {
|
||||
return h(Transition, transition.value, () => withDirectives(h(BAccordionContent, {
|
||||
'aria-hidden': !toggle.isOn.value
|
||||
}, slots.default), [[vShow, toggle.isOn.value]]));
|
||||
}
|
||||
|
||||
export default defineComponent({
|
||||
name: 'b-accordion',
|
||||
props: { ...getUseTogglePropsDefinition('isExpanded'),
|
||||
...FadeTransitionPropsDefinition,
|
||||
...DefaultThemePropsDefinition
|
||||
},
|
||||
|
||||
setup(props, {
|
||||
slots
|
||||
}) {
|
||||
const toggle = useToggle(props, 'isExpanded');
|
||||
const theme = useTheme(props);
|
||||
const transition = useTransition(props);
|
||||
return () => h('article', {
|
||||
class: ['b-card card', ...theme.themeClasses.value]
|
||||
}, [generateHeader(toggle, slots), generateBody(toggle, transition, slots)]);
|
||||
}
|
||||
|
||||
});
|
||||
//# sourceMappingURL=BAccordion.js.map
|
||||
1
node_modules/buetify/lib/components/accordion/BAccordion.js.map
generated
vendored
Executable file
1
node_modules/buetify/lib/components/accordion/BAccordion.js.map
generated
vendored
Executable file
File diff suppressed because one or more lines are too long
3
node_modules/buetify/lib/components/accordion/index.d.ts
generated
vendored
Executable file
3
node_modules/buetify/lib/components/accordion/index.d.ts
generated
vendored
Executable file
@@ -0,0 +1,3 @@
|
||||
import BAccordion from './BAccordion';
|
||||
export { BAccordion };
|
||||
export default BAccordion;
|
||||
4
node_modules/buetify/lib/components/accordion/index.js
generated
vendored
Executable file
4
node_modules/buetify/lib/components/accordion/index.js
generated
vendored
Executable file
@@ -0,0 +1,4 @@
|
||||
import BAccordion from './BAccordion';
|
||||
export { BAccordion };
|
||||
export default BAccordion;
|
||||
//# sourceMappingURL=index.js.map
|
||||
1
node_modules/buetify/lib/components/accordion/index.js.map
generated
vendored
Executable file
1
node_modules/buetify/lib/components/accordion/index.js.map
generated
vendored
Executable file
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAP,MAAuB,cAAvB;AAEA,SAAS,UAAT;AACA,eAAe,UAAf","sourcesContent":["import BAccordion from './BAccordion';\n\nexport { BAccordion };\nexport default BAccordion;\n"],"sourceRoot":"","file":"index.js"}
|
||||
Reference in New Issue
Block a user