{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/ui/skeleton/index.ts"],"sourcesContent":["/*\n * @Author: zouyaoji@https://github.com/zouyaoji\n * @Date: 2021-10-27 15:54:13\n * @LastEditTime: 2022-03-05 11:05:59\n * @LastEditors: zouyaoji\n * @Description:\n * @FilePath: \\vue-cesium@next\\packages\\components\\ui\\skeleton\\index.ts\n */\nimport { h, defineComponent, computed, VNode, ComponentPublicInstance } from 'vue'\n\nimport type { PropType } from 'vue'\n\nimport useDark, { useDarkProps } from 'casc-cesium-composables/private/use-dark'\n\nimport { hSlot } from 'casc-cesium-utils/private/render'\n\nexport const skeletonTypes = [\n 'text',\n 'rect',\n 'circle',\n 'VcBtn',\n 'VcBadge',\n 'VcChip',\n 'VcToolbar',\n 'VcCheckbox',\n 'VcRadio',\n 'VcToggle',\n 'VcSlider',\n 'VcRange',\n 'VcInput',\n 'VcAvatar'\n]\n\nexport const skeletonAnimations = ['wave', 'pulse', 'pulse-x', 'pulse-y', 'fade', 'blink', 'none']\nexport const skeletonProps = {\n ...useDarkProps,\n\n tag: {\n type: String,\n default: 'div'\n },\n\n type: {\n type: String,\n validator: (v: string) => skeletonTypes.includes(v),\n default: 'rect'\n },\n\n animation: {\n type: String as PropType<'wave' | 'pulse' | 'pulse-x' | 'pulse-y' | 'fade' | 'blink' | 'none'>,\n validator: (v: string) => skeletonAnimations.includes(v),\n default: 'wave'\n },\n\n square: Boolean,\n bordered: Boolean,\n\n size: String as PropType,\n width: String,\n height: String\n}\nexport default defineComponent({\n name: 'VcSkeleton',\n\n props: skeletonProps,\n\n setup(props, { slots }) {\n const isDark = useDark(props)\n\n const style = computed(() => (props.size !== void 0 ? { width: props.size, height: props.size } : { width: props.width, height: props.height }))\n\n const classes = computed(\n () =>\n `vc-skeleton vc-skeleton--${isDark.value === true ? 'dark' : 'light'} vc-skeleton--type-${props.type}` +\n (props.animation !== 'none' ? ` vc-skeleton--anim vc-skeleton--anim-${props.animation}` : '') +\n (props.square === true ? ' vc-skeleton--square' : '') +\n (props.bordered === true ? ' vc-skeleton--bordered' : '')\n )\n\n return () =>\n h(\n props.tag,\n {\n class: classes.value,\n style: style.value\n },\n hSlot(slots.default)\n )\n }\n})\n\n// export type VcSkeletonProps = ExtractPropTypes\nexport interface VcSkeletonProps {\n /**\n * Notify the component that the background is a dark color.\n */\n dark?: boolean | undefined\n /**\n * Type of skeleton placeholder.\n * Default value: rect\n */\n type?:\n | 'text'\n | 'rect'\n | 'circle'\n | 'VcBtn'\n | 'VcBadge'\n | 'VcChip'\n | 'VcToolbar'\n | 'VcCheckbox'\n | 'VcRadio'\n | 'VcToggle'\n | 'VcSlider'\n | 'VcRange'\n | 'VcInput'\n | 'VcAvatar'\n | undefined\n /**\n * The animation effect of the skeleton placeholder.\n * Default value: wave\n */\n animation?: 'wave' | 'pulse' | 'pulse-x' | 'pulse-y' | 'fade' | 'blink' | 'none' | undefined\n /**\n * Animation speed (in milliseconds, without unit).\n * Default value: 300\n */\n animationSpeed?: string | number | undefined\n /**\n * Removes border-radius so borders are squared.\n */\n square?: boolean | undefined\n /**\n * Applies a default border to the component.\n */\n bordered?: boolean | undefined\n /**\n * Size in CSS units, including unit name; Overrides 'height' and 'width' props and applies the value to both height and width.\n */\n size?: string | undefined\n /**\n * Width in CSS units, including unit name; Apply custom width; Use this prop or through CSS; Overridden by 'size' prop if used.\n */\n width?: string | undefined\n /**\n * Height in CSS units, including unit name; Apply custom height; Use this prop or through CSS; Overridden by 'size' prop if used.\n */\n height?: string | undefined\n /**\n * HTML tag to use.\n * Default value: div\n */\n tag?: string | undefined\n color?: string\n}\n\nexport interface VcSkeletonSlots {\n /**\n * Default slot in the devland unslotted content of the component\n */\n default: () => VNode[]\n}\n\nexport type VcSkeletonRef = ComponentPublicInstance\n"],"names":[],"mappings":";;;;AAGY,MAAC,aAAa,GAAG;AAC7B,EAAE,MAAM;AACR,EAAE,MAAM;AACR,EAAE,QAAQ;AACV,EAAE,OAAO;AACT,EAAE,SAAS;AACX,EAAE,QAAQ;AACV,EAAE,WAAW;AACb,EAAE,YAAY;AACd,EAAE,SAAS;AACX,EAAE,UAAU;AACZ,EAAE,UAAU;AACZ,EAAE,SAAS;AACX,EAAE,SAAS;AACX,EAAE,UAAU;AACZ,EAAE;AACU,MAAC,kBAAkB,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE;AACvF,MAAC,aAAa,GAAG;AAC7B,EAAE,GAAG,YAAY;AACjB,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,SAAS,EAAE,CAAC,CAAC,KAAK,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC/C,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,SAAS,EAAE,CAAC,CAAC,KAAK,kBAAkB,CAAC,QAAQ,CAAC,CAAC,CAAC;AACpD,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,MAAM,EAAE,OAAO;AACjB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,MAAM,EAAE,MAAM;AAChB,EAAE;AACF,eAAe,eAAe,CAAC;AAC/B,EAAE,IAAI,EAAE,YAAY;AACpB,EAAE,KAAK,EAAE,aAAa;AACtB,EAAE,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE;AAC1B,IAAI,MAAM,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;AAClC,IAAI,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC;AACnJ,IAAI,MAAM,OAAO,GAAG,QAAQ,CAAC,MAAM,CAAC,yBAAyB,EAAE,MAAM,CAAC,KAAK,KAAK,IAAI,GAAG,MAAM,GAAG,OAAO,CAAC,mBAAmB,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,SAAS,KAAK,MAAM,GAAG,CAAC,qCAAqC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI,GAAG,sBAAsB,GAAG,EAAE,CAAC,IAAI,KAAK,CAAC,QAAQ,KAAK,IAAI,GAAG,wBAAwB,GAAG,EAAE,CAAC,CAAC,CAAC;AAC/V,IAAI,OAAO,MAAM,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE;AAC9B,MAAM,KAAK,EAAE,OAAO,CAAC,KAAK;AAC1B,MAAM,KAAK,EAAE,KAAK,CAAC,KAAK;AACxB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC7B,GAAG;AACH,CAAC,CAAC;;;;"}