init component
This commit is contained in:
72
node_modules/buetify/lib/components/app/BApp.d.ts
generated
vendored
Executable file
72
node_modules/buetify/lib/components/app/BApp.d.ts
generated
vendored
Executable file
@@ -0,0 +1,72 @@
|
||||
import '../../sass/helpers/animations.sass';
|
||||
import './app.sass';
|
||||
import { VNode } from 'vue';
|
||||
declare const _default: import("vue").DefineComponent<{
|
||||
currentRoute: {
|
||||
required: boolean;
|
||||
};
|
||||
isVisible: {
|
||||
type: import("vue").PropType<boolean>;
|
||||
required: boolean;
|
||||
default: boolean;
|
||||
};
|
||||
hasPopup: {
|
||||
type: import("vue").PropType<boolean>;
|
||||
required: boolean;
|
||||
default: boolean;
|
||||
};
|
||||
breakPoints: {
|
||||
type: import("vue").PropType<{
|
||||
mobile: number;
|
||||
tablet: number;
|
||||
desktop: number;
|
||||
widescreen: number;
|
||||
fullHD: number;
|
||||
}>;
|
||||
required: boolean;
|
||||
default: import("fp-ts/lib/function").Lazy<{
|
||||
mobile: number;
|
||||
tablet: number;
|
||||
desktop: number;
|
||||
widescreen: number;
|
||||
fullHD: number;
|
||||
}>;
|
||||
};
|
||||
isThemeable: {
|
||||
type: import("vue").PropType<boolean>;
|
||||
default: boolean;
|
||||
};
|
||||
persistTheme: {
|
||||
type: import("vue").PropType<boolean>;
|
||||
default: boolean;
|
||||
};
|
||||
}, () => 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;
|
||||
persistTheme: boolean;
|
||||
hasPopup: boolean;
|
||||
breakPoints: {
|
||||
mobile: number;
|
||||
tablet: number;
|
||||
desktop: number;
|
||||
widescreen: number;
|
||||
fullHD: number;
|
||||
};
|
||||
isVisible: boolean;
|
||||
} & {
|
||||
currentRoute?: unknown;
|
||||
}>, {
|
||||
isThemeable: boolean;
|
||||
persistTheme: boolean;
|
||||
hasPopup: boolean;
|
||||
breakPoints: {
|
||||
mobile: number;
|
||||
tablet: number;
|
||||
desktop: number;
|
||||
widescreen: number;
|
||||
fullHD: number;
|
||||
};
|
||||
isVisible: boolean;
|
||||
}>;
|
||||
export default _default;
|
||||
104
node_modules/buetify/lib/components/app/BApp.js
generated
vendored
Executable file
104
node_modules/buetify/lib/components/app/BApp.js
generated
vendored
Executable file
@@ -0,0 +1,104 @@
|
||||
import "../../../src/sass/helpers/animations.sass";
|
||||
import "../../../src/components/app/app.sass";
|
||||
import { defineComponent, shallowRef, h, vShow, withDirectives } from 'vue';
|
||||
import { provideNoticeController } from '../../composables/noticeController';
|
||||
import { providePopupController } from '../../composables/popupController';
|
||||
import { provideTheme, ProvideThemePropDefinitions } from '../../composables/theme';
|
||||
import { formatTransition } from '../../composables/transition';
|
||||
import { provideWindowSize, ProvideWindowSizePropsDefinition } from '../../composables/windowSize';
|
||||
import BSidebar from '../sidebar/BSidebar';
|
||||
import BNoticeContainer from '../notices/noticeContainer/BNoticeContainer';
|
||||
import BPopupContainer from '../popupContainer/BPopupContainer';
|
||||
import { provideSidebarController, ProvideSidebarControllerPropsDefinition } from '../sidebar/composables';
|
||||
const DEFAULT_TRANSITION = {
|
||||
name: 'fade'
|
||||
};
|
||||
|
||||
function generateNoticeContainer(placement, ref) {
|
||||
return h(BNoticeContainer, {
|
||||
ref,
|
||||
class: placement === 'top' ? 'notices-is-top' : 'notices-is-bottom'
|
||||
});
|
||||
}
|
||||
|
||||
function generatePopupContainer(ref) {
|
||||
return h(BPopupContainer, {
|
||||
ref
|
||||
});
|
||||
}
|
||||
|
||||
function generateSidebarSlot(slots, hasHeader, currentRoute, sidebar) {
|
||||
return h(BSidebar, {
|
||||
currentRoute,
|
||||
isFullheight: true
|
||||
}, () => slots.sidebar && slots.sidebar(sidebar));
|
||||
}
|
||||
|
||||
function generateBodyContent(slots, hasNavigationDrawer, sidebar, currentRoute) {
|
||||
const nodes = [];
|
||||
|
||||
if (slots.header) {
|
||||
const header = slots.header(sidebar);
|
||||
if (header) nodes.push(header);
|
||||
}
|
||||
|
||||
nodes.push(h('div', {
|
||||
class: 'b-app-body-content'
|
||||
}, hasNavigationDrawer ? [withDirectives(generateSidebarSlot(slots, !!slots.header, currentRoute, sidebar), [[vShow, sidebar.isVisible.value]]), h('div', {
|
||||
class: 'b-app-content'
|
||||
}, slots.default && slots.default(sidebar))] : [h('div', {
|
||||
class: 'b-app-content'
|
||||
}, slots.default && slots.default(sidebar))]));
|
||||
return nodes;
|
||||
}
|
||||
|
||||
export default defineComponent({
|
||||
name: 'b-app',
|
||||
props: { ...ProvideThemePropDefinitions,
|
||||
...ProvideWindowSizePropsDefinition,
|
||||
...ProvideSidebarControllerPropsDefinition
|
||||
},
|
||||
|
||||
setup(props, {
|
||||
slots
|
||||
}) {
|
||||
const popup = shallowRef(null);
|
||||
const top = shallowRef(null);
|
||||
const bottom = shallowRef(null);
|
||||
|
||||
function showNotice(params) {
|
||||
const options = { ...params,
|
||||
transition: params.transition ? formatTransition(params.transition) : DEFAULT_TRANSITION
|
||||
};
|
||||
return params.placement === 'top' ? top.value.showNotice(options) : bottom.value.showNotice(options);
|
||||
}
|
||||
|
||||
function showPopup(params) {
|
||||
return popup.value.showPopup({
|
||||
render: params.render,
|
||||
transition: params.transition ? formatTransition(params.transition) : DEFAULT_TRANSITION
|
||||
});
|
||||
}
|
||||
|
||||
provideTheme(props);
|
||||
provideNoticeController(showNotice);
|
||||
providePopupController(showPopup);
|
||||
provideWindowSize(props);
|
||||
const sidebarController = provideSidebarController(props);
|
||||
return () => {
|
||||
const hasNavigationDrawer = !!slots['sidebar'];
|
||||
const nodes = [generateNoticeContainer('top', top), generateNoticeContainer('bottom', bottom), generatePopupContainer(popup)];
|
||||
nodes.push(h('div', {
|
||||
class: ['b-app', {
|
||||
'has-navigation-drawer': hasNavigationDrawer && sidebarController.isVisible.value,
|
||||
'has-header': !!slots.header
|
||||
}]
|
||||
}, generateBodyContent(slots, hasNavigationDrawer, sidebarController, props.currentRoute)));
|
||||
return h('div', {
|
||||
class: 'b-notices-container'
|
||||
}, nodes);
|
||||
};
|
||||
}
|
||||
|
||||
});
|
||||
//# sourceMappingURL=BApp.js.map
|
||||
1
node_modules/buetify/lib/components/app/BApp.js.map
generated
vendored
Executable file
1
node_modules/buetify/lib/components/app/BApp.js.map
generated
vendored
Executable file
File diff suppressed because one or more lines are too long
3
node_modules/buetify/lib/components/app/index.d.ts
generated
vendored
Executable file
3
node_modules/buetify/lib/components/app/index.d.ts
generated
vendored
Executable file
@@ -0,0 +1,3 @@
|
||||
import BApp from './BApp';
|
||||
export { BApp };
|
||||
export default BApp;
|
||||
4
node_modules/buetify/lib/components/app/index.js
generated
vendored
Executable file
4
node_modules/buetify/lib/components/app/index.js
generated
vendored
Executable file
@@ -0,0 +1,4 @@
|
||||
import BApp from './BApp';
|
||||
export { BApp };
|
||||
export default BApp;
|
||||
//# sourceMappingURL=index.js.map
|
||||
1
node_modules/buetify/lib/components/app/index.js.map
generated
vendored
Executable file
1
node_modules/buetify/lib/components/app/index.js.map
generated
vendored
Executable file
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/app/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAP,MAAiB,QAAjB;AAEA,SAAS,IAAT;AACA,eAAe,IAAf","sourcesContent":["import BApp from './BApp';\n\nexport { BApp };\nexport default BApp;\n"],"sourceRoot":"","file":"index.js"}
|
||||
Reference in New Issue
Block a user