vant 4.0.0-rc.5 → 4.0.0-rc.7

package/lib/index.d.ts

@@ -93,4 +93,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "4.0.0-rc.5";
+export const version: "4.0.0-rc.7";

package/lib/index.js

@@ -200,7 +200,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.0-rc.5";
+const version = "4.0.0-rc.7";
 function install(app) {
   const components = [
     import_action_bar.ActionBar,

package/lib/lazyload/vue-lazyload/lazy-image.js

@@ -23,6 +23,7 @@ module.exports = __toCommonJS(stdin_exports);
 var import_use = require("@vant/use");
 var import_util = require("./util");
 var import_utils = require("../../utils");
+var import_vue = require("vue");
 var stdin_default = (lazyManager) => ({
   props: {
     src: [String, Object],
@@ -31,15 +32,14 @@ var stdin_default = (lazyManager) => ({
       default: "img"
     }
   },
-  render(h) {
-    return h(
+  render() {
+    var _a, _b;
+    return (0, import_vue.h)(
       this.tag,
       {
-        attrs: {
-          src: this.renderSrc
-        }
+        src: this.renderSrc
       },
-      this.$slots.default
+      (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)
     );
   },
   data() {

package/lib/picker/Picker.js

@@ -121,7 +121,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const confirm = () => {
       children.forEach((child) => child.stopMomentum());
       const params = getEventParams();
-      emit("confirm", params);
+      (0, import_vue2.nextTick)(() => {
+        emit("confirm", params);
+      });
       return params;
     };
     const cancel = () => emit("cancel", getEventParams());

package/lib/picker/PickerColumn.js

@@ -78,8 +78,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
       currentOffset.value = offset;
     };
+    const isReadonly = () => props.readonly || !props.options.length;
     const onClickOption = (index) => {
-      if (moving || props.readonly) {
+      if (moving || isReadonly()) {
         return;
       }
       transitionEndTrigger = null;
@@ -104,7 +105,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
     };
     const onTouchStart = (event) => {
-      if (props.readonly) {
+      if (isReadonly()) {
         return;
       }
       touch.start(event);
@@ -119,7 +120,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       transitionEndTrigger = null;
     };
     const onTouchMove = (event) => {
-      if (props.readonly) {
+      if (isReadonly()) {
         return;
       }
       touch.move(event);
@@ -135,7 +136,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
     };
     const onTouchEnd = () => {
-      if (props.readonly) {
+      if (isReadonly()) {
         return;
       }
       const distance = currentOffset.value - momentumOffset;

package/lib/popover/Popover.js

@@ -26,10 +26,11 @@ var import_vue2 = require("vue");
 var import_popperjs = require("@vant/popperjs");
 var import_utils = require("../utils");
 var import_use = require("@vant/use");
+var import_use_sync_prop_ref = require("../composables/use-sync-prop-ref");
 var import_icon = require("../icon");
 var import_popup = require("../popup");
 const [name, bem] = (0, import_utils.createNamespace)("popover");
-const popupProps = ["show", "overlay", "duration", "teleport", "overlayStyle", "overlayClass", "closeOnClickOverlay"];
+const popupProps = ["overlay", "duration", "teleport", "overlayStyle", "overlayClass", "closeOnClickOverlay"];
 const popoverProps = {
   show: Boolean,
   theme: (0, import_utils.makeStringProp)("light"),
@@ -67,6 +68,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const popupRef = (0, import_vue2.ref)();
     const wrapperRef = (0, import_vue2.ref)();
     const popoverRef = (0, import_vue2.ref)();
+    const show = (0, import_use_sync_prop_ref.useSyncPropRef)(() => props.show, (value) => emit("update:show", value));
     const getPopoverOptions = () => ({
       placement: props.placement,
       modifiers: [{
@@ -89,7 +91,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     };
     const updateLocation = () => {
       (0, import_vue2.nextTick)(() => {
-        if (!props.show) {
+        if (!show.value) {
           return;
         }
         if (!popper) {
@@ -99,10 +101,12 @@ var stdin_default = (0, import_vue2.defineComponent)({
         }
       });
     };
-    const updateShow = (value) => emit("update:show", value);
+    const updateShow = (value) => {
+      show.value = value;
+    };
     const onClickWrapper = () => {
       if (props.trigger === "click") {
-        updateShow(!props.show);
+        show.value = !show.value;
       }
     };
     const onClickAction = (action, index) => {
@@ -111,12 +115,12 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
       emit("select", action, index);
       if (props.closeOnClickAction) {
-        updateShow(false);
+        show.value = false;
       }
     };
     const onClickAway = () => {
-      if (props.show && props.closeOnClickOutside && (!props.overlay || props.closeOnClickOverlay)) {
-        updateShow(false);
+      if (show.value && props.closeOnClickOutside && (!props.overlay || props.closeOnClickOverlay)) {
+        show.value = false;
       }
     };
     const renderActionContent = (action, index) => {
@@ -168,7 +172,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         popper = null;
       }
     });
-    (0, import_vue2.watch)(() => [props.show, props.offset, props.placement], updateLocation);
+    (0, import_vue2.watch)(() => [show.value, props.offset, props.placement], updateLocation);
     (0, import_use.useClickAway)([wrapperRef, popupRef], onClickAway, {
       eventName: "touchstart"
     });
@@ -180,6 +184,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "onClick": onClickWrapper
       }, [(_a = slots.reference) == null ? void 0 : _a.call(slots)]), (0, import_vue.createVNode)(import_popup.Popup, (0, import_vue.mergeProps)({
         "ref": popoverRef,
+        "show": show.value,
         "class": bem([props.theme]),
         "position": "",
         "transition": "van-popover-zoom",

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,12 +23,6 @@ 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;
@@ -34,9 +34,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;
@@ -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 declare 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);
+  }
+});

package/lib/skeleton/SkeletonImage.d.ts

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

package/lib/skeleton/SkeletonImage.js

@@ -0,0 +1,45 @@
+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,
+  skeletonImageProps: () => skeletonImageProps
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_utils = require("../utils");
+var import_icon = require("../icon");
+const [name, bem] = (0, import_utils.createNamespace)("skeleton-image");
+const skeletonImageProps = {
+  imageSize: import_utils.numericProp,
+  imageShape: (0, import_utils.makeStringProp)("square")
+};
+var stdin_default = (0, import_vue2.defineComponent)({
+  name,
+  props: skeletonImageProps,
+  setup(props) {
+    return () => (0, import_vue.createVNode)("div", {
+      "class": bem([props.imageShape]),
+      "style": (0, import_utils.getSizeStyle)(props.imageSize)
+    }, [(0, import_vue.createVNode)(import_icon.Icon, {
+      "name": "photo",
+      "class": bem("icon")
+    }, null)]);
+  }
+});

package/lib/skeleton/SkeletonParagraph.d.ts

@@ -0,0 +1,27 @@
+import { ExtractPropTypes } from 'vue';
+export declare const DEFAULT_ROW_WIDTH = "100%";
+export declare const skeletonParagraphProps: {
+    round: BooleanConstructor;
+    rowWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+};
+export declare type SkeletonParagraphProps = ExtractPropTypes<typeof skeletonParagraphProps>;
+declare const _default: 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<ExtractPropTypes<{
+    round: BooleanConstructor;
+    rowWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+}>>, {
+    round: boolean;
+    rowWidth: string | number;
+}>;
+export default _default;

package/lib/skeleton/SkeletonParagraph.js

@@ -0,0 +1,50 @@
+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_ROW_WIDTH: () => DEFAULT_ROW_WIDTH,
+  default: () => stdin_default,
+  skeletonParagraphProps: () => skeletonParagraphProps
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_utils = require("../utils");
+const DEFAULT_ROW_WIDTH = "100%";
+const skeletonParagraphProps = {
+  round: Boolean,
+  rowWidth: {
+    type: import_utils.numericProp,
+    default: DEFAULT_ROW_WIDTH
+  }
+};
+const [name, bem] = (0, import_utils.createNamespace)("skeleton-paragraph");
+var stdin_default = (0, import_vue2.defineComponent)({
+  name,
+  props: skeletonParagraphProps,
+  setup(props) {
+    return () => (0, import_vue.createVNode)("div", {
+      "class": bem([{
+        round: props.round
+      }]),
+      "style": {
+        width: props.rowWidth
+      }
+    }, null);
+  }
+});

package/lib/skeleton/SkeletonTitle.d.ts

@@ -0,0 +1,16 @@
+import { type ExtractPropTypes } from 'vue';
+export declare const skeletonTitleProps: {
+    round: BooleanConstructor;
+    titleWidth: (NumberConstructor | StringConstructor)[];
+};
+export declare type SkeletonTitleProps = ExtractPropTypes<typeof skeletonTitleProps>;
+declare const _default: 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<ExtractPropTypes<{
+    round: BooleanConstructor;
+    titleWidth: (NumberConstructor | StringConstructor)[];
+}>>, {
+    round: boolean;
+}>;
+export default _default;