hongluan-ui
Version:
Hongluan Component Library for Vue 3
1 lines • 2.32 kB
Source Map (JSON)
{"version":3,"file":"skeleton2.mjs","sources":["../../../../../../packages/components/skeleton/src/skeleton.vue"],"sourcesContent":["<template>\n <template v-if=\"uiLoading\">\n <div\n :class=\"[namespace, animated ? 'is-animated' : '']\"\n v-bind=\"$attrs\"\n >\n <template v-for=\"i in count\" :key=\"i\">\n <slot v-if=\"loading\" :key=\"i\" name=\"template\">\n <hl-skeleton-item class=\"is-first\" variant=\"p\" />\n <hl-skeleton-item\n v-for=\"item in rows\"\n :key=\"item\"\n :class=\"{\n 'paragraph': true,\n 'is-last': item === rows && rows > 1,\n }\"\n variant=\"p\"\n />\n </slot>\n </template>\n </div>\n </template>\n <template v-else>\n <slot v-bind=\"$attrs\"></slot>\n </template>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue'\nimport { useThrottleRender, useNamespace } from '@hongluan-ui/hooks'\nimport HlSkeletonItem from './skeleton-item.vue'\nimport { skeletonProps } from './skeleton'\n\nexport default defineComponent({\n name: 'Skeleton',\n components: {\n HlSkeletonItem,\n },\n props: skeletonProps,\n setup(props) {\n const { namespace } = useNamespace('skeleton')\n const innerLoading = computed(() => props.loading)\n\n const uiLoading = useThrottleRender(innerLoading, props.throttle)\n\n return {\n namespace,\n uiLoading,\n }\n },\n})\n</script>\n"],"names":["HlSkeletonItem","_createElementBlock","_mergeProps","_Fragment","_renderSlot","_createVNode","_createBlock","_normalizeClass"],"mappings":";;;;;;;;AAiCA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,oBACVA;AAAA;AACF,EACA,OAAO;AAAA,EACP,MAAM,OAAO;AACX,UAAM,EAAE,cAAc,aAAa,UAAU;AAC7C,UAAM,eAAe,SAAS,MAAM,MAAM,OAAO;AAEjD,UAAM,YAAY,kBAAkB,cAAc,MAAM,QAAQ;AAEhE,WAAO;AAAA,MACL;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;;SAjDiB,+BACdC,mBAkBM,OAlBNC,WAkBM;AAAA;IAjBH,OAAK,CAAG,gBAAW,gBAAQ;AAAA,KACpB,WAAM;AAAA,sBAEdD,mBAaWE,2BAbW,YAAK,CAAV,MAAC;8DAAiB;AAAC,QACtB,eAAZC,WAWO,2BAXe,KAAK,KAA3B,MAWO;AAAA,UAVLC,YAAiD;AAAA,YAA/B,OAAM;AAAA,YAAW,SAAQ;AAAA;4BAC3CJ,mBAQEE,2BAPe,WAAI,CAAZ,SAAI;gCADbG,YAQE;AAAA,cANC,KAAK;AAAA,cACL,OAAKC;AAAA;2BAA8D,SAAS,aAAQ,YAAI;AAAA;cAIzF,SAAQ;AAAA;;;;;YAOhBH,WAA6B,8DAAf,WAAM;;;;;;"}