vant 3.2.2 → 3.2.6

package/lib/search/index.d.ts

@@ -1,14 +1,33 @@
+import { SearchProps } from './Search';
 export declare const Search: import("../utils").WithInstall<import("vue").DefineComponent<{
     id: StringConstructor;
-    formatter: import("vue").PropType<(value: string) => string>;
+    name: StringConstructor;
     leftIcon: StringConstructor;
     rightIcon: StringConstructor;
     autofocus: BooleanConstructor;
     clearable: BooleanConstructor;
     maxlength: (NumberConstructor | StringConstructor)[];
+    formatter: import("vue").PropType<(value: string) => string>;
+    clearIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
     inputAlign: import("vue").PropType<import("..").FieldTextAlign>;
     placeholder: StringConstructor;
+    autocomplete: StringConstructor;
     errorMessage: StringConstructor;
+    clearTrigger: {
+        type: import("vue").PropType<import("..").FieldClearTrigger>;
+        default: import("..").FieldClearTrigger;
+    };
+    formatTrigger: {
+        type: import("vue").PropType<import("..").FieldFormatTrigger>;
+        default: import("..").FieldFormatTrigger;
+    };
     error: {
         type: BooleanConstructor;
         default: null;
@@ -21,24 +40,16 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
         type: BooleanConstructor;
         default: null;
     };
-    clearIcon: {
-        type: StringConstructor;
-        default: string;
-    };
-    modelValue: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: string;
-    };
-    clearTrigger: {
-        type: import("vue").PropType<import("..").FieldClearTrigger>;
-        default: string;
+} & {
+    label: StringConstructor;
+    shape: {
+        type: import("vue").PropType<import("./types").SearchShape>;
+        default: import("./types").SearchShape;
     };
-    formatTrigger: {
-        type: import("vue").PropType<import("..").FieldFormatTrigger>;
+    leftIcon: {
+        type: import("vue").PropType<string>;
         default: string;
     };
-} & {
-    label: StringConstructor;
     clearable: {
         type: BooleanConstructor;
         default: true;
@@ -46,56 +57,52 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
     actionText: StringConstructor;
     background: StringConstructor;
     showAction: BooleanConstructor;
-    shape: {
-        type: import("vue").PropType<import("./types").SearchShape>;
-        default: string;
-    };
-    leftIcon: {
-        type: StringConstructor;
-        default: string;
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "update:modelValue" | "cancel")[], "search" | "update:modelValue" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     id?: unknown;
-    formatter?: unknown;
+    name?: unknown;
     leftIcon?: unknown;
     rightIcon?: unknown;
     autofocus?: unknown;
     clearable?: unknown;
     maxlength?: unknown;
+    formatter?: unknown;
+    clearIcon?: unknown;
+    modelValue?: unknown;
     inputAlign?: unknown;
     placeholder?: unknown;
+    autocomplete?: unknown;
     errorMessage?: unknown;
+    clearTrigger?: unknown;
+    formatTrigger?: unknown;
     error?: unknown;
     disabled?: unknown;
     readonly?: unknown;
-    clearIcon?: unknown;
-    modelValue?: unknown;
-    clearTrigger?: unknown;
-    formatTrigger?: unknown;
     label?: unknown;
+    shape?: unknown;
     actionText?: unknown;
     background?: unknown;
     showAction?: unknown;
-    shape?: unknown;
 } & {
-    leftIcon: string;
     autofocus: boolean;
-    clearable: boolean;
-    error: boolean;
     disabled: boolean;
-    readonly: boolean;
+    shape: import("./types").SearchShape;
+    leftIcon: string;
+    clearable: boolean;
     clearIcon: string;
     modelValue: string | number;
     clearTrigger: import("..").FieldClearTrigger;
     formatTrigger: import("..").FieldFormatTrigger;
-    shape: import("./types").SearchShape;
+    error: boolean;
+    readonly: boolean;
     showAction: boolean;
 } & {
+    name?: string | undefined;
     label?: string | undefined;
+    autocomplete?: string | undefined;
     id?: string | undefined;
-    formatter?: ((value: string) => string) | undefined;
     rightIcon?: string | undefined;
     maxlength?: string | number | undefined;
+    formatter?: ((value: string) => string) | undefined;
     inputAlign?: import("..").FieldTextAlign | undefined;
     placeholder?: string | undefined;
     errorMessage?: string | undefined;
@@ -106,18 +113,19 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
     onCancel?: ((...args: any[]) => any) | undefined;
     onSearch?: ((...args: any[]) => any) | undefined;
 }, {
-    leftIcon: string;
     autofocus: boolean;
-    clearable: boolean;
-    error: boolean;
     disabled: boolean;
-    readonly: boolean;
+    shape: import("./types").SearchShape;
+    leftIcon: string;
+    clearable: boolean;
     clearIcon: string;
     modelValue: string | number;
     clearTrigger: import("..").FieldClearTrigger;
     formatTrigger: import("..").FieldFormatTrigger;
-    shape: import("./types").SearchShape;
+    error: boolean;
+    readonly: boolean;
     showAction: boolean;
 }>>;
 export default Search;
+export type { SearchProps };
 export type { SearchShape, SearchInstance } from './types';

package/lib/search/index.less

@@ -19,13 +19,13 @@
   align-items: center;
   box-sizing: border-box;
   padding: var(--van-search-padding);
-  background-color: var(--van-search-background-color);
+  background: var(--van-search-background-color);
 
   &__content {
     display: flex;
     flex: 1;
     padding-left: var(--van-padding-sm);
-    background-color: var(--van-search-content-background-color);
+    background: var(--van-search-content-background-color);
     border-radius: var(--van-border-radius-sm);
 
     &--round {

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

@@ -1,4 +1,3 @@
-import { PropType } from 'vue';
 export declare type ShareSheetOption = {
     name: string;
     icon: string;
@@ -14,7 +13,7 @@ declare const _default: import("vue").DefineComponent<{
         default: true;
     };
     duration: (NumberConstructor | StringConstructor)[];
-    teleport: PropType<string | import("vue").RendererElement | null | undefined>;
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
     lockScroll: {
         type: BooleanConstructor;
         default: true;
@@ -23,9 +22,9 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-    beforeClose: PropType<import("../utils").Interceptor>;
-    overlayStyle: PropType<import("vue").CSSProperties>;
-    overlayClass: PropType<unknown>;
+    beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
+    overlayClass: import("vue").PropType<unknown>;
     transitionAppear: BooleanConstructor;
     closeOnClickOverlay: {
         type: BooleanConstructor;
@@ -33,6 +32,14 @@ declare const _default: import("vue").DefineComponent<{
     };
 } & {
     title: StringConstructor;
+    round: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    options: {
+        type: import("vue").PropType<(ShareSheetOption | ShareSheetOption[])[]>;
+        default: () => never[];
+    };
     cancelText: StringConstructor;
     description: StringConstructor;
     closeOnPopstate: {
@@ -43,11 +50,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-    options: {
-        type: PropType<ShareSheetOptions>;
-        default: () => never[];
-    };
-}, () => 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/runtime-core").ComponentCustomProps, Readonly<{
+}, () => 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/runtime-core").ComponentCustomProps, Readonly<{
     show?: unknown;
     zIndex?: unknown;
     overlay?: unknown;
@@ -61,12 +64,14 @@ declare const _default: import("vue").DefineComponent<{
     transitionAppear?: unknown;
     closeOnClickOverlay?: unknown;
     title?: unknown;
+    round?: unknown;
+    options?: unknown;
     cancelText?: unknown;
     description?: unknown;
     closeOnPopstate?: unknown;
     safeAreaInsetBottom?: unknown;
-    options?: unknown;
 } & {
+    round: boolean;
     safeAreaInsetBottom: boolean;
     overlay: boolean;
     show: boolean;
@@ -75,7 +80,7 @@ declare const _default: import("vue").DefineComponent<{
     transitionAppear: boolean;
     closeOnClickOverlay: boolean;
     closeOnPopstate: boolean;
-    options: ShareSheetOptions;
+    options: (ShareSheetOption | ShareSheetOption[])[];
 } & {
     description?: string | undefined;
     title?: string | undefined;
@@ -91,6 +96,7 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
 }, {
+    round: boolean;
     safeAreaInsetBottom: boolean;
     overlay: boolean;
     show: boolean;
@@ -99,6 +105,6 @@ declare const _default: import("vue").DefineComponent<{
     transitionAppear: boolean;
     closeOnClickOverlay: boolean;
     closeOnPopstate: boolean;
-    options: ShareSheetOptions;
+    options: (ShareSheetOption | ShareSheetOption[])[];
 }>;
 export default _default;

package/lib/share-sheet/ShareSheet.js

@@ -14,7 +14,7 @@ var _popup = require("../popup");
 // Utils
 // Components
 var PRESET_ICONS = ['qq', 'link', 'weibo', 'wechat', 'poster', 'qrcode', 'weapp-qrcode', 'wechat-moments'];
-var popupKeys = [..._shared.popupSharedPropKeys, 'closeOnPopstate', 'safeAreaInsetBottom'];
+var popupKeys = [..._shared.popupSharedPropKeys, 'round', 'closeOnPopstate', 'safeAreaInsetBottom'];
 
 function getIconURL(icon) {
   if (PRESET_ICONS.includes(icon)) {
@@ -30,14 +30,12 @@ var _default = (0, _vue.defineComponent)({
   name,
   props: (0, _utils.extend)({}, _shared.popupSharedProps, {
     title: String,
+    round: _utils.truthProp,
+    options: (0, _utils.makeArrayProp)(),
     cancelText: String,
     description: String,
     closeOnPopstate: _utils.truthProp,
-    safeAreaInsetBottom: _utils.truthProp,
-    options: {
-      type: Array,
-      default: () => []
-    }
+    safeAreaInsetBottom: _utils.truthProp
   }),
   emits: ['cancel', 'select', 'update:show'],
 
@@ -124,12 +122,10 @@ var _default = (0, _vue.defineComponent)({
     };
 
     return () => (0, _vue.createVNode)(_popup.Popup, (0, _vue.mergeProps)({
-      "round": true,
       "class": bem(),
-      "position": "bottom"
-    }, (0, _utils.pick)(props, popupKeys), {
-      'onUpdate:show': updateShow
-    }), {
+      "position": "bottom",
+      "onUpdate:show": updateShow
+    }, (0, _utils.pick)(props, popupKeys)), {
       default: () => [renderHeader(), renderRows(), renderCancelButton()]
     });
   }

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

@@ -25,6 +25,14 @@ export declare const ShareSheet: import("../utils").WithInstall<import("vue").De
     };
 } & {
     title: StringConstructor;
+    round: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    options: {
+        type: import("vue").PropType<(import("./ShareSheet").ShareSheetOption | import("./ShareSheet").ShareSheetOption[])[]>;
+        default: () => never[];
+    };
     cancelText: StringConstructor;
     description: StringConstructor;
     closeOnPopstate: {
@@ -35,11 +43,7 @@ export declare const ShareSheet: import("../utils").WithInstall<import("vue").De
         type: BooleanConstructor;
         default: true;
     };
-    options: {
-        type: import("vue").PropType<import("./ShareSheet").ShareSheetOptions>;
-        default: () => never[];
-    };
-}, () => 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/runtime-core").ComponentCustomProps, Readonly<{
+}, () => 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/runtime-core").ComponentCustomProps, Readonly<{
     show?: unknown;
     zIndex?: unknown;
     overlay?: unknown;
@@ -53,12 +57,14 @@ export declare const ShareSheet: import("../utils").WithInstall<import("vue").De
     transitionAppear?: unknown;
     closeOnClickOverlay?: unknown;
     title?: unknown;
+    round?: unknown;
+    options?: unknown;
     cancelText?: unknown;
     description?: unknown;
     closeOnPopstate?: unknown;
     safeAreaInsetBottom?: unknown;
-    options?: unknown;
 } & {
+    round: boolean;
     safeAreaInsetBottom: boolean;
     overlay: boolean;
     show: boolean;
@@ -67,7 +73,7 @@ export declare const ShareSheet: import("../utils").WithInstall<import("vue").De
     transitionAppear: boolean;
     closeOnClickOverlay: boolean;
     closeOnPopstate: boolean;
-    options: import("./ShareSheet").ShareSheetOptions;
+    options: (import("./ShareSheet").ShareSheetOption | import("./ShareSheet").ShareSheetOption[])[];
 } & {
     description?: string | undefined;
     title?: string | undefined;
@@ -83,6 +89,7 @@ export declare const ShareSheet: import("../utils").WithInstall<import("vue").De
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
 }, {
+    round: boolean;
     safeAreaInsetBottom: boolean;
     overlay: boolean;
     show: boolean;
@@ -91,7 +98,7 @@ export declare const ShareSheet: import("../utils").WithInstall<import("vue").De
     transitionAppear: boolean;
     closeOnClickOverlay: boolean;
     closeOnPopstate: boolean;
-    options: import("./ShareSheet").ShareSheetOptions;
+    options: (import("./ShareSheet").ShareSheetOption | import("./ShareSheet").ShareSheetOption[])[];
 }>>;
 export default ShareSheet;
 export type { ShareSheetOption, ShareSheetOptions } from './ShareSheet';

package/lib/sidebar/Sidebar.js

@@ -16,10 +16,7 @@ exports.SIDEBAR_KEY = SIDEBAR_KEY;
 var _default = (0, _vue.defineComponent)({
   name,
   props: {
-    modelValue: {
-      type: [Number, String],
-      default: 0
-    }
+    modelValue: (0, _utils.makeNumericProp)(0)
   },
   emits: ['change', 'update:modelValue'],
 

package/lib/sidebar-item/SidebarItem.js

@@ -25,7 +25,7 @@ var _default = (0, _vue.defineComponent)({
   props: (0, _utils.extend)({}, _useRoute.routeProps, {
     dot: Boolean,
     title: String,
-    badge: [Number, String],
+    badge: _utils.numericProp,
     disabled: Boolean
   }),
   emits: ['click'],

package/lib/sidebar-item/index.css

@@ -1 +1 @@
-:root{--van-sidebar-font-size:var(--van-font-size-md);--van-sidebar-line-height:var(--van-line-height-md);--van-sidebar-text-color:var(--van-text-color);--van-sidebar-disabled-text-color:var(--van-gray-5);--van-sidebar-padding:20px var(--van-padding-sm);--van-sidebar-active-color:var(--van-active-color);--van-sidebar-background-color:var(--van-background-color);--van-sidebar-selected-font-weight:var(--van-font-weight-bold);--van-sidebar-selected-text-color:var(--van-text-color);--van-sidebar-selected-border-width:4px;--van-sidebar-selected-border-height:16px;--van-sidebar-selected-border-color:var(--van-danger-color);--van-sidebar-selected-background-color:var(--van-white)}.van-sidebar-item{position:relative;display:block;box-sizing:border-box;padding:var(--van-sidebar-padding);overflow:hidden;color:var(--van-sidebar-text-color);font-size:var(--van-sidebar-font-size);line-height:var(--van-sidebar-line-height);background-color:var(--van-sidebar-background-color);cursor:pointer;-webkit-user-select:none;user-select:none}.van-sidebar-item:active{background-color:var(--van-sidebar-active-color)}.van-sidebar-item:not(:last-child)::after{border-bottom-width:1px}.van-sidebar-item__text{word-break:break-all}.van-sidebar-item--select{color:var(--van-sidebar-selected-text-color);font-weight:var(--van-sidebar-selected-font-weight)}.van-sidebar-item--select,.van-sidebar-item--select:active{background-color:var(--van-sidebar-selected-background-color)}.van-sidebar-item--select::before{position:absolute;top:50%;left:0;width:var(--van-sidebar-selected-border-width);height:var(--van-sidebar-selected-border-height);background-color:var(--van-sidebar-selected-border-color);transform:translateY(-50%);content:''}.van-sidebar-item--disabled{color:var(--van-sidebar-disabled-text-color);cursor:not-allowed}.van-sidebar-item--disabled:active{background-color:var(--van-sidebar-background-color)}
+:root{--van-sidebar-font-size:var(--van-font-size-md);--van-sidebar-line-height:var(--van-line-height-md);--van-sidebar-text-color:var(--van-text-color);--van-sidebar-disabled-text-color:var(--van-gray-5);--van-sidebar-padding:20px var(--van-padding-sm);--van-sidebar-active-color:var(--van-active-color);--van-sidebar-background-color:var(--van-background-color);--van-sidebar-selected-font-weight:var(--van-font-weight-bold);--van-sidebar-selected-text-color:var(--van-text-color);--van-sidebar-selected-border-width:4px;--van-sidebar-selected-border-height:16px;--van-sidebar-selected-border-color:var(--van-danger-color);--van-sidebar-selected-background-color:var(--van-white)}.van-sidebar-item{position:relative;display:block;box-sizing:border-box;padding:var(--van-sidebar-padding);overflow:hidden;color:var(--van-sidebar-text-color);font-size:var(--van-sidebar-font-size);line-height:var(--van-sidebar-line-height);background:var(--van-sidebar-background-color);cursor:pointer;-webkit-user-select:none;user-select:none}.van-sidebar-item:active{background-color:var(--van-sidebar-active-color)}.van-sidebar-item:not(:last-child)::after{border-bottom-width:1px}.van-sidebar-item__text{word-break:break-all}.van-sidebar-item--select{color:var(--van-sidebar-selected-text-color);font-weight:var(--van-sidebar-selected-font-weight)}.van-sidebar-item--select,.van-sidebar-item--select:active{background-color:var(--van-sidebar-selected-background-color)}.van-sidebar-item--select::before{position:absolute;top:50%;left:0;width:var(--van-sidebar-selected-border-width);height:var(--van-sidebar-selected-border-height);background-color:var(--van-sidebar-selected-border-color);transform:translateY(-50%);content:''}.van-sidebar-item--disabled{color:var(--van-sidebar-disabled-text-color);cursor:not-allowed}.van-sidebar-item--disabled:active{background-color:var(--van-sidebar-background-color)}

package/lib/sidebar-item/index.less

@@ -25,7 +25,7 @@
   color: var(--van-sidebar-text-color);
   font-size: var(--van-sidebar-font-size);
   line-height: var(--van-sidebar-line-height);
-  background-color: var(--van-sidebar-background-color);
+  background: var(--van-sidebar-background-color);
   cursor: pointer;
   user-select: none;
 

package/lib/skeleton/Skeleton.d.ts

@@ -1,5 +1,10 @@
 import { PropType } from 'vue';
+export declare type SkeletonAvatarShape = 'square' | 'round';
 declare const _default: import("vue").DefineComponent<{
+    row: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     title: BooleanConstructor;
     round: BooleanConstructor;
     avatar: BooleanConstructor;
@@ -13,13 +18,9 @@ declare const _default: import("vue").DefineComponent<{
     };
     avatarSize: (NumberConstructor | StringConstructor)[];
     titleWidth: (NumberConstructor | StringConstructor)[];
-    row: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
     avatarShape: {
-        type: PropType<"round" | "square">;
-        default: string;
+        type: PropType<SkeletonAvatarShape>;
+        default: SkeletonAvatarShape;
     };
     rowWidth: {
         type: PropType<string | number | (string | number)[]>;
@@ -28,6 +29,7 @@ declare const _default: import("vue").DefineComponent<{
 }, () => JSX.Element | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>[] | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    row?: unknown;
     title?: unknown;
     round?: unknown;
     avatar?: unknown;
@@ -35,7 +37,6 @@ declare const _default: import("vue").DefineComponent<{
     animate?: unknown;
     avatarSize?: unknown;
     titleWidth?: unknown;
-    row?: unknown;
     avatarShape?: unknown;
     rowWidth?: unknown;
 } & {
@@ -45,19 +46,19 @@ declare const _default: import("vue").DefineComponent<{
     loading: boolean;
     row: string | number;
     avatar: boolean;
-    avatarShape: "round" | "square";
+    avatarShape: SkeletonAvatarShape;
     rowWidth: string | number | (string | number)[];
 } & {
     avatarSize?: string | number | undefined;
     titleWidth?: string | number | undefined;
-}> & {}, {
+}>, {
     title: boolean;
     animate: boolean;
     round: boolean;
     loading: boolean;
     row: string | number;
     avatar: boolean;
-    avatarShape: "round" | "square";
+    avatarShape: SkeletonAvatarShape;
     rowWidth: string | number | (string | number)[];
 }>;
 export default _default;

package/lib/skeleton/Skeleton.js

@@ -14,21 +14,15 @@ var DEFAULT_LAST_ROW_WIDTH = '60%';
 var _default = (0, _vue.defineComponent)({
   name,
   props: {
+    row: (0, _utils.makeNumericProp)(0),
     title: Boolean,
     round: Boolean,
     avatar: Boolean,
     loading: _utils.truthProp,
     animate: _utils.truthProp,
-    avatarSize: [Number, String],
-    titleWidth: [Number, String],
-    row: {
-      type: [Number, String],
-      default: 0
-    },
-    avatarShape: {
-      type: String,
-      default: 'round'
-    },
+    avatarSize: _utils.numericProp,
+    titleWidth: _utils.numericProp,
+    avatarShape: (0, _utils.makeStringProp)('round'),
     rowWidth: {
       type: [Number, String, Array],
       default: DEFAULT_ROW_WIDTH

package/lib/skeleton/index.css

@@ -1 +1 @@
-:root{--van-skeleton-row-height:16px;--van-skeleton-row-background-color:var(--van-active-color);--van-skeleton-row-margin-top:var(--van-padding-sm);--van-skeleton-title-width:40%;--van-skeleton-avatar-size:32px;--van-skeleton-avatar-background-color:var(--van-active-color);--van-skeleton-animation-duration:1.2s}.van-skeleton{display:flex;padding:0 var(--van-padding-md)}.van-skeleton__avatar{flex-shrink:0;width:var(--van-skeleton-avatar-size);height:var(--van-skeleton-avatar-size);margin-right:var(--van-padding-md);background-color:var(--van-skeleton-avatar-background-color)}.van-skeleton__avatar--round{border-radius:var(--van-border-radius-max)}.van-skeleton__content{width:100%}.van-skeleton__avatar+.van-skeleton__content{padding-top:var(--van-padding-xs)}.van-skeleton__row,.van-skeleton__title{height:var(--van-skeleton-row-height);background-color:var(--van-skeleton-row-background-color)}.van-skeleton__title{width:var(--van-skeleton-title-width);margin:0}.van-skeleton__row:not(:first-child){margin-top:var(--van-skeleton-row-margin-top)}.van-skeleton__title+.van-skeleton__row{margin-top:20px}.van-skeleton--animate{animation:van-skeleton-blink var(--van-skeleton-animation-duration) ease-in-out infinite}.van-skeleton--round .van-skeleton__row,.van-skeleton--round .van-skeleton__title{border-radius:var(--van-border-radius-max)}@keyframes van-skeleton-blink{50%{opacity:.6}}
+:root{--van-skeleton-row-height:16px;--van-skeleton-row-background-color:var(--van-active-color);--van-skeleton-row-margin-top:var(--van-padding-sm);--van-skeleton-title-width:40%;--van-skeleton-avatar-size:32px;--van-skeleton-avatar-background-color:var(--van-active-color);--van-skeleton-animation-duration:1.2s}.van-skeleton{display:flex;padding:0 var(--van-padding-md)}.van-skeleton__avatar{flex-shrink:0;width:var(--van-skeleton-avatar-size);height:var(--van-skeleton-avatar-size);margin-right:var(--van-padding-md);background:var(--van-skeleton-avatar-background-color)}.van-skeleton__avatar--round{border-radius:var(--van-border-radius-max)}.van-skeleton__content{width:100%}.van-skeleton__avatar+.van-skeleton__content{padding-top:var(--van-padding-xs)}.van-skeleton__row,.van-skeleton__title{height:var(--van-skeleton-row-height);background:var(--van-skeleton-row-background-color)}.van-skeleton__title{width:var(--van-skeleton-title-width);margin:0}.van-skeleton__row:not(:first-child){margin-top:var(--van-skeleton-row-margin-top)}.van-skeleton__title+.van-skeleton__row{margin-top:20px}.van-skeleton--animate{animation:van-skeleton-blink var(--van-skeleton-animation-duration) ease-in-out infinite}.van-skeleton--round .van-skeleton__row,.van-skeleton--round .van-skeleton__title{border-radius:var(--van-border-radius-max)}@keyframes van-skeleton-blink{50%{opacity:.6}}

package/lib/skeleton/index.d.ts

@@ -1,4 +1,9 @@
+import { SkeletonAvatarShape } from './Skeleton';
 export declare const Skeleton: import("../utils").WithInstall<import("vue").DefineComponent<{
+    row: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     title: BooleanConstructor;
     round: BooleanConstructor;
     avatar: BooleanConstructor;
@@ -12,13 +17,9 @@ export declare const Skeleton: import("../utils").WithInstall<import("vue").Defi
     };
     avatarSize: (NumberConstructor | StringConstructor)[];
     titleWidth: (NumberConstructor | StringConstructor)[];
-    row: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
     avatarShape: {
-        type: import("vue").PropType<"round" | "square">;
-        default: string;
+        type: import("vue").PropType<SkeletonAvatarShape>;
+        default: SkeletonAvatarShape;
     };
     rowWidth: {
         type: import("vue").PropType<string | number | (string | number)[]>;
@@ -27,6 +28,7 @@ export declare const Skeleton: import("../utils").WithInstall<import("vue").Defi
 }, () => JSX.Element | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>[] | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    row?: unknown;
     title?: unknown;
     round?: unknown;
     avatar?: unknown;
@@ -34,7 +36,6 @@ export declare const Skeleton: import("../utils").WithInstall<import("vue").Defi
     animate?: unknown;
     avatarSize?: unknown;
     titleWidth?: unknown;
-    row?: unknown;
     avatarShape?: unknown;
     rowWidth?: unknown;
 } & {
@@ -44,19 +45,20 @@ export declare const Skeleton: import("../utils").WithInstall<import("vue").Defi
     loading: boolean;
     row: string | number;
     avatar: boolean;
-    avatarShape: "round" | "square";
+    avatarShape: SkeletonAvatarShape;
     rowWidth: string | number | (string | number)[];
 } & {
     avatarSize?: string | number | undefined;
     titleWidth?: string | number | undefined;
-}> & {}, {
+}>, {
     title: boolean;
     animate: boolean;
     round: boolean;
     loading: boolean;
     row: string | number;
     avatar: boolean;
-    avatarShape: "round" | "square";
+    avatarShape: SkeletonAvatarShape;
     rowWidth: string | number | (string | number)[];
 }>>;
 export default Skeleton;
+export type { SkeletonAvatarShape };

package/lib/skeleton/index.less

@@ -19,7 +19,7 @@
     width: var(--van-skeleton-avatar-size);
     height: var(--van-skeleton-avatar-size);
     margin-right: var(--van-padding-md);
-    background-color: var(--van-skeleton-avatar-background-color);
+    background: var(--van-skeleton-avatar-background-color);
 
     &--round {
       border-radius: var(--van-border-radius-max);
@@ -37,7 +37,7 @@
   &__row,
   &__title {
     height: var(--van-skeleton-row-height);
-    background-color: var(--van-skeleton-row-background-color);
+    background: var(--van-skeleton-row-background-color);
   }
 
   &__title {