{"version":3,"file":"skeleton-paragraph.mjs","sources":["../../../../../../../packages/components/skeleton/src/skeleton-paragraph.tsx"],"sourcesContent":["import { defineComponent } from 'vue'\nimport { numericProp } from '@xzx-design/utils'\nimport { useNamespace } from '@xzx-design/hooks'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const DEFAULT_ROW_WIDTH = '100%'\n\nexport const skeletonParagraphProps = {\n  round: Boolean,\n  rowWidth: {\n    type: numericProp,\n    default: DEFAULT_ROW_WIDTH,\n  },\n}\n\nexport type SkeletonParagraphProps = ExtractPropTypes<\n  typeof skeletonParagraphProps\n>\n\nconst name = 'XzxSkeletonParagraph'\n\nexport default defineComponent({\n  name,\n  __name: name,\n  props: skeletonParagraphProps,\n  setup(props) {\n    const { bem } = useNamespace('skeleton-paragraph')\n\n    return () => (\n      <div\n        class={bem([{ round: props.round }])}\n        style={{ width: props.rowWidth }}\n      />\n    )\n  },\n})\n"],"names":["DEFAULT_ROW_WIDTH","skeletonParagraphProps","round","Boolean","rowWidth","type","numericProp","default","name","defineComponent","__name","props","setup","bem","useNamespace","_createVNode","width"],"mappings":";;;;;;AAMO,MAAMA,iBAAoB,GAAA,OAAA;AAE1B,MAAMC,sBAAyB,GAAA;AAAA,EACpCC,KAAOC,EAAAA,OAAAA;AAAAA,EACPC,QAAU,EAAA;AAAA,IACRC,IAAMC,EAAAA,WAAAA;AAAAA,IACNC,OAASP,EAAAA,iBAAAA;AAAAA,GACX;AACF,EAAA;AAMA,MAAMQ,IAAO,GAAA,sBAAA,CAAA;AAEb,yBAAeC,eAAgB,CAAA;AAAA,EAC7BD,IAAAA;AAAAA,EACAE,MAAQF,EAAAA,IAAAA;AAAAA,EACRG,KAAOV,EAAAA,sBAAAA;AAAAA,EACPW,MAAMD,KAAO,EAAA;AACX,IAAM,MAAA;AAAA,MAAEE,GAAAA;AAAAA,KAAI,GAAIC,aAAa,oBAAoB,CAAA,CAAA;AAEjD,IAAO,OAAA,MAAAC,YAAA,KAAA,EAAA;AAAA,MAAA,OAAA,EAEIF,IAAI,CAAC;AAAA,QAAEX,OAAOS,KAAMT,CAAAA,KAAAA;AAAAA,OAAO,CAAC,CAAA;AAAA,MAAC,OAC7B,EAAA;AAAA,QAAEc,OAAOL,KAAMP,CAAAA,QAAAA;AAAAA,OAAS;AAAA,OAElC,IAAA,CAAA,CAAA;AAAA,GACH;AACF,CAAC,CAAA;;;;"}