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

package/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/pull-refresh/types.d.ts

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

package/lib/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/lib/radio/types.d.ts

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

package/lib/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/lib/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/lib/rate/types.d.ts

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

package/lib/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/lib/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/lib/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/lib/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/lib/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/lib/share-sheet/types.d.ts

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

package/lib/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/lib/sidebar/types.d.ts

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

package/lib/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/lib/sidebar-item/types.d.ts

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

package/lib/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/lib/skeleton/Skeleton.js

@@ -1,6 +1,8 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name2 in all)
@@ -14,6 +16,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
@@ -24,22 +30,24 @@ module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
 var import_vue2 = require("vue");
 var import_utils = require("../utils");
+var import_SkeletonTitle = __toESM(require("./SkeletonTitle"));
+var import_SkeletonAvatar = __toESM(require("./SkeletonAvatar"));
+var import_SkeletonParagraph = __toESM(require("./SkeletonParagraph"));
 const [name, bem] = (0, import_utils.createNamespace)("skeleton");
-const DEFAULT_ROW_WIDTH = "100%";
 const DEFAULT_LAST_ROW_WIDTH = "60%";
 const skeletonProps = {
   row: (0, import_utils.makeNumericProp)(0),
-  title: Boolean,
   round: Boolean,
+  title: Boolean,
+  titleWidth: import_utils.numericProp,
   avatar: Boolean,
-  loading: import_utils.truthProp,
-  animate: import_utils.truthProp,
   avatarSize: import_utils.numericProp,
-  titleWidth: import_utils.numericProp,
   avatarShape: (0, import_utils.makeStringProp)("round"),
+  loading: import_utils.truthProp,
+  animate: import_utils.truthProp,
   rowWidth: {
     type: [Number, String, Array],
-    default: DEFAULT_ROW_WIDTH
+    default: import_SkeletonParagraph.DEFAULT_ROW_WIDTH
   }
 };
 var stdin_default = (0, import_vue2.defineComponent)({
@@ -52,19 +60,17 @@ var stdin_default = (0, import_vue2.defineComponent)({
   }) {
     const renderAvatar = () => {
       if (props.avatar) {
-        return (0, import_vue.createVNode)("div", {
-          "class": bem("avatar", props.avatarShape),
-          "style": (0, import_utils.getSizeStyle)(props.avatarSize)
+        return (0, import_vue.createVNode)(import_SkeletonAvatar.default, {
+          "avatarShape": props.avatarShape,
+          "avatarSize": props.avatarSize
         }, null);
       }
     };
     const renderTitle = () => {
       if (props.title) {
-        return (0, import_vue.createVNode)("h3", {
-          "class": bem("title"),
-          "style": {
-            width: (0, import_utils.addUnit)(props.titleWidth)
-          }
+        return (0, import_vue.createVNode)(import_SkeletonTitle.default, {
+          "round": props.round,
+          "titleWidth": props.titleWidth
         }, null);
       }
     };
@@ -72,7 +78,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       const {
         rowWidth
       } = props;
-      if (rowWidth === DEFAULT_ROW_WIDTH && index === +props.row - 1) {
+      if (rowWidth === import_SkeletonParagraph.DEFAULT_ROW_WIDTH && index === +props.row - 1) {
         return DEFAULT_LAST_ROW_WIDTH;
       }
       if (Array.isArray(rowWidth)) {
@@ -80,12 +86,19 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
       return rowWidth;
     };
-    const renderRows = () => Array(+props.row).fill("").map((_, i) => (0, import_vue.createVNode)("div", {
-      "class": bem("row"),
-      "style": {
-        width: (0, import_utils.addUnit)(getRowWidth(i))
-      }
+    const renderRows = () => Array(+props.row).fill("").map((_, i) => (0, import_vue.createVNode)(import_SkeletonParagraph.default, {
+      "key": i,
+      "round": props.round,
+      "rowWidth": (0, import_utils.addUnit)(getRowWidth(i))
     }, null));
+    const renderContents = () => {
+      if (slots.template) {
+        return slots.template();
+      }
+      return (0, import_vue.createVNode)(import_vue.Fragment, null, [renderAvatar(), (0, import_vue.createVNode)("div", {
+        "class": bem("content")
+      }, [renderTitle(), renderRows()])]);
+    };
     return () => {
       var _a;
       if (!props.loading) {
@@ -96,9 +109,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
           animate: props.animate,
           round: props.round
         })
-      }, attrs), [renderAvatar(), (0, import_vue.createVNode)("div", {
-        "class": bem("content")
-      }, [renderTitle(), renderRows()])]);
+      }, attrs), [renderContents()]);
     };
   }
 });

package/lib/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/lib/skeleton/SkeletonAvatar.js

@@ -0,0 +1,41 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  default: () => stdin_default,
+  skeletonAvatarProps: () => skeletonAvatarProps
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_utils = require("../utils");
+const [name, bem] = (0, import_utils.createNamespace)("skeleton-avatar");
+const skeletonAvatarProps = {
+  avatarSize: import_utils.numericProp,
+  avatarShape: (0, import_utils.makeStringProp)("round")
+};
+var stdin_default = (0, import_vue2.defineComponent)({
+  name,
+  props: skeletonAvatarProps,
+  setup(props) {
+    return () => (0, import_vue.createVNode)("div", {
+      "class": bem([props.avatarShape]),
+      "style": (0, import_utils.getSizeStyle)(props.avatarSize)
+    }, null);
+  }
+});