26 lines
732 B
Vue
26 lines
732 B
Vue
<template>
|
|
<div :class="cx('root')" :style="[sx('root'), containerStyle]" aria-hidden="true" v-bind="ptmi('root')" :data-p="dataP"></div>
|
|
</template>
|
|
|
|
<script>
|
|
import { cn } from '@primeuix/utils';
|
|
import BaseSkeleton from './BaseSkeleton.vue';
|
|
|
|
export default {
|
|
name: 'Skeleton',
|
|
extends: BaseSkeleton,
|
|
inheritAttrs: false,
|
|
computed: {
|
|
containerStyle() {
|
|
if (this.size) return { width: this.size, height: this.size, borderRadius: this.borderRadius };
|
|
else return { width: this.width, height: this.height, borderRadius: this.borderRadius };
|
|
},
|
|
dataP() {
|
|
return cn({
|
|
[this.shape]: this.shape
|
|
});
|
|
}
|
|
}
|
|
};
|
|
</script>
|