vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-09 00:42:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

Components added. Build issues fixed

Browse source
This commit is contained in:
Bahadir Sofuoglu 2022-09-14 14:26:01 +03:00
parent 5b66ed1093
commit 18c3721848
344 changed files with 12446 additions and 8758 deletions
Download patch file Download diff file Expand all files Collapse all files

13
components/deferredcontent/DeferredContent.d.ts vendored
View file

@ -1,8 +1,7 @@
import { VNode } from 'vue';
import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
export interface DeferredContentProps {
}
export interface DeferredContentProps {}
export interface DeferredContentSlots {
/**
@ -15,14 +14,14 @@ export declare type DeferredContentEmits = {
/**
* Callback to invoke when deferred content is loaded.
*/
'load': () => void;
}
load: () => void;
};
declare class DeferredContent extends ClassComponent<DeferredContentProps, DeferredContentSlots, DeferredContentEmits> { }
declare class DeferredContent extends ClassComponent<DeferredContentProps, DeferredContentSlots, DeferredContentEmits> {}
declare module '@vue/runtime-core' {
interface GlobalComponents {
DeferredContent: GlobalComponentConstructor<DeferredContent>
DeferredContent: GlobalComponentConstructor<DeferredContent>;
}
}
@ -32,7 +31,7 @@ declare module '@vue/runtime-core' {
*
* Demos:
*
* - [DeferredContent](https://www.primefaces.org/primevue/showcase/#/deferredcontent)
* - [DeferredContent](https://www.primefaces.org/primevue/deferredcontent)
*
*/
export default DeferredContent;

2
components/deferredcontent/DeferredContent.spec.js
View file

@ -12,4 +12,4 @@ describe('DeferredContent', () => {
await wrapper.setData({ loaded: true });
expect(wrapper.find('img').exists()).toBe(true);
});
});
});

15
components/deferredcontent/DeferredContent.vue
View file

@ -11,14 +11,12 @@ export default {
data() {
return {
loaded: false
}
};
},
mounted() {
if (!this.loaded) {
if (this.shouldLoad())
this.load();
else
this.bindScrollListener();
if (this.shouldLoad()) this.load();
else this.bindScrollListener();
}
},
beforeUnmount() {
@ -44,13 +42,12 @@ export default {
shouldLoad() {
if (this.loaded) {
return false;
}
else {
} else {
const rect = this.$refs.container.getBoundingClientRect();
const docElement = document.documentElement;
const winHeight = docElement.clientHeight;
return (winHeight >= rect.top);
return winHeight >= rect.top;
}
},
load(event) {
@ -58,5 +55,5 @@ export default {
this.$emit('load', event);
}
}
}
};
</script>