vant 4.0.0-rc.6 → 4.0.0-rc.8

package/es/popover/types.d.ts

@@ -1,7 +1,7 @@
-export declare type PopoverTheme = 'light' | 'dark';
-export declare type PopoverTrigger = 'manual' | 'click';
-export declare type PopoverPlacement = 'top' | 'top-start' | 'top-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end';
-export declare type PopoverAction = {
+export type PopoverTheme = 'light' | 'dark';
+export type PopoverTrigger = 'manual' | 'click';
+export type PopoverPlacement = 'top' | 'top-start' | 'top-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end';
+export type PopoverAction = {
     text: string;
     icon?: string;
     color?: string;
@@ -9,7 +9,7 @@ export declare type PopoverAction = {
     className?: string;
     [key: PropertyKey]: any;
 };
-export declare type PopoverThemeVars = {
+export type PopoverThemeVars = {
     popoverArrowSize?: string;
     popoverRadius?: string;
     popoverActionWidth?: string;

package/es/popup/Popup.d.ts

@@ -46,7 +46,7 @@ export declare const popupProps: {
     safeAreaInsetTop: BooleanConstructor;
     safeAreaInsetBottom: BooleanConstructor;
 };
-export declare type PopupProps = ExtractPropTypes<typeof popupProps>;
+export type PopupProps = ExtractPropTypes<typeof popupProps>;
 declare const _default: import("vue").DefineComponent<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
@@ -92,7 +92,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     safeAreaInsetTop: BooleanConstructor;
     safeAreaInsetBottom: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "keydown" | "open" | "opened" | "closed" | "update:show" | "clickOverlay" | "clickCloseIcon")[], "open" | "close" | "keydown" | "opened" | "closed" | "update:show" | "clickOverlay" | "clickCloseIcon", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "close" | "keydown" | "opened" | "closed" | "update:show" | "clickOverlay" | "clickCloseIcon")[], "open" | "close" | "keydown" | "opened" | "closed" | "update:show" | "clickOverlay" | "clickCloseIcon", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
     overlay: {
@@ -139,8 +139,8 @@ declare const _default: import("vue").DefineComponent<{
     safeAreaInsetBottom: BooleanConstructor;
 }>> & {
     onKeydown?: ((...args: any[]) => any) | undefined;
-    onClose?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
     onOpened?: ((...args: any[]) => any) | undefined;
     onClosed?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;

package/es/popup/index.d.ts

@@ -43,7 +43,7 @@ export declare const Popup: import("../utils").WithInstall<import("vue").DefineC
     };
     safeAreaInsetTop: BooleanConstructor;
     safeAreaInsetBottom: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "keydown" | "open" | "opened" | "closed" | "update:show" | "clickOverlay" | "clickCloseIcon")[], "open" | "close" | "keydown" | "opened" | "closed" | "update:show" | "clickOverlay" | "clickCloseIcon", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "close" | "keydown" | "opened" | "closed" | "update:show" | "clickOverlay" | "clickCloseIcon")[], "open" | "close" | "keydown" | "opened" | "closed" | "update:show" | "clickOverlay" | "clickCloseIcon", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
     overlay: {
@@ -90,8 +90,8 @@ export declare const Popup: import("../utils").WithInstall<import("vue").DefineC
     safeAreaInsetBottom: BooleanConstructor;
 }>> & {
     onKeydown?: ((...args: any[]) => any) | undefined;
-    onClose?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
     onOpened?: ((...args: any[]) => any) | undefined;
     onClosed?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;

package/es/popup/shared.d.ts

@@ -26,5 +26,5 @@ export declare const popupSharedProps: {
         default: true;
     };
 };
-export declare type PopupSharedPropKeys = Array<keyof typeof popupSharedProps>;
+export type PopupSharedPropKeys = Array<keyof typeof popupSharedProps>;
 export declare const popupSharedPropKeys: PopupSharedPropKeys;

package/es/popup/types.d.ts

@@ -1,12 +1,12 @@
 import type { Ref, ComponentPublicInstance } from 'vue';
 import type { PopupProps } from './Popup';
-export declare type PopupPosition = 'top' | 'left' | 'bottom' | 'right' | 'center' | '';
-export declare type PopupCloseIconPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
-export declare type PopupExpose = {
+export type PopupPosition = 'top' | 'left' | 'bottom' | 'right' | 'center' | '';
+export type PopupCloseIconPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+export type PopupExpose = {
     popupRef: Ref<HTMLElement>;
 };
-export declare type PopupInstance = ComponentPublicInstance<PopupProps, PopupExpose>;
-export declare type PopupThemeVars = {
+export type PopupInstance = ComponentPublicInstance<PopupProps, PopupExpose>;
+export type PopupThemeVars = {
     popupBackground?: string;
     popupTransition?: string;
     popupRoundRadius?: string;

package/es/progress/Progress.d.ts

@@ -18,7 +18,7 @@ export declare const progressProps: {
         validator: (value: Numeric) => boolean;
     };
 };
-export declare type ProgressProps = ExtractPropTypes<typeof progressProps>;
+export type ProgressProps = ExtractPropTypes<typeof progressProps>;
 declare const _default: import("vue").DefineComponent<{
     color: StringConstructor;
     inactive: BooleanConstructor;

package/es/progress/types.d.ts

@@ -1,10 +1,10 @@
 import type { ComponentPublicInstance } from 'vue';
 import type { ProgressProps } from './Progress';
-export declare type ProgressExpose = {
+export type ProgressExpose = {
     resize: () => void;
 };
-export declare type ProgressInstance = ComponentPublicInstance<ProgressProps, ProgressExpose>;
-export declare type ProgressThemeVars = {
+export type ProgressInstance = ComponentPublicInstance<ProgressProps, ProgressExpose>;
+export type ProgressThemeVars = {
     progressHeight?: string;
     progressColor?: string;
     progressInactiveColor?: string;

package/es/pull-refresh/PullRefresh.d.ts

@@ -20,7 +20,7 @@ export declare const pullRefreshProps: {
         default: number;
     };
 };
-export declare type PullRefreshProps = ExtractPropTypes<typeof pullRefreshProps>;
+export type PullRefreshProps = ExtractPropTypes<typeof pullRefreshProps>;
 declare const _default: import("vue").DefineComponent<{
     disabled: BooleanConstructor;
     modelValue: BooleanConstructor;

package/es/pull-refresh/types.d.ts

@@ -1,4 +1,4 @@
-export declare type PullRefreshThemeVars = {
+export type PullRefreshThemeVars = {
     pullRefreshHeadHeight?: string;
     pullRefreshHeadFontSize?: string;
     pullRefreshHeadTextColor?: string;

package/es/radio/Radio.d.ts

@@ -13,9 +13,9 @@ export declare const radioProps: {
     labelPosition: import("vue").PropType<CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
 };
-export declare type RadioShape = CheckerShape;
-export declare type RadioLabelPosition = CheckerLabelPosition;
-export declare type RadioProps = ExtractPropTypes<typeof radioProps>;
+export type RadioShape = CheckerShape;
+export type RadioLabelPosition = CheckerLabelPosition;
+export type RadioProps = ExtractPropTypes<typeof radioProps>;
 declare const _default: import("vue").DefineComponent<{
     name: import("vue").PropType<unknown>;
     shape: {

package/es/radio/types.d.ts

@@ -1,4 +1,4 @@
-export declare type RadioThemeVars = {
+export type RadioThemeVars = {
     radioSize?: string;
     radioBorderColor?: string;
     radioDuration?: string;

package/es/radio-group/RadioGroup.d.ts

@@ -1,6 +1,6 @@
 import { type PropType, type InjectionKey, type ExtractPropTypes } from 'vue';
 import type { CheckerDirection } from '../checkbox/Checker';
-export declare type RadioGroupDirection = CheckerDirection;
+export type RadioGroupDirection = CheckerDirection;
 export declare const radioGroupProps: {
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
@@ -8,8 +8,8 @@ export declare const radioGroupProps: {
     modelValue: PropType<unknown>;
     checkedColor: StringConstructor;
 };
-export declare type RadioGroupProps = ExtractPropTypes<typeof radioGroupProps>;
-export declare type RadioGroupProvide = {
+export type RadioGroupProps = ExtractPropTypes<typeof radioGroupProps>;
+export type RadioGroupProvide = {
     props: RadioGroupProps;
     updateValue: (value: unknown) => void;
 };

package/es/rate/Rate.d.ts

@@ -30,7 +30,7 @@ export declare const rateProps: {
     };
     disabledColor: StringConstructor;
 };
-export declare type RateProps = ExtractPropTypes<typeof rateProps>;
+export type RateProps = ExtractPropTypes<typeof rateProps>;
 declare const _default: import("vue").DefineComponent<{
     size: (NumberConstructor | StringConstructor)[];
     icon: {

package/es/rate/types.d.ts

@@ -1,4 +1,4 @@
-export declare type RateThemeVars = {
+export type RateThemeVars = {
     rateIconSize?: string;
     rateIconGutter?: string;
     rateIconVoidColor?: string;

package/es/row/Row.d.ts

@@ -1,14 +1,14 @@
 import { type PropType, type ComputedRef, type InjectionKey, type ExtractPropTypes } from 'vue';
-export declare type RowSpaces = {
+export type RowSpaces = {
     left?: number;
     right: number;
 }[];
-export declare type RowProvide = {
+export type RowProvide = {
     spaces: ComputedRef<RowSpaces>;
 };
 export declare const ROW_KEY: InjectionKey<RowProvide>;
-export declare type RowAlign = 'top' | 'center' | 'bottom';
-export declare type RowJustify = 'start' | 'end' | 'center' | 'space-around' | 'space-between';
+export type RowAlign = 'top' | 'center' | 'bottom';
+export type RowJustify = 'start' | 'end' | 'center' | 'space-around' | 'space-between';
 export declare const rowProps: {
     tag: {
         type: PropType<keyof HTMLElementTagNameMap>;
@@ -25,7 +25,7 @@ export declare const rowProps: {
     };
     justify: PropType<RowJustify>;
 };
-export declare type RowProps = ExtractPropTypes<typeof rowProps>;
+export type RowProps = ExtractPropTypes<typeof rowProps>;
 declare const _default: import("vue").DefineComponent<{
     tag: {
         type: PropType<keyof HTMLElementTagNameMap>;

package/es/search/Search.d.ts

@@ -60,7 +60,7 @@ export declare const searchProps: {
     background: StringConstructor;
     showAction: BooleanConstructor;
 };
-export declare type SearchProps = ExtractPropTypes<typeof searchProps>;
+export type SearchProps = ExtractPropTypes<typeof searchProps>;
 declare const _default: import("vue").DefineComponent<{
     id: StringConstructor;
     name: StringConstructor;

package/es/search/types.d.ts

@@ -1,12 +1,12 @@
 import type { ComponentPublicInstance } from 'vue';
 import type { SearchProps } from './Search';
-export declare type SearchShape = 'square' | 'round';
-export declare type SearchExpose = {
+export type SearchShape = 'square' | 'round';
+export type SearchExpose = {
     focus: () => void;
     blur: () => void;
 };
-export declare type SearchInstance = ComponentPublicInstance<SearchProps, SearchExpose>;
-export declare type SearchThemeVars = {
+export type SearchInstance = ComponentPublicInstance<SearchProps, SearchExpose>;
+export type SearchThemeVars = {
     searchPadding?: string;
     searchBackground?: string;
     searchContentBackground?: string;

package/es/share-sheet/ShareSheet.d.ts

@@ -1,11 +1,11 @@
 import { type ExtractPropTypes } from 'vue';
-export declare type ShareSheetOption = {
+export type ShareSheetOption = {
     name: string;
     icon: string;
     className?: string;
     description?: string;
 };
-export declare type ShareSheetOptions = ShareSheetOption[] | ShareSheetOption[][];
+export type ShareSheetOptions = ShareSheetOption[] | ShareSheetOption[][];
 export declare const shareSheetProps: {
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
@@ -52,7 +52,7 @@ export declare const shareSheetProps: {
         default: true;
     };
 };
-export declare type ShareSheetProps = ExtractPropTypes<typeof shareSheetProps>;
+export type ShareSheetProps = ExtractPropTypes<typeof shareSheetProps>;
 declare const _default: import("vue").DefineComponent<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
@@ -98,7 +98,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:show" | "cancel")[], "select" | "update:show" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "cancel" | "update:show")[], "select" | "cancel" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
     overlay: {

package/es/share-sheet/index.d.ts

@@ -43,7 +43,7 @@ export declare const ShareSheet: import("../utils").WithInstall<import("vue").De
         type: BooleanConstructor;
         default: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:show" | "cancel")[], "select" | "update:show" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "cancel" | "update:show")[], "select" | "cancel" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
     overlay: {

package/es/share-sheet/types.d.ts

@@ -1,4 +1,4 @@
-export declare type ShareSheetThemeVars = {
+export type ShareSheetThemeVars = {
     shareSheetHeaderPadding?: string;
     shareSheetTitleColor?: string;
     shareSheetTitleFontSize?: string;

package/es/sidebar/Sidebar.d.ts

@@ -1,5 +1,5 @@
 import { type InjectionKey, type ExtractPropTypes } from 'vue';
-export declare type SidebarProvide = {
+export type SidebarProvide = {
     getActive: () => number;
     setActive: (value: number) => void;
 };
@@ -10,7 +10,7 @@ export declare const sidebarProps: {
         default: number;
     };
 };
-export declare type SidebarProps = ExtractPropTypes<typeof sidebarProps>;
+export type SidebarProps = ExtractPropTypes<typeof sidebarProps>;
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
         type: (NumberConstructor | StringConstructor)[];

package/es/sidebar/types.d.ts

@@ -1,3 +1,3 @@
-export declare type SidebarThemeVars = {
+export type SidebarThemeVars = {
     sidebarWidth?: string;
 };

package/es/sidebar-item/SidebarItem.d.ts

@@ -11,7 +11,7 @@ export declare const sidebarItemProps: {
     disabled: BooleanConstructor;
     badgeProps: PropType<Partial<BadgeProps>>;
 };
-export declare type SidebarItemProps = ExtractPropTypes<typeof sidebarItemProps>;
+export type SidebarItemProps = ExtractPropTypes<typeof sidebarItemProps>;
 declare const _default: import("vue").DefineComponent<{
     to: PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;

package/es/sidebar-item/types.d.ts

@@ -1,4 +1,4 @@
-export declare type SidebarItemThemeVars = {
+export type SidebarItemThemeVars = {
     sidebarFontSize?: string;
     sidebarLineHeight?: number | string;
     sidebarTextColor?: string;

package/es/skeleton/Skeleton.d.ts

@@ -1,14 +1,20 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 import { type Numeric } from '../utils';
-export declare type SkeletonAvatarShape = 'square' | 'round';
+import type { SkeletonAvatarShape } from './types';
 export declare const skeletonProps: {
     row: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    title: BooleanConstructor;
     round: BooleanConstructor;
+    title: BooleanConstructor;
+    titleWidth: (NumberConstructor | StringConstructor)[];
     avatar: BooleanConstructor;
+    avatarSize: (NumberConstructor | StringConstructor)[];
+    avatarShape: {
+        type: PropType<SkeletonAvatarShape>;
+        default: SkeletonAvatarShape;
+    };
     loading: {
         type: BooleanConstructor;
         default: true;
@@ -17,26 +23,26 @@ export declare const skeletonProps: {
         type: BooleanConstructor;
         default: true;
     };
-    avatarSize: (NumberConstructor | StringConstructor)[];
-    titleWidth: (NumberConstructor | StringConstructor)[];
-    avatarShape: {
-        type: PropType<SkeletonAvatarShape>;
-        default: SkeletonAvatarShape;
-    };
     rowWidth: {
         type: PropType<Numeric | Numeric[]>;
         default: string;
     };
 };
-export declare type SkeletonProps = ExtractPropTypes<typeof skeletonProps>;
+export type SkeletonProps = ExtractPropTypes<typeof skeletonProps>;
 declare const _default: import("vue").DefineComponent<{
     row: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    title: BooleanConstructor;
     round: BooleanConstructor;
+    title: BooleanConstructor;
+    titleWidth: (NumberConstructor | StringConstructor)[];
     avatar: BooleanConstructor;
+    avatarSize: (NumberConstructor | StringConstructor)[];
+    avatarShape: {
+        type: PropType<SkeletonAvatarShape>;
+        default: SkeletonAvatarShape;
+    };
     loading: {
         type: BooleanConstructor;
         default: true;
@@ -45,12 +51,6 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-    avatarSize: (NumberConstructor | StringConstructor)[];
-    titleWidth: (NumberConstructor | StringConstructor)[];
-    avatarShape: {
-        type: PropType<SkeletonAvatarShape>;
-        default: SkeletonAvatarShape;
-    };
     rowWidth: {
         type: PropType<Numeric | Numeric[]>;
         default: string;
@@ -62,9 +62,15 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    title: BooleanConstructor;
     round: BooleanConstructor;
+    title: BooleanConstructor;
+    titleWidth: (NumberConstructor | StringConstructor)[];
     avatar: BooleanConstructor;
+    avatarSize: (NumberConstructor | StringConstructor)[];
+    avatarShape: {
+        type: PropType<SkeletonAvatarShape>;
+        default: SkeletonAvatarShape;
+    };
     loading: {
         type: BooleanConstructor;
         default: true;
@@ -73,12 +79,6 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-    avatarSize: (NumberConstructor | StringConstructor)[];
-    titleWidth: (NumberConstructor | StringConstructor)[];
-    avatarShape: {
-        type: PropType<SkeletonAvatarShape>;
-        default: SkeletonAvatarShape;
-    };
     rowWidth: {
         type: PropType<Numeric | Numeric[]>;
         default: string;
@@ -89,8 +89,8 @@ declare const _default: import("vue").DefineComponent<{
     round: boolean;
     loading: boolean;
     row: string | number;
-    avatar: boolean;
     avatarShape: SkeletonAvatarShape;
     rowWidth: Numeric | Numeric[];
+    avatar: boolean;
 }>;
 export default _default;

package/es/skeleton/Skeleton.mjs

@@ -1,19 +1,21 @@
-import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
+import { mergeProps as _mergeProps, Fragment as _Fragment, createVNode as _createVNode } from "vue";
 import { defineComponent } from "vue";
-import { addUnit, truthProp, numericProp, getSizeStyle, makeStringProp, makeNumericProp, createNamespace } from "../utils/index.mjs";
+import { addUnit, truthProp, numericProp, makeStringProp, makeNumericProp, createNamespace } from "../utils/index.mjs";
+import SkeletonTitle from "./SkeletonTitle.mjs";
+import SkeletonAvatar from "./SkeletonAvatar.mjs";
+import SkeletonParagraph, { DEFAULT_ROW_WIDTH } from "./SkeletonParagraph.mjs";
 const [name, bem] = createNamespace("skeleton");
-const DEFAULT_ROW_WIDTH = "100%";
 const DEFAULT_LAST_ROW_WIDTH = "60%";
 const skeletonProps = {
   row: makeNumericProp(0),
-  title: Boolean,
   round: Boolean,
+  title: Boolean,
+  titleWidth: numericProp,
   avatar: Boolean,
-  loading: truthProp,
-  animate: truthProp,
   avatarSize: numericProp,
-  titleWidth: numericProp,
   avatarShape: makeStringProp("round"),
+  loading: truthProp,
+  animate: truthProp,
   rowWidth: {
     type: [Number, String, Array],
     default: DEFAULT_ROW_WIDTH
@@ -29,19 +31,17 @@ var stdin_default = defineComponent({
   }) {
     const renderAvatar = () => {
       if (props.avatar) {
-        return _createVNode("div", {
-          "class": bem("avatar", props.avatarShape),
-          "style": getSizeStyle(props.avatarSize)
+        return _createVNode(SkeletonAvatar, {
+          "avatarShape": props.avatarShape,
+          "avatarSize": props.avatarSize
         }, null);
       }
     };
     const renderTitle = () => {
       if (props.title) {
-        return _createVNode("h3", {
-          "class": bem("title"),
-          "style": {
-            width: addUnit(props.titleWidth)
-          }
+        return _createVNode(SkeletonTitle, {
+          "round": props.round,
+          "titleWidth": props.titleWidth
         }, null);
       }
     };
@@ -57,12 +57,19 @@ var stdin_default = defineComponent({
       }
       return rowWidth;
     };
-    const renderRows = () => Array(+props.row).fill("").map((_, i) => _createVNode("div", {
-      "class": bem("row"),
-      "style": {
-        width: addUnit(getRowWidth(i))
-      }
+    const renderRows = () => Array(+props.row).fill("").map((_, i) => _createVNode(SkeletonParagraph, {
+      "key": i,
+      "round": props.round,
+      "rowWidth": addUnit(getRowWidth(i))
     }, null));
+    const renderContents = () => {
+      if (slots.template) {
+        return slots.template();
+      }
+      return _createVNode(_Fragment, null, [renderAvatar(), _createVNode("div", {
+        "class": bem("content")
+      }, [renderTitle(), renderRows()])]);
+    };
     return () => {
       var _a;
       if (!props.loading) {
@@ -73,9 +80,7 @@ var stdin_default = defineComponent({
           animate: props.animate,
           round: props.round
         })
-      }, attrs), [renderAvatar(), _createVNode("div", {
-        "class": bem("content")
-      }, [renderTitle(), renderRows()])]);
+      }, attrs), [renderContents()]);
     };
   }
 });

package/es/skeleton/SkeletonAvatar.d.ts

@@ -0,0 +1,26 @@
+import { ExtractPropTypes } from 'vue';
+import type { SkeletonAvatarShape } from './types';
+export declare const skeletonAvatarProps: {
+    avatarSize: (NumberConstructor | StringConstructor)[];
+    avatarShape: {
+        type: import("vue").PropType<SkeletonAvatarShape>;
+        default: SkeletonAvatarShape;
+    };
+};
+export type SkeletonAvatarProps = ExtractPropTypes<typeof skeletonAvatarProps>;
+declare const _default: import("vue").DefineComponent<{
+    avatarSize: (NumberConstructor | StringConstructor)[];
+    avatarShape: {
+        type: import("vue").PropType<SkeletonAvatarShape>;
+        default: SkeletonAvatarShape;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    avatarSize: (NumberConstructor | StringConstructor)[];
+    avatarShape: {
+        type: import("vue").PropType<SkeletonAvatarShape>;
+        default: SkeletonAvatarShape;
+    };
+}>>, {
+    avatarShape: SkeletonAvatarShape;
+}>;
+export default _default;

package/es/skeleton/SkeletonAvatar.mjs

@@ -0,0 +1,22 @@
+import { createVNode as _createVNode } from "vue";
+import { defineComponent } from "vue";
+import { numericProp, getSizeStyle, makeStringProp, createNamespace } from "../utils/index.mjs";
+const [name, bem] = createNamespace("skeleton-avatar");
+const skeletonAvatarProps = {
+  avatarSize: numericProp,
+  avatarShape: makeStringProp("round")
+};
+var stdin_default = defineComponent({
+  name,
+  props: skeletonAvatarProps,
+  setup(props) {
+    return () => _createVNode("div", {
+      "class": bem([props.avatarShape]),
+      "style": getSizeStyle(props.avatarSize)
+    }, null);
+  }
+});
+export {
+  stdin_default as default,
+  skeletonAvatarProps
+};

package/es/skeleton/SkeletonImage.d.ts

@@ -0,0 +1,26 @@
+import { type ExtractPropTypes } from 'vue';
+import type { SkeletonImageShape } from './types';
+export declare const skeletonImageProps: {
+    imageSize: (NumberConstructor | StringConstructor)[];
+    imageShape: {
+        type: import("vue").PropType<SkeletonImageShape>;
+        default: SkeletonImageShape;
+    };
+};
+export type SkeletonImageProps = ExtractPropTypes<typeof skeletonImageProps>;
+declare const _default: import("vue").DefineComponent<{
+    imageSize: (NumberConstructor | StringConstructor)[];
+    imageShape: {
+        type: import("vue").PropType<SkeletonImageShape>;
+        default: SkeletonImageShape;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    imageSize: (NumberConstructor | StringConstructor)[];
+    imageShape: {
+        type: import("vue").PropType<SkeletonImageShape>;
+        default: SkeletonImageShape;
+    };
+}>>, {
+    imageShape: SkeletonImageShape;
+}>;
+export default _default;