vant 4.0.7 → 4.0.8

package/lib/index.d.ts

@@ -68,6 +68,10 @@ export * from "./share-sheet";
 export * from "./sidebar";
 export * from "./sidebar-item";
 export * from "./skeleton";
+export * from "./skeleton-avatar";
+export * from "./skeleton-image";
+export * from "./skeleton-paragraph";
+export * from "./skeleton-title";
 export * from "./slider";
 export * from "./space";
 export * from "./step";
@@ -94,4 +98,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "4.0.7";
+export const version: "4.0.8";

package/lib/index.js

@@ -92,6 +92,10 @@ var import_share_sheet = require("./share-sheet");
 var import_sidebar = require("./sidebar");
 var import_sidebar_item = require("./sidebar-item");
 var import_skeleton = require("./skeleton");
+var import_skeleton_avatar = require("./skeleton-avatar");
+var import_skeleton_image = require("./skeleton-image");
+var import_skeleton_paragraph = require("./skeleton-paragraph");
+var import_skeleton_title = require("./skeleton-title");
 var import_slider = require("./slider");
 var import_space = require("./space");
 var import_step = require("./step");
@@ -182,6 +186,10 @@ __reExport(stdin_exports, require("./share-sheet"), module.exports);
 __reExport(stdin_exports, require("./sidebar"), module.exports);
 __reExport(stdin_exports, require("./sidebar-item"), module.exports);
 __reExport(stdin_exports, require("./skeleton"), module.exports);
+__reExport(stdin_exports, require("./skeleton-avatar"), module.exports);
+__reExport(stdin_exports, require("./skeleton-image"), module.exports);
+__reExport(stdin_exports, require("./skeleton-paragraph"), module.exports);
+__reExport(stdin_exports, require("./skeleton-title"), module.exports);
 __reExport(stdin_exports, require("./slider"), module.exports);
 __reExport(stdin_exports, require("./space"), module.exports);
 __reExport(stdin_exports, require("./step"), module.exports);
@@ -202,7 +210,7 @@ __reExport(stdin_exports, require("./time-picker"), module.exports);
 __reExport(stdin_exports, require("./toast"), module.exports);
 __reExport(stdin_exports, require("./tree-select"), module.exports);
 __reExport(stdin_exports, require("./uploader"), module.exports);
-const version = "4.0.7";
+const version = "4.0.8";
 function install(app) {
   const components = [
     import_action_bar.ActionBar,
@@ -274,6 +282,10 @@ function install(app) {
     import_sidebar.Sidebar,
     import_sidebar_item.SidebarItem,
     import_skeleton.Skeleton,
+    import_skeleton_avatar.SkeletonAvatar,
+    import_skeleton_image.SkeletonImage,
+    import_skeleton_paragraph.SkeletonParagraph,
+    import_skeleton_title.SkeletonTitle,
     import_slider.Slider,
     import_space.Space,
     import_step.Step,

package/lib/number-keyboard/index.css

@@ -1 +1 @@
-:root{--van-number-keyboard-background: var(--van-gray-2);--van-number-keyboard-key-height: 48px;--van-number-keyboard-key-font-size: 28px;--van-number-keyboard-key-active-color: var(--van-gray-3);--van-number-keyboard-key-background: var(--van-background-2);--van-number-keyboard-delete-font-size: var(--van-font-size-lg);--van-number-keyboard-title-color: var(--van-gray-7);--van-number-keyboard-title-height: 34px;--van-number-keyboard-title-font-size: var(--van-font-size-lg);--van-number-keyboard-close-padding: 0 var(--van-padding-md);--van-number-keyboard-close-color: var(--van-link-color);--van-number-keyboard-close-font-size: var(--van-font-size-md);--van-number-keyboard-button-text-color: var(--van-white);--van-number-keyboard-button-background: var(--van-primary-color);--van-number-keyboard-z-index: 100}.van-theme-dark{--van-number-keyboard-background: var(--van-gray-8);--van-number-keyboard-key-background: var(--van-gray-7);--van-number-keyboard-key-active-color: var(--van-gray-6)}.van-number-keyboard{position:fixed;bottom:0;left:0;z-index:var(--van-number-keyboard-z-index);width:100%;padding-bottom:22px;background:var(--van-number-keyboard-background);-webkit-user-select:none;user-select:none}.van-number-keyboard--with-title{border-radius:20px 20px 0 0}.van-number-keyboard__header{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:content-box;height:var(--van-number-keyboard-title-height);padding-top:6px;color:var(--van-number-keyboard-title-color);font-size:var(--van-number-keyboard-title-font-size)}.van-number-keyboard__title{display:inline-block;font-weight:400}.van-number-keyboard__title-left{position:absolute;left:0}.van-number-keyboard__body{display:flex;padding:6px 0 0 6px}.van-number-keyboard__keys{display:flex;flex:3;flex-wrap:wrap}.van-number-keyboard__close{position:absolute;right:0;height:100%;padding:var(--van-number-keyboard-close-padding);color:var(--van-number-keyboard-close-color);font-size:var(--van-number-keyboard-close-font-size);background-color:transparent;border:none}.van-number-keyboard__sidebar{display:flex;flex:1;flex-direction:column}.van-number-keyboard--unfit{padding-bottom:0}.van-key{display:flex;align-items:center;justify-content:center;height:var(--van-number-keyboard-key-height);font-size:var(--van-number-keyboard-key-font-size);line-height:1.5;background:var(--van-number-keyboard-key-background);border-radius:var(--van-radius-lg);cursor:pointer}.van-key--large{position:absolute;top:0;right:6px;bottom:6px;left:0;height:auto}.van-key--blue,.van-key--delete{font-size:var(--van-number-keyboard-delete-font-size)}.van-key--active{background-color:var(--van-number-keyboard-key-active-color)}.van-key--blue{color:var(--van-number-keyboard-button-text-color);background:var(--van-number-keyboard-button-background)}.van-key--blue.van-key--active{opacity:var(--van-active-opacity)}.van-key__wrapper{position:relative;flex:1;flex-basis:33%;box-sizing:border-box;padding:0 6px 6px 0}.van-key__wrapper--wider{flex-basis:66%}.van-key__delete-icon{width:32px;height:22px}.van-key__collapse-icon{width:30px;height:24px}.van-key__loading-icon{color:var(--van-number-keyboard-button-text-color)}
+:root{--van-number-keyboard-background: var(--van-gray-2);--van-number-keyboard-key-height: 48px;--van-number-keyboard-key-font-size: 28px;--van-number-keyboard-key-active-color: var(--van-gray-3);--van-number-keyboard-key-background: var(--van-background-2);--van-number-keyboard-delete-font-size: var(--van-font-size-lg);--van-number-keyboard-title-color: var(--van-gray-7);--van-number-keyboard-title-height: 34px;--van-number-keyboard-title-font-size: var(--van-font-size-lg);--van-number-keyboard-close-padding: 0 var(--van-padding-md);--van-number-keyboard-close-color: var(--van-primary-color);--van-number-keyboard-close-font-size: var(--van-font-size-md);--van-number-keyboard-button-text-color: var(--van-white);--van-number-keyboard-button-background: var(--van-primary-color);--van-number-keyboard-z-index: 100}.van-theme-dark{--van-number-keyboard-background: var(--van-gray-8);--van-number-keyboard-key-background: var(--van-gray-7);--van-number-keyboard-key-active-color: var(--van-gray-6)}.van-number-keyboard{position:fixed;bottom:0;left:0;z-index:var(--van-number-keyboard-z-index);width:100%;padding-bottom:22px;background:var(--van-number-keyboard-background);-webkit-user-select:none;user-select:none}.van-number-keyboard--with-title{border-radius:20px 20px 0 0}.van-number-keyboard__header{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:content-box;height:var(--van-number-keyboard-title-height);padding-top:6px;color:var(--van-number-keyboard-title-color);font-size:var(--van-number-keyboard-title-font-size)}.van-number-keyboard__title{display:inline-block;font-weight:400}.van-number-keyboard__title-left{position:absolute;left:0}.van-number-keyboard__body{display:flex;padding:6px 0 0 6px}.van-number-keyboard__keys{display:flex;flex:3;flex-wrap:wrap}.van-number-keyboard__close{position:absolute;right:0;height:100%;padding:var(--van-number-keyboard-close-padding);color:var(--van-number-keyboard-close-color);font-size:var(--van-number-keyboard-close-font-size);background-color:transparent;border:none}.van-number-keyboard__sidebar{display:flex;flex:1;flex-direction:column}.van-number-keyboard--unfit{padding-bottom:0}.van-key{display:flex;align-items:center;justify-content:center;height:var(--van-number-keyboard-key-height);font-size:var(--van-number-keyboard-key-font-size);line-height:1.5;background:var(--van-number-keyboard-key-background);border-radius:var(--van-radius-lg);cursor:pointer}.van-key--large{position:absolute;top:0;right:6px;bottom:6px;left:0;height:auto}.van-key--blue,.van-key--delete{font-size:var(--van-number-keyboard-delete-font-size)}.van-key--active{background-color:var(--van-number-keyboard-key-active-color)}.van-key--blue{color:var(--van-number-keyboard-button-text-color);background:var(--van-number-keyboard-button-background)}.van-key--blue.van-key--active{opacity:var(--van-active-opacity)}.van-key__wrapper{position:relative;flex:1;flex-basis:33%;box-sizing:border-box;padding:0 6px 6px 0}.van-key__wrapper--wider{flex-basis:66%}.van-key__delete-icon{width:32px;height:22px}.van-key__collapse-icon{width:30px;height:24px}.van-key__loading-icon{color:var(--van-number-keyboard-button-text-color)}

package/lib/picker/index.css

@@ -1 +1 @@
-:root{--van-picker-background: var(--van-background-2);--van-picker-toolbar-height: 44px;--van-picker-title-font-size: var(--van-font-size-lg);--van-picker-title-line-height: var(--van-line-height-md);--van-picker-action-padding: 0 var(--van-padding-md);--van-picker-action-font-size: var(--van-font-size-md);--van-picker-confirm-action-color: var(--van-link-color);--van-picker-cancel-action-color: var(--van-text-color-2);--van-picker-option-font-size: var(--van-font-size-lg);--van-picker-option-padding: 0 var(--van-padding-base);--van-picker-option-text-color: var(--van-text-color);--van-picker-option-disabled-opacity: .3;--van-picker-loading-icon-color: var(--van-primary-color);--van-picker-loading-mask-color: rgba(255, 255, 255, .9);--van-picker-mask-color: linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)), linear-gradient(0deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4))}.van-theme-dark{--van-picker-loading-mask-color: rgba(0, 0, 0, .6);--van-picker-mask-color: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1)), linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1))}.van-picker{position:relative;background:var(--van-picker-background);-webkit-user-select:none;user-select:none}.van-picker__toolbar{display:flex;align-items:center;justify-content:space-between;height:var(--van-picker-toolbar-height)}.van-picker__cancel,.van-picker__confirm{height:100%;padding:var(--van-picker-action-padding);font-size:var(--van-picker-action-font-size);background-color:transparent;border:none}.van-picker__confirm{color:var(--van-picker-confirm-action-color)}.van-picker__cancel{color:var(--van-picker-cancel-action-color)}.van-picker__title{color:var(--van-text-color);max-width:50%;font-weight:var(--van-font-bold);font-size:var(--van-picker-title-font-size);line-height:var(--van-picker-title-line-height);text-align:center}.van-picker__columns{position:relative;display:flex;cursor:-webkit-grab;cursor:grab}.van-picker__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;color:var(--van-picker-loading-icon-color);background:var(--van-picker-loading-mask-color)}.van-picker__frame{position:absolute;top:50%;right:var(--van-padding-md);left:var(--van-padding-md);z-index:2;transform:translateY(-50%);pointer-events:none}.van-picker__mask{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-image:var(--van-picker-mask-color);background-repeat:no-repeat;background-position:top,bottom;transform:translateZ(0);pointer-events:none}.van-picker-column{flex:1;overflow:hidden;font-size:var(--van-picker-option-font-size)}.van-picker-column__wrapper{transition-timing-function:cubic-bezier(.23,1,.68,1)}.van-picker-column__item{display:flex;align-items:center;justify-content:center;padding:var(--van-picker-option-padding);color:var(--van-picker-option-text-color)}.van-picker-column__item--disabled{cursor:not-allowed;opacity:var(--van-picker-option-disabled-opacity)}
+:root{--van-picker-background: var(--van-background-2);--van-picker-toolbar-height: 44px;--van-picker-title-font-size: var(--van-font-size-lg);--van-picker-title-line-height: var(--van-line-height-md);--van-picker-action-padding: 0 var(--van-padding-md);--van-picker-action-font-size: var(--van-font-size-md);--van-picker-confirm-action-color: var(--van-primary-color);--van-picker-cancel-action-color: var(--van-text-color-2);--van-picker-option-font-size: var(--van-font-size-lg);--van-picker-option-padding: 0 var(--van-padding-base);--van-picker-option-text-color: var(--van-text-color);--van-picker-option-disabled-opacity: .3;--van-picker-loading-icon-color: var(--van-primary-color);--van-picker-loading-mask-color: rgba(255, 255, 255, .9);--van-picker-mask-color: linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)), linear-gradient(0deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4))}.van-theme-dark{--van-picker-loading-mask-color: rgba(0, 0, 0, .6);--van-picker-mask-color: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1)), linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1))}.van-picker{position:relative;background:var(--van-picker-background);-webkit-user-select:none;user-select:none}.van-picker__toolbar{position:relative;display:flex;align-items:center;justify-content:space-between;height:var(--van-picker-toolbar-height)}.van-picker__cancel,.van-picker__confirm{height:100%;padding:var(--van-picker-action-padding);font-size:var(--van-picker-action-font-size);background-color:transparent;border:none}.van-picker__confirm{color:var(--van-picker-confirm-action-color)}.van-picker__cancel{color:var(--van-picker-cancel-action-color)}.van-picker__title{position:absolute;left:50%;color:var(--van-text-color);max-width:50%;font-weight:var(--van-font-bold);font-size:var(--van-picker-title-font-size);line-height:var(--van-picker-title-line-height);text-align:center;transform:translate(-50%)}.van-picker__columns{position:relative;display:flex;cursor:-webkit-grab;cursor:grab}.van-picker__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;color:var(--van-picker-loading-icon-color);background:var(--van-picker-loading-mask-color)}.van-picker__frame{position:absolute;top:50%;right:var(--van-padding-md);left:var(--van-padding-md);z-index:2;transform:translateY(-50%);pointer-events:none}.van-picker__mask{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-image:var(--van-picker-mask-color);background-repeat:no-repeat;background-position:top,bottom;transform:translateZ(0);pointer-events:none}.van-picker-column{flex:1;overflow:hidden;font-size:var(--van-picker-option-font-size)}.van-picker-column__wrapper{transition-timing-function:cubic-bezier(.23,1,.68,1)}.van-picker-column__item{display:flex;align-items:center;justify-content:center;padding:var(--van-picker-option-padding);color:var(--van-picker-option-text-color)}.van-picker-column__item--disabled{cursor:not-allowed;opacity:var(--van-picker-option-disabled-opacity)}

package/lib/picker-group/PickerGroup.d.ts

@@ -6,6 +6,7 @@ export declare const pickerGroupProps: {
         type: import("vue").PropType<string[]>;
         default: () => never[];
     };
+    nextStepText: StringConstructor;
 } & {
     title: StringConstructor;
     cancelButtonText: StringConstructor;
@@ -17,6 +18,7 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<string[]>;
         default: () => never[];
     };
+    nextStepText: StringConstructor;
 } & {
     title: StringConstructor;
     cancelButtonText: StringConstructor;
@@ -26,6 +28,7 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<string[]>;
         default: () => never[];
     };
+    nextStepText: StringConstructor;
 } & {
     title: StringConstructor;
     cancelButtonText: StringConstructor;

package/lib/picker-group/PickerGroup.js

@@ -38,7 +38,8 @@ var import_PickerToolbar = __toESM(require("../picker/PickerToolbar"));
 const [name, bem] = (0, import_utils.createNamespace)("picker-group");
 const PICKER_GROUP_KEY = Symbol(name);
 const pickerGroupProps = (0, import_utils.extend)({
-  tabs: (0, import_utils.makeArrayProp)()
+  tabs: (0, import_utils.makeArrayProp)(),
+  nextStepText: String
 }, import_PickerToolbar.pickerToolbarProps);
 var stdin_default = (0, import_vue2.defineComponent)({
   name,
@@ -48,26 +49,38 @@ var stdin_default = (0, import_vue2.defineComponent)({
     emit,
     slots
   }) {
+    const activeTab = (0, import_vue2.ref)(0);
     const {
       children,
       linkChildren
     } = (0, import_use.useChildren)(PICKER_GROUP_KEY);
     linkChildren();
+    const showNextButton = () => activeTab.value < props.tabs.length - 1 && props.nextStepText;
     const onConfirm = () => {
-      emit("confirm", children.map((item) => item.confirm()));
+      if (showNextButton()) {
+        activeTab.value++;
+      } else {
+        emit("confirm", children.map((item) => item.confirm()));
+      }
     };
     const onCancel = () => emit("cancel");
     return () => {
       var _a;
       const childNodes = (_a = slots.default) == null ? void 0 : _a.call(slots);
+      const confirmButtonText = showNextButton() ? props.nextStepText : props.confirmButtonText;
       return (0, import_vue.createVNode)("div", {
         "class": bem()
-      }, [(0, import_vue.createVNode)(import_PickerToolbar.default, (0, import_vue.mergeProps)(props, {
+      }, [(0, import_vue.createVNode)(import_PickerToolbar.default, {
+        "title": props.title,
+        "cancelButtonText": props.cancelButtonText,
+        "confirmButtonText": confirmButtonText,
         "onConfirm": onConfirm,
         "onCancel": onCancel
-      }), null), (0, import_vue.createVNode)(import_tabs.Tabs, {
-        "shrink": true,
+      }, null), (0, import_vue.createVNode)(import_tabs.Tabs, {
+        "active": activeTab.value,
+        "onUpdate:active": ($event) => activeTab.value = $event,
         "class": bem("tabs"),
+        "shrink": true,
         "animated": true
       }, {
         default: () => [props.tabs.map((title, index) => (0, import_vue.createVNode)(import_tab.Tab, {

package/lib/picker-group/index.d.ts

@@ -4,6 +4,7 @@ export declare const PickerGroup: import("../utils").WithInstall<import("vue").D
         type: import("vue").PropType<string[]>;
         default: () => never[];
     };
+    nextStepText: StringConstructor;
 } & {
     title: StringConstructor;
     cancelButtonText: StringConstructor;
@@ -13,6 +14,7 @@ export declare const PickerGroup: import("../utils").WithInstall<import("vue").D
         type: import("vue").PropType<string[]>;
         default: () => never[];
     };
+    nextStepText: StringConstructor;
 } & {
     title: StringConstructor;
     cancelButtonText: StringConstructor;

package/lib/skeleton/Skeleton.d.ts

@@ -1,6 +1,6 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 import { type Numeric } from '../utils';
-import type { SkeletonAvatarShape } from './types';
+import type { SkeletonAvatarShape } from '../skeleton-avatar';
 export declare const skeletonProps: {
     row: {
         type: (NumberConstructor | StringConstructor)[];

package/lib/skeleton/Skeleton.js

@@ -30,9 +30,9 @@ 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"));
+var import_skeleton_title = __toESM(require("../skeleton-title"));
+var import_skeleton_avatar = __toESM(require("../skeleton-avatar"));
+var import_skeleton_paragraph = __toESM(require("../skeleton-paragraph"));
 const [name, bem] = (0, import_utils.createNamespace)("skeleton");
 const DEFAULT_LAST_ROW_WIDTH = "60%";
 const skeletonProps = {
@@ -47,7 +47,7 @@ const skeletonProps = {
   animate: import_utils.truthProp,
   rowWidth: {
     type: [Number, String, Array],
-    default: import_SkeletonParagraph.DEFAULT_ROW_WIDTH
+    default: import_skeleton_paragraph.DEFAULT_ROW_WIDTH
   }
 };
 var stdin_default = (0, import_vue2.defineComponent)({
@@ -60,7 +60,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
   }) {
     const renderAvatar = () => {
       if (props.avatar) {
-        return (0, import_vue.createVNode)(import_SkeletonAvatar.default, {
+        return (0, import_vue.createVNode)(import_skeleton_avatar.default, {
           "avatarShape": props.avatarShape,
           "avatarSize": props.avatarSize
         }, null);
@@ -68,7 +68,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     };
     const renderTitle = () => {
       if (props.title) {
-        return (0, import_vue.createVNode)(import_SkeletonTitle.default, {
+        return (0, import_vue.createVNode)(import_skeleton_title.default, {
           "round": props.round,
           "titleWidth": props.titleWidth
         }, null);
@@ -78,7 +78,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       const {
         rowWidth
       } = props;
-      if (rowWidth === import_SkeletonParagraph.DEFAULT_ROW_WIDTH && index === +props.row - 1) {
+      if (rowWidth === import_skeleton_paragraph.DEFAULT_ROW_WIDTH && index === +props.row - 1) {
         return DEFAULT_LAST_ROW_WIDTH;
       }
       if (Array.isArray(rowWidth)) {
@@ -86,7 +86,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
       return rowWidth;
     };
-    const renderRows = () => Array(+props.row).fill("").map((_, i) => (0, import_vue.createVNode)(import_SkeletonParagraph.default, {
+    const renderRows = () => Array(+props.row).fill("").map((_, i) => (0, import_vue.createVNode)(import_skeleton_paragraph.default, {
       "key": i,
       "round": props.round,
       "rowWidth": (0, import_utils.addUnit)(getRowWidth(i))

package/lib/skeleton/index.css

@@ -1 +1 @@
-:root{--van-skeleton-paragraph-height: 16px;--van-skeleton-paragraph-background: var(--van-active-color);--van-skeleton-paragraph-margin-top: var(--van-padding-sm);--van-skeleton-title-width: 40%;--van-skeleton-avatar-size: 32px;--van-skeleton-avatar-background: var(--van-active-color);--van-skeleton-image-size: 96px;--van-skeleton-image-radius: 24px;--van-skeleton-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)}.van-skeleton-avatar--round{border-radius:var(--van-radius-max)}.van-skeleton__content{width:100%}.van-skeleton-avatar+.van-skeleton__content{padding-top:var(--van-padding-xs)}.van-skeleton-paragraph,.van-skeleton-title{height:var(--van-skeleton-paragraph-height);background:var(--van-skeleton-paragraph-background)}.van-skeleton-paragraph--round,.van-skeleton-title--round{border-radius:var(--van-radius-max)}.van-skeleton-title{width:var(--van-skeleton-title-width);margin:0}.van-skeleton-paragraph:not(:first-child){margin-top:var(--van-skeleton-paragraph-margin-top)}.van-skeleton-title+.van-skeleton-paragraph{margin-top:20px}.van-skeleton--animate{animation:van-skeleton-blink var(--van-skeleton-duration) ease-in-out infinite}.van-skeleton-image{display:flex;width:var(--van-skeleton-image-size);height:var(--van-skeleton-image-size);align-items:center;justify-content:center;background:var(--van-active-color)}.van-skeleton-image--round{border-radius:var(--van-skeleton-image-radius)}.van-skeleton-image__icon{width:calc(var(--van-skeleton-image-size) / 2);height:calc(var(--van-skeleton-image-size) / 2);font-size:calc(var(--van-skeleton-image-size) / 2);color:var(--van-gray-5)}@keyframes van-skeleton-blink{50%{opacity:.6}}
+:root{--van-skeleton-duration: 1.2s}.van-skeleton{display:flex;padding:0 var(--van-padding-md)}.van-skeleton__content{width:100%}.van-skeleton--animate{animation:van-skeleton-blink var(--van-skeleton-duration) ease-in-out infinite}@keyframes van-skeleton-blink{50%{opacity:.6}}

package/lib/skeleton/index.d.ts

@@ -1,58 +1,3 @@
-export declare const SkeletonImage: import("../utils").WithInstall<import("vue").DefineComponent<{
-    imageSize: (NumberConstructor | StringConstructor)[];
-    imageShape: {
-        type: import("vue").PropType<import("./types").SkeletonImageShape>;
-        default: import("./types").SkeletonImageShape;
-    };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    imageSize: (NumberConstructor | StringConstructor)[];
-    imageShape: {
-        type: import("vue").PropType<import("./types").SkeletonImageShape>;
-        default: import("./types").SkeletonImageShape;
-    };
-}>>, {
-    imageShape: import("./types").SkeletonImageShape;
-}>>;
-export declare const SkeletonTitle: import("../utils").WithInstall<import("vue").DefineComponent<{
-    round: BooleanConstructor;
-    titleWidth: (NumberConstructor | StringConstructor)[];
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    round: BooleanConstructor;
-    titleWidth: (NumberConstructor | StringConstructor)[];
-}>>, {
-    round: boolean;
-}>>;
-export declare const SkeletonAvatar: import("../utils").WithInstall<import("vue").DefineComponent<{
-    avatarSize: (NumberConstructor | StringConstructor)[];
-    avatarShape: {
-        type: import("vue").PropType<import("./types").SkeletonAvatarShape>;
-        default: import("./types").SkeletonAvatarShape;
-    };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    avatarSize: (NumberConstructor | StringConstructor)[];
-    avatarShape: {
-        type: import("vue").PropType<import("./types").SkeletonAvatarShape>;
-        default: import("./types").SkeletonAvatarShape;
-    };
-}>>, {
-    avatarShape: import("./types").SkeletonAvatarShape;
-}>>;
-export declare const SkeletonParagraph: import("../utils").WithInstall<import("vue").DefineComponent<{
-    round: BooleanConstructor;
-    rowWidth: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: string;
-    };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    round: BooleanConstructor;
-    rowWidth: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: string;
-    };
-}>>, {
-    round: boolean;
-    rowWidth: string | number;
-}>>;
 export declare const Skeleton: import("../utils").WithInstall<import("vue").DefineComponent<{
     row: {
         type: (NumberConstructor | StringConstructor)[];
@@ -64,8 +9,8 @@ export declare const Skeleton: import("../utils").WithInstall<import("vue").Defi
     avatar: BooleanConstructor;
     avatarSize: (NumberConstructor | StringConstructor)[];
     avatarShape: {
-        type: import("vue").PropType<import("./types").SkeletonAvatarShape>;
-        default: import("./types").SkeletonAvatarShape;
+        type: import("vue").PropType<import("..").SkeletonAvatarShape>;
+        default: import("..").SkeletonAvatarShape;
     };
     loading: {
         type: BooleanConstructor;
@@ -92,8 +37,8 @@ export declare const Skeleton: import("../utils").WithInstall<import("vue").Defi
     avatar: BooleanConstructor;
     avatarSize: (NumberConstructor | StringConstructor)[];
     avatarShape: {
-        type: import("vue").PropType<import("./types").SkeletonAvatarShape>;
-        default: import("./types").SkeletonAvatarShape;
+        type: import("vue").PropType<import("..").SkeletonAvatarShape>;
+        default: import("..").SkeletonAvatarShape;
     };
     loading: {
         type: BooleanConstructor;
@@ -113,28 +58,16 @@ export declare const Skeleton: import("../utils").WithInstall<import("vue").Defi
     round: boolean;
     loading: boolean;
     row: string | number;
-    avatarShape: import("./types").SkeletonAvatarShape;
+    avatarShape: import("..").SkeletonAvatarShape;
     rowWidth: import("../utils").Numeric | import("../utils").Numeric[];
     avatar: boolean;
 }>>;
 export default Skeleton;
 export { skeletonProps } from './Skeleton';
 export type { SkeletonProps } from './Skeleton';
-export { skeletonImageProps } from './SkeletonImage';
-export type { SkeletonImageProps } from './SkeletonImage';
-export { skeletonAvatarProps } from './SkeletonAvatar';
-export type { SkeletonAvatarProps } from './SkeletonAvatar';
-export { skeletonParagraphProps } from './SkeletonParagraph';
-export type { SkeletonParagraphProps } from './SkeletonParagraph';
-export { skeletonTitleProps } from './SkeletonTitle';
-export type { SkeletonTitleProps } from './SkeletonTitle';
-export type { SkeletonThemeVars, SkeletonImageShape, SkeletonAvatarShape, } from './types';
+export type { SkeletonThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanSkeleton: typeof Skeleton;
-        VanSkeletonImage: typeof SkeletonImage;
-        VanSkeletonTitle: typeof SkeletonTitle;
-        VanSkeletonAvatar: typeof SkeletonAvatar;
-        VanSkeletonParagraph: typeof SkeletonParagraph;
     }
 }

package/lib/skeleton/index.js

@@ -24,32 +24,12 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var stdin_exports = {};
 __export(stdin_exports, {
   Skeleton: () => Skeleton,
-  SkeletonAvatar: () => SkeletonAvatar,
-  SkeletonImage: () => SkeletonImage,
-  SkeletonParagraph: () => SkeletonParagraph,
-  SkeletonTitle: () => SkeletonTitle,
   default: () => stdin_default,
-  skeletonAvatarProps: () => import_SkeletonAvatar2.skeletonAvatarProps,
-  skeletonImageProps: () => import_SkeletonImage2.skeletonImageProps,
-  skeletonParagraphProps: () => import_SkeletonParagraph2.skeletonParagraphProps,
-  skeletonProps: () => import_Skeleton2.skeletonProps,
-  skeletonTitleProps: () => import_SkeletonTitle2.skeletonTitleProps
+  skeletonProps: () => import_Skeleton2.skeletonProps
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_Skeleton = __toESM(require("./Skeleton"));
-var import_SkeletonImage = __toESM(require("./SkeletonImage"));
-var import_SkeletonTitle = __toESM(require("./SkeletonTitle"));
-var import_SkeletonAvatar = __toESM(require("./SkeletonAvatar"));
-var import_SkeletonParagraph = __toESM(require("./SkeletonParagraph"));
 var import_utils = require("../utils");
 var import_Skeleton2 = require("./Skeleton");
-var import_SkeletonImage2 = require("./SkeletonImage");
-var import_SkeletonAvatar2 = require("./SkeletonAvatar");
-var import_SkeletonParagraph2 = require("./SkeletonParagraph");
-var import_SkeletonTitle2 = require("./SkeletonTitle");
-const SkeletonImage = (0, import_utils.withInstall)(import_SkeletonImage.default);
-const SkeletonTitle = (0, import_utils.withInstall)(import_SkeletonTitle.default);
-const SkeletonAvatar = (0, import_utils.withInstall)(import_SkeletonAvatar.default);
-const SkeletonParagraph = (0, import_utils.withInstall)(import_SkeletonParagraph.default);
 const Skeleton = (0, import_utils.withInstall)(import_Skeleton.default);
 var stdin_default = Skeleton;

package/lib/skeleton/style/index.js

@@ -1,4 +1,5 @@
 require("../../style/base.css");
-require("../../badge/index.css");
-require("../../icon/index.css");
+require("../../skeleton-title/index.css");
+require("../../skeleton-avatar/index.css");
+require("../../skeleton-paragraph/index.css");
 require("../index.css");

package/lib/skeleton/types.d.ts

@@ -1,5 +1,3 @@
-export type SkeletonAvatarShape = 'square' | 'round';
-export type SkeletonImageShape = 'square' | 'round';
 export type SkeletonThemeVars = {
     skeletonParagraphHeight?: string;
     skeletonParagraphBackground?: string;

package/lib/{skeleton → skeleton-avatar}/SkeletonAvatar.d.ts

@@ -1,5 +1,5 @@
 import { ExtractPropTypes } from 'vue';
-import type { SkeletonAvatarShape } from './types';
+export type SkeletonAvatarShape = 'square' | 'round';
 export declare const skeletonAvatarProps: {
     avatarSize: (NumberConstructor | StringConstructor)[];
     avatarShape: {

package/lib/skeleton-avatar/index.css

@@ -0,0 +1 @@
+:root{--van-skeleton-avatar-size: 32px;--van-skeleton-avatar-background: var(--van-active-color)}.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)}.van-skeleton-avatar--round{border-radius:var(--van-radius-max)}.van-skeleton-avatar+.van-skeleton__content{padding-top:var(--van-padding-xs)}

package/lib/skeleton-avatar/index.d.ts

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

package/lib/skeleton-avatar/index.js

@@ -0,0 +1,35 @@
+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 name in all)
+    __defProp(target, name, { get: all[name], 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 __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, {
+  SkeletonAvatar: () => SkeletonAvatar,
+  default: () => stdin_default,
+  skeletonAvatarProps: () => import_SkeletonAvatar2.skeletonAvatarProps
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_utils = require("../utils");
+var import_SkeletonAvatar = __toESM(require("./SkeletonAvatar"));
+var import_SkeletonAvatar2 = require("./SkeletonAvatar");
+const SkeletonAvatar = (0, import_utils.withInstall)(import_SkeletonAvatar.default);
+var stdin_default = SkeletonAvatar;

package/lib/skeleton-avatar/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/skeleton-avatar/style/index.js

@@ -0,0 +1,2 @@
+require("../../style/base.css");
+require("../index.css");

package/{es/skeleton → lib/skeleton-image}/SkeletonImage.d.ts

@@ -1,5 +1,5 @@
 import { type ExtractPropTypes } from 'vue';
-import type { SkeletonImageShape } from './types';
+export type SkeletonImageShape = 'square' | 'round';
 export declare const skeletonImageProps: {
     imageSize: (NumberConstructor | StringConstructor)[];
     imageShape: {

package/lib/skeleton-image/index.css

@@ -0,0 +1 @@
+:root{--van-skeleton-image-size: 96px;--van-skeleton-image-radius: 24px}.van-skeleton-image{display:flex;width:var(--van-skeleton-image-size);height:var(--van-skeleton-image-size);align-items:center;justify-content:center;background:var(--van-active-color)}.van-skeleton-image--round{border-radius:var(--van-skeleton-image-radius)}.van-skeleton-image__icon{width:calc(var(--van-skeleton-image-size) / 2);height:calc(var(--van-skeleton-image-size) / 2);font-size:calc(var(--van-skeleton-image-size) / 2);color:var(--van-gray-5)}

package/lib/skeleton-image/index.d.ts

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

package/lib/skeleton-image/index.js

@@ -0,0 +1,35 @@
+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 name in all)
+    __defProp(target, name, { get: all[name], 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 __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, {
+  SkeletonImage: () => SkeletonImage,
+  default: () => stdin_default,
+  skeletonImageProps: () => import_SkeletonImage2.skeletonImageProps
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_SkeletonImage = __toESM(require("./SkeletonImage"));
+var import_utils = require("../utils");
+var import_SkeletonImage2 = require("./SkeletonImage");
+const SkeletonImage = (0, import_utils.withInstall)(import_SkeletonImage.default);
+var stdin_default = SkeletonImage;

package/lib/skeleton-image/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/skeleton-image/style/index.js

@@ -0,0 +1,4 @@
+require("../../style/base.css");
+require("../../badge/index.css");
+require("../../icon/index.css");
+require("../index.css");

package/lib/skeleton-paragraph/index.css

@@ -0,0 +1 @@
+:root{--van-skeleton-paragraph-height: 16px;--van-skeleton-paragraph-background: var(--van-active-color);--van-skeleton-paragraph-margin-top: var(--van-padding-sm)}.van-skeleton-paragraph{height:var(--van-skeleton-paragraph-height);background:var(--van-skeleton-paragraph-background)}.van-skeleton-paragraph--round{border-radius:var(--van-radius-max)}.van-skeleton-paragraph:not(:first-child){margin-top:var(--van-skeleton-paragraph-margin-top)}

package/lib/skeleton-paragraph/index.d.ts

@@ -0,0 +1,24 @@
+export declare const SkeletonParagraph: import("../utils").WithInstall<import("vue").DefineComponent<{
+    round: BooleanConstructor;
+    rowWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    round: BooleanConstructor;
+    rowWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+}>>, {
+    round: boolean;
+    rowWidth: string | number;
+}>>;
+export default SkeletonParagraph;
+export { skeletonParagraphProps, DEFAULT_ROW_WIDTH } from './SkeletonParagraph';
+export type { SkeletonParagraphProps } from './SkeletonParagraph';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanSkeletonParagraph: typeof SkeletonParagraph;
+    }
+}