import type { ExtractPropTypes, PropType } from 'vue'; import { defineComponent } from 'vue'; type widthUnit = number | string; export const skeletonParagraphProps = { prefixCls: String, width: { type: [Number, String, Array] as PropType }, rows: Number, }; export type SkeletonParagraphProps = Partial>; const SkeletonParagraph = defineComponent({ name: 'SkeletonParagraph', props: skeletonParagraphProps, setup(props) { const getWidth = (index: number) => { const { width, rows = 2 } = props; if (Array.isArray(width)) { return width[index]; } // last paragraph if (rows - 1 === index) { return width; } return undefined; }; return () => { const { prefixCls, rows } = props; const rowList = [...Array(rows)].map((_, index) => { const width = getWidth(index); return (
  • ); }); return
      {rowList}
    ; }; }, }); export default SkeletonParagraph;