init component
This commit is contained in:
1
node_modules/buetify/lib/components/higherOrder/index.d.ts
generated
vendored
Executable file
1
node_modules/buetify/lib/components/higherOrder/index.d.ts
generated
vendored
Executable file
@@ -0,0 +1 @@
|
||||
export * from './screenSizeDependentComponent';
|
||||
2
node_modules/buetify/lib/components/higherOrder/index.js
generated
vendored
Executable file
2
node_modules/buetify/lib/components/higherOrder/index.js
generated
vendored
Executable file
@@ -0,0 +1,2 @@
|
||||
export * from './screenSizeDependentComponent';
|
||||
//# sourceMappingURL=index.js.map
|
||||
1
node_modules/buetify/lib/components/higherOrder/index.js.map
generated
vendored
Executable file
1
node_modules/buetify/lib/components/higherOrder/index.js.map
generated
vendored
Executable file
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/higherOrder/index.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAd","sourcesContent":["export * from './screenSizeDependentComponent';\n"],"sourceRoot":"","file":"index.js"}
|
||||
11
node_modules/buetify/lib/components/higherOrder/screenSizeDependentComponent/ScreenSizeDependentComponent.d.ts
generated
vendored
Executable file
11
node_modules/buetify/lib/components/higherOrder/screenSizeDependentComponent/ScreenSizeDependentComponent.d.ts
generated
vendored
Executable file
@@ -0,0 +1,11 @@
|
||||
import { SetupContext, ComponentOptions, FunctionalComponent } from 'vue';
|
||||
export interface ComponentsByBreakPoint {
|
||||
mobile: ComponentOptions | FunctionalComponent;
|
||||
tablet: ComponentOptions | FunctionalComponent;
|
||||
desktop: ComponentOptions | FunctionalComponent;
|
||||
widescreen: ComponentOptions | FunctionalComponent;
|
||||
fullHD: ComponentOptions | FunctionalComponent;
|
||||
}
|
||||
export declare const ScreenSizeDependentComponent: (components: ComponentsByBreakPoint) => (props: any, context: SetupContext) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>;
|
||||
19
node_modules/buetify/lib/components/higherOrder/screenSizeDependentComponent/ScreenSizeDependentComponent.js
generated
vendored
Executable file
19
node_modules/buetify/lib/components/higherOrder/screenSizeDependentComponent/ScreenSizeDependentComponent.js
generated
vendored
Executable file
@@ -0,0 +1,19 @@
|
||||
import { useWindowSize } from '../../../composables/windowSize';
|
||||
import { h } from 'vue';
|
||||
export const ScreenSizeDependentComponent = components => (props, // eslint-disable-line
|
||||
context) => {
|
||||
const windowSize = useWindowSize();
|
||||
|
||||
if (windowSize.value.isMobile) {
|
||||
return h(components.mobile, props, context.slots);
|
||||
} else if (windowSize.value.isTablet) {
|
||||
return h(components.tablet, props, context.slots);
|
||||
} else if (windowSize.value.isDesktop) {
|
||||
return h(components.desktop, props, context.slots);
|
||||
} else if (windowSize.value.isWidescreen) {
|
||||
return h(components.widescreen, props, context.slots);
|
||||
} else {
|
||||
return h(components.fullHD, props, context.slots);
|
||||
}
|
||||
};
|
||||
//# sourceMappingURL=ScreenSizeDependentComponent.js.map
|
||||
1
node_modules/buetify/lib/components/higherOrder/screenSizeDependentComponent/ScreenSizeDependentComponent.js.map
generated
vendored
Executable file
1
node_modules/buetify/lib/components/higherOrder/screenSizeDependentComponent/ScreenSizeDependentComponent.js.map
generated
vendored
Executable file
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../../src/components/higherOrder/screenSizeDependentComponent/ScreenSizeDependentComponent.ts"],"names":[],"mappings":"AAAA,SAAS,aAAT,QAA8B,iCAA9B;AACA,SAAuB,CAAvB,QAAuE,KAAvE;AAUA,OAAO,MAAM,4BAA4B,GAAI,UAAD,IAAwC,CAClF,KADkF,EACtE;AACZ,OAFkF,KAGhF;AACF,QAAM,UAAU,GAAG,aAAa,EAAhC;;AACA,MAAI,UAAU,CAAC,KAAX,CAAiB,QAArB,EAA+B;AAC7B,WAAO,CAAC,CAAC,UAAU,CAAC,MAAZ,EAAoB,KAApB,EAA2B,OAAO,CAAC,KAAnC,CAAR;AACD,GAFD,MAEO,IAAI,UAAU,CAAC,KAAX,CAAiB,QAArB,EAA+B;AACpC,WAAO,CAAC,CAAC,UAAU,CAAC,MAAZ,EAAoB,KAApB,EAA2B,OAAO,CAAC,KAAnC,CAAR;AACD,GAFM,MAEA,IAAI,UAAU,CAAC,KAAX,CAAiB,SAArB,EAAgC;AACrC,WAAO,CAAC,CAAC,UAAU,CAAC,OAAZ,EAAqB,KAArB,EAA4B,OAAO,CAAC,KAApC,CAAR;AACD,GAFM,MAEA,IAAI,UAAU,CAAC,KAAX,CAAiB,YAArB,EAAmC;AACxC,WAAO,CAAC,CAAC,UAAU,CAAC,UAAZ,EAAwB,KAAxB,EAA+B,OAAO,CAAC,KAAvC,CAAR;AACD,GAFM,MAEA;AACL,WAAO,CAAC,CAAC,UAAU,CAAC,MAAZ,EAAoB,KAApB,EAA2B,OAAO,CAAC,KAAnC,CAAR;AACD;AACF,CAhBM","sourcesContent":["import { useWindowSize } from '../../../composables/windowSize';\nimport { SetupContext, h, ComponentOptions, FunctionalComponent } from 'vue';\n\nexport interface ComponentsByBreakPoint {\n mobile: ComponentOptions | FunctionalComponent;\n tablet: ComponentOptions | FunctionalComponent;\n desktop: ComponentOptions | FunctionalComponent;\n widescreen: ComponentOptions | FunctionalComponent;\n fullHD: ComponentOptions | FunctionalComponent;\n}\n\nexport const ScreenSizeDependentComponent = (components: ComponentsByBreakPoint) => (\n props: any, // eslint-disable-line\n context: SetupContext\n) => {\n const windowSize = useWindowSize();\n if (windowSize.value.isMobile) {\n return h(components.mobile, props, context.slots);\n } else if (windowSize.value.isTablet) {\n return h(components.tablet, props, context.slots);\n } else if (windowSize.value.isDesktop) {\n return h(components.desktop, props, context.slots);\n } else if (windowSize.value.isWidescreen) {\n return h(components.widescreen, props, context.slots);\n } else {\n return h(components.fullHD, props, context.slots);\n }\n};\n"],"sourceRoot":"","file":"ScreenSizeDependentComponent.js"}
|
||||
3
node_modules/buetify/lib/components/higherOrder/screenSizeDependentComponent/index.d.ts
generated
vendored
Executable file
3
node_modules/buetify/lib/components/higherOrder/screenSizeDependentComponent/index.d.ts
generated
vendored
Executable file
@@ -0,0 +1,3 @@
|
||||
import { ScreenSizeDependentComponent } from './ScreenSizeDependentComponent';
|
||||
export { ScreenSizeDependentComponent };
|
||||
export default ScreenSizeDependentComponent;
|
||||
4
node_modules/buetify/lib/components/higherOrder/screenSizeDependentComponent/index.js
generated
vendored
Executable file
4
node_modules/buetify/lib/components/higherOrder/screenSizeDependentComponent/index.js
generated
vendored
Executable file
@@ -0,0 +1,4 @@
|
||||
import { ScreenSizeDependentComponent } from './ScreenSizeDependentComponent';
|
||||
export { ScreenSizeDependentComponent };
|
||||
export default ScreenSizeDependentComponent;
|
||||
//# sourceMappingURL=index.js.map
|
||||
1
node_modules/buetify/lib/components/higherOrder/screenSizeDependentComponent/index.js.map
generated
vendored
Executable file
1
node_modules/buetify/lib/components/higherOrder/screenSizeDependentComponent/index.js.map
generated
vendored
Executable file
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../../src/components/higherOrder/screenSizeDependentComponent/index.ts"],"names":[],"mappings":"AAAA,SAAS,4BAAT,QAA6C,gCAA7C;AAEA,SAAS,4BAAT;AAEA,eAAe,4BAAf","sourcesContent":["import { ScreenSizeDependentComponent } from './ScreenSizeDependentComponent';\n\nexport { ScreenSizeDependentComponent };\n\nexport default ScreenSizeDependentComponent;\n"],"sourceRoot":"","file":"index.js"}
|
||||
Reference in New Issue
Block a user