vant 4.0.6 → 4.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (107) hide show
  1. package/es/icon/index.css +1 -1
  2. package/es/image-preview/ImagePreview.d.ts +3 -0
  3. package/es/image-preview/ImagePreview.mjs +3 -2
  4. package/es/image-preview/index.d.ts +2 -0
  5. package/es/index.d.ts +5 -1
  6. package/es/index.mjs +13 -1
  7. package/es/locale/lang/ru-RU.mjs +1 -1
  8. package/es/number-keyboard/index.css +1 -1
  9. package/es/picker/index.css +1 -1
  10. package/es/picker-group/PickerGroup.d.ts +3 -0
  11. package/es/picker-group/PickerGroup.mjs +20 -7
  12. package/es/picker-group/index.d.ts +2 -0
  13. package/es/skeleton/Skeleton.d.ts +1 -1
  14. package/es/skeleton/Skeleton.mjs +3 -3
  15. package/es/skeleton/index.css +1 -1
  16. package/es/skeleton/index.d.ts +6 -73
  17. package/es/skeleton/index.mjs +1 -21
  18. package/es/skeleton/style/index.mjs +3 -2
  19. package/es/skeleton/types.d.ts +0 -2
  20. package/es/{skeleton → skeleton-avatar}/SkeletonAvatar.d.ts +1 -1
  21. package/es/{skeleton → skeleton-avatar}/SkeletonAvatar.mjs +0 -0
  22. package/es/skeleton-avatar/index.css +1 -0
  23. package/es/skeleton-avatar/index.d.ts +23 -0
  24. package/es/skeleton-avatar/index.mjs +10 -0
  25. package/es/skeleton-avatar/style/index.d.ts +1 -0
  26. package/es/skeleton-avatar/style/index.mjs +2 -0
  27. package/{lib/skeleton → es/skeleton-image}/SkeletonImage.d.ts +1 -1
  28. package/es/{skeleton → skeleton-image}/SkeletonImage.mjs +0 -0
  29. package/es/skeleton-image/index.css +1 -0
  30. package/es/skeleton-image/index.d.ts +23 -0
  31. package/es/skeleton-image/index.mjs +10 -0
  32. package/es/skeleton-image/style/index.d.ts +1 -0
  33. package/es/skeleton-image/style/index.mjs +4 -0
  34. package/es/{skeleton → skeleton-paragraph}/SkeletonParagraph.d.ts +0 -0
  35. package/es/{skeleton → skeleton-paragraph}/SkeletonParagraph.mjs +0 -0
  36. package/es/skeleton-paragraph/index.css +1 -0
  37. package/es/skeleton-paragraph/index.d.ts +24 -0
  38. package/es/skeleton-paragraph/index.mjs +11 -0
  39. package/es/skeleton-paragraph/style/index.d.ts +1 -0
  40. package/es/skeleton-paragraph/style/index.mjs +2 -0
  41. package/es/{skeleton → skeleton-title}/SkeletonTitle.d.ts +0 -0
  42. package/es/{skeleton → skeleton-title}/SkeletonTitle.mjs +0 -0
  43. package/es/skeleton-title/index.css +1 -0
  44. package/es/skeleton-title/index.d.ts +17 -0
  45. package/es/skeleton-title/index.mjs +10 -0
  46. package/es/skeleton-title/style/index.d.ts +1 -0
  47. package/es/skeleton-title/style/index.mjs +2 -0
  48. package/es/style/base.css +1 -1
  49. package/es/style/css-variables.css +1 -1
  50. package/es/swipe/Swipe.mjs +3 -0
  51. package/lib/icon/index.css +1 -1
  52. package/lib/image-preview/ImagePreview.d.ts +3 -0
  53. package/lib/image-preview/ImagePreview.js +3 -2
  54. package/lib/image-preview/index.d.ts +2 -0
  55. package/lib/index.css +1 -1
  56. package/lib/index.d.ts +5 -1
  57. package/lib/index.js +13 -1
  58. package/lib/locale/lang/ru-RU.js +1 -1
  59. package/lib/number-keyboard/index.css +1 -1
  60. package/lib/picker/index.css +1 -1
  61. package/lib/picker-group/PickerGroup.d.ts +3 -0
  62. package/lib/picker-group/PickerGroup.js +18 -5
  63. package/lib/picker-group/index.d.ts +2 -0
  64. package/lib/skeleton/Skeleton.d.ts +1 -1
  65. package/lib/skeleton/Skeleton.js +8 -8
  66. package/lib/skeleton/index.css +1 -1
  67. package/lib/skeleton/index.d.ts +6 -73
  68. package/lib/skeleton/index.js +1 -21
  69. package/lib/skeleton/style/index.js +3 -2
  70. package/lib/skeleton/types.d.ts +0 -2
  71. package/lib/{skeleton → skeleton-avatar}/SkeletonAvatar.d.ts +1 -1
  72. package/lib/{skeleton → skeleton-avatar}/SkeletonAvatar.js +0 -0
  73. package/lib/skeleton-avatar/index.css +1 -0
  74. package/lib/skeleton-avatar/index.d.ts +23 -0
  75. package/lib/skeleton-avatar/index.js +35 -0
  76. package/lib/skeleton-avatar/style/index.d.ts +1 -0
  77. package/lib/skeleton-avatar/style/index.js +2 -0
  78. package/{es/skeleton → lib/skeleton-image}/SkeletonImage.d.ts +1 -1
  79. package/lib/{skeleton → skeleton-image}/SkeletonImage.js +0 -0
  80. package/lib/skeleton-image/index.css +1 -0
  81. package/lib/skeleton-image/index.d.ts +23 -0
  82. package/lib/skeleton-image/index.js +35 -0
  83. package/lib/skeleton-image/style/index.d.ts +1 -0
  84. package/lib/skeleton-image/style/index.js +4 -0
  85. package/lib/{skeleton → skeleton-paragraph}/SkeletonParagraph.d.ts +0 -0
  86. package/lib/{skeleton → skeleton-paragraph}/SkeletonParagraph.js +0 -0
  87. package/lib/skeleton-paragraph/index.css +1 -0
  88. package/lib/skeleton-paragraph/index.d.ts +24 -0
  89. package/lib/skeleton-paragraph/index.js +36 -0
  90. package/lib/skeleton-paragraph/style/index.d.ts +1 -0
  91. package/lib/skeleton-paragraph/style/index.js +2 -0
  92. package/lib/{skeleton → skeleton-title}/SkeletonTitle.d.ts +0 -0
  93. package/lib/{skeleton → skeleton-title}/SkeletonTitle.js +0 -0
  94. package/lib/skeleton-title/index.css +1 -0
  95. package/lib/skeleton-title/index.d.ts +17 -0
  96. package/lib/skeleton-title/index.js +35 -0
  97. package/lib/skeleton-title/style/index.d.ts +1 -0
  98. package/lib/skeleton-title/style/index.js +2 -0
  99. package/lib/style/base.css +1 -1
  100. package/lib/style/css-variables.css +1 -1
  101. package/lib/swipe/Swipe.js +3 -0
  102. package/lib/vant.cjs.js +227 -202
  103. package/lib/vant.es.js +227 -202
  104. package/lib/vant.js +237 -203
  105. package/lib/vant.min.js +1 -1
  106. package/lib/web-types.json +1 -1
  107. package/package.json +3 -3
@@ -1,58 +1,3 @@
1
- export declare const SkeletonImage: import("../utils").WithInstall<import("vue").DefineComponent<{
2
- imageSize: (NumberConstructor | StringConstructor)[];
3
- imageShape: {
4
- type: import("vue").PropType<import("./types").SkeletonImageShape>;
5
- default: import("./types").SkeletonImageShape;
6
- };
7
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
8
- imageSize: (NumberConstructor | StringConstructor)[];
9
- imageShape: {
10
- type: import("vue").PropType<import("./types").SkeletonImageShape>;
11
- default: import("./types").SkeletonImageShape;
12
- };
13
- }>>, {
14
- imageShape: import("./types").SkeletonImageShape;
15
- }>>;
16
- export declare const SkeletonTitle: import("../utils").WithInstall<import("vue").DefineComponent<{
17
- round: BooleanConstructor;
18
- titleWidth: (NumberConstructor | StringConstructor)[];
19
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
20
- round: BooleanConstructor;
21
- titleWidth: (NumberConstructor | StringConstructor)[];
22
- }>>, {
23
- round: boolean;
24
- }>>;
25
- export declare const SkeletonAvatar: import("../utils").WithInstall<import("vue").DefineComponent<{
26
- avatarSize: (NumberConstructor | StringConstructor)[];
27
- avatarShape: {
28
- type: import("vue").PropType<import("./types").SkeletonAvatarShape>;
29
- default: import("./types").SkeletonAvatarShape;
30
- };
31
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
32
- avatarSize: (NumberConstructor | StringConstructor)[];
33
- avatarShape: {
34
- type: import("vue").PropType<import("./types").SkeletonAvatarShape>;
35
- default: import("./types").SkeletonAvatarShape;
36
- };
37
- }>>, {
38
- avatarShape: import("./types").SkeletonAvatarShape;
39
- }>>;
40
- export declare const SkeletonParagraph: import("../utils").WithInstall<import("vue").DefineComponent<{
41
- round: BooleanConstructor;
42
- rowWidth: {
43
- type: (NumberConstructor | StringConstructor)[];
44
- default: string;
45
- };
46
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
47
- round: BooleanConstructor;
48
- rowWidth: {
49
- type: (NumberConstructor | StringConstructor)[];
50
- default: string;
51
- };
52
- }>>, {
53
- round: boolean;
54
- rowWidth: string | number;
55
- }>>;
56
1
  export declare const Skeleton: import("../utils").WithInstall<import("vue").DefineComponent<{
57
2
  row: {
58
3
  type: (NumberConstructor | StringConstructor)[];
@@ -64,8 +9,8 @@ export declare const Skeleton: import("../utils").WithInstall<import("vue").Defi
64
9
  avatar: BooleanConstructor;
65
10
  avatarSize: (NumberConstructor | StringConstructor)[];
66
11
  avatarShape: {
67
- type: import("vue").PropType<import("./types").SkeletonAvatarShape>;
68
- default: import("./types").SkeletonAvatarShape;
12
+ type: import("vue").PropType<import("..").SkeletonAvatarShape>;
13
+ default: import("..").SkeletonAvatarShape;
69
14
  };
70
15
  loading: {
71
16
  type: BooleanConstructor;
@@ -92,8 +37,8 @@ export declare const Skeleton: import("../utils").WithInstall<import("vue").Defi
92
37
  avatar: BooleanConstructor;
93
38
  avatarSize: (NumberConstructor | StringConstructor)[];
94
39
  avatarShape: {
95
- type: import("vue").PropType<import("./types").SkeletonAvatarShape>;
96
- default: import("./types").SkeletonAvatarShape;
40
+ type: import("vue").PropType<import("..").SkeletonAvatarShape>;
41
+ default: import("..").SkeletonAvatarShape;
97
42
  };
98
43
  loading: {
99
44
  type: BooleanConstructor;
@@ -113,28 +58,16 @@ export declare const Skeleton: import("../utils").WithInstall<import("vue").Defi
113
58
  round: boolean;
114
59
  loading: boolean;
115
60
  row: string | number;
116
- avatarShape: import("./types").SkeletonAvatarShape;
61
+ avatarShape: import("..").SkeletonAvatarShape;
117
62
  rowWidth: import("../utils").Numeric | import("../utils").Numeric[];
118
63
  avatar: boolean;
119
64
  }>>;
120
65
  export default Skeleton;
121
66
  export { skeletonProps } from './Skeleton';
122
67
  export type { SkeletonProps } from './Skeleton';
123
- export { skeletonImageProps } from './SkeletonImage';
124
- export type { SkeletonImageProps } from './SkeletonImage';
125
- export { skeletonAvatarProps } from './SkeletonAvatar';
126
- export type { SkeletonAvatarProps } from './SkeletonAvatar';
127
- export { skeletonParagraphProps } from './SkeletonParagraph';
128
- export type { SkeletonParagraphProps } from './SkeletonParagraph';
129
- export { skeletonTitleProps } from './SkeletonTitle';
130
- export type { SkeletonTitleProps } from './SkeletonTitle';
131
- export type { SkeletonThemeVars, SkeletonImageShape, SkeletonAvatarShape, } from './types';
68
+ export type { SkeletonThemeVars } from './types';
132
69
  declare module 'vue' {
133
70
  interface GlobalComponents {
134
71
  VanSkeleton: typeof Skeleton;
135
- VanSkeletonImage: typeof SkeletonImage;
136
- VanSkeletonTitle: typeof SkeletonTitle;
137
- VanSkeletonAvatar: typeof SkeletonAvatar;
138
- VanSkeletonParagraph: typeof SkeletonParagraph;
139
72
  }
140
73
  }
@@ -1,30 +1,10 @@
1
1
  import _Skeleton from "./Skeleton.mjs";
2
- import _SkeletonImage from "./SkeletonImage.mjs";
3
- import _SkeletonTitle from "./SkeletonTitle.mjs";
4
- import _SkeletonAvatar from "./SkeletonAvatar.mjs";
5
- import _SkeletonParagraph from "./SkeletonParagraph.mjs";
6
2
  import { withInstall } from "../utils/index.mjs";
7
- const SkeletonImage = withInstall(_SkeletonImage);
8
- const SkeletonTitle = withInstall(_SkeletonTitle);
9
- const SkeletonAvatar = withInstall(_SkeletonAvatar);
10
- const SkeletonParagraph = withInstall(_SkeletonParagraph);
11
3
  const Skeleton = withInstall(_Skeleton);
12
4
  var stdin_default = Skeleton;
13
5
  import { skeletonProps } from "./Skeleton.mjs";
14
- import { skeletonImageProps } from "./SkeletonImage.mjs";
15
- import { skeletonAvatarProps } from "./SkeletonAvatar.mjs";
16
- import { skeletonParagraphProps } from "./SkeletonParagraph.mjs";
17
- import { skeletonTitleProps } from "./SkeletonTitle.mjs";
18
6
  export {
19
7
  Skeleton,
20
- SkeletonAvatar,
21
- SkeletonImage,
22
- SkeletonParagraph,
23
- SkeletonTitle,
24
8
  stdin_default as default,
25
- skeletonAvatarProps,
26
- skeletonImageProps,
27
- skeletonParagraphProps,
28
- skeletonProps,
29
- skeletonTitleProps
9
+ skeletonProps
30
10
  };
@@ -1,4 +1,5 @@
1
1
  import "../../style/base.css";
2
- import "../../badge/index.css";
3
- import "../../icon/index.css";
2
+ import "../../skeleton-title/index.css";
3
+ import "../../skeleton-avatar/index.css";
4
+ import "../../skeleton-paragraph/index.css";
4
5
  import "../index.css";
@@ -1,5 +1,3 @@
1
- export type SkeletonAvatarShape = 'square' | 'round';
2
- export type SkeletonImageShape = 'square' | 'round';
3
1
  export type SkeletonThemeVars = {
4
2
  skeletonParagraphHeight?: string;
5
3
  skeletonParagraphBackground?: string;
@@ -1,5 +1,5 @@
1
1
  import { ExtractPropTypes } from 'vue';
2
- import type { SkeletonAvatarShape } from './types';
2
+ export type SkeletonAvatarShape = 'square' | 'round';
3
3
  export declare const skeletonAvatarProps: {
4
4
  avatarSize: (NumberConstructor | StringConstructor)[];
5
5
  avatarShape: {
@@ -0,0 +1 @@
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)}
@@ -0,0 +1,23 @@
1
+ export declare const SkeletonAvatar: import("../utils").WithInstall<import("vue").DefineComponent<{
2
+ avatarSize: (NumberConstructor | StringConstructor)[];
3
+ avatarShape: {
4
+ type: import("vue").PropType<import("./SkeletonAvatar").SkeletonAvatarShape>;
5
+ default: import("./SkeletonAvatar").SkeletonAvatarShape;
6
+ };
7
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
8
+ avatarSize: (NumberConstructor | StringConstructor)[];
9
+ avatarShape: {
10
+ type: import("vue").PropType<import("./SkeletonAvatar").SkeletonAvatarShape>;
11
+ default: import("./SkeletonAvatar").SkeletonAvatarShape;
12
+ };
13
+ }>>, {
14
+ avatarShape: import("./SkeletonAvatar").SkeletonAvatarShape;
15
+ }>>;
16
+ export default SkeletonAvatar;
17
+ export { skeletonAvatarProps } from './SkeletonAvatar';
18
+ export type { SkeletonAvatarProps, SkeletonAvatarShape, } from './SkeletonAvatar';
19
+ declare module 'vue' {
20
+ interface GlobalComponents {
21
+ VanSkeletonAvatar: typeof SkeletonAvatar;
22
+ }
23
+ }
@@ -0,0 +1,10 @@
1
+ import { withInstall } from "../utils/index.mjs";
2
+ import _SkeletonAvatar from "./SkeletonAvatar.mjs";
3
+ const SkeletonAvatar = withInstall(_SkeletonAvatar);
4
+ var stdin_default = SkeletonAvatar;
5
+ import { skeletonAvatarProps } from "./SkeletonAvatar.mjs";
6
+ export {
7
+ SkeletonAvatar,
8
+ stdin_default as default,
9
+ skeletonAvatarProps
10
+ };
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,2 @@
1
+ import "../../style/base.css";
2
+ import "../index.css";
@@ -1,5 +1,5 @@
1
1
  import { type ExtractPropTypes } from 'vue';
2
- import type { SkeletonImageShape } from './types';
2
+ export type SkeletonImageShape = 'square' | 'round';
3
3
  export declare const skeletonImageProps: {
4
4
  imageSize: (NumberConstructor | StringConstructor)[];
5
5
  imageShape: {
@@ -0,0 +1 @@
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)}
@@ -0,0 +1,23 @@
1
+ export declare const SkeletonImage: import("../utils").WithInstall<import("vue").DefineComponent<{
2
+ imageSize: (NumberConstructor | StringConstructor)[];
3
+ imageShape: {
4
+ type: import("vue").PropType<import("./SkeletonImage").SkeletonImageShape>;
5
+ default: import("./SkeletonImage").SkeletonImageShape;
6
+ };
7
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
8
+ imageSize: (NumberConstructor | StringConstructor)[];
9
+ imageShape: {
10
+ type: import("vue").PropType<import("./SkeletonImage").SkeletonImageShape>;
11
+ default: import("./SkeletonImage").SkeletonImageShape;
12
+ };
13
+ }>>, {
14
+ imageShape: import("./SkeletonImage").SkeletonImageShape;
15
+ }>>;
16
+ export default SkeletonImage;
17
+ export { skeletonImageProps } from './SkeletonImage';
18
+ export type { SkeletonImageProps, SkeletonImageShape } from './SkeletonImage';
19
+ declare module 'vue' {
20
+ interface GlobalComponents {
21
+ VanSkeletonImage: typeof SkeletonImage;
22
+ }
23
+ }
@@ -0,0 +1,10 @@
1
+ import _SkeletonImage from "./SkeletonImage.mjs";
2
+ import { withInstall } from "../utils/index.mjs";
3
+ const SkeletonImage = withInstall(_SkeletonImage);
4
+ var stdin_default = SkeletonImage;
5
+ import { skeletonImageProps } from "./SkeletonImage.mjs";
6
+ export {
7
+ SkeletonImage,
8
+ stdin_default as default,
9
+ skeletonImageProps
10
+ };
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,4 @@
1
+ import "../../style/base.css";
2
+ import "../../badge/index.css";
3
+ import "../../icon/index.css";
4
+ import "../index.css";
@@ -0,0 +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-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)}
@@ -0,0 +1,24 @@
1
+ export declare const SkeletonParagraph: import("../utils").WithInstall<import("vue").DefineComponent<{
2
+ round: BooleanConstructor;
3
+ rowWidth: {
4
+ type: (NumberConstructor | StringConstructor)[];
5
+ default: string;
6
+ };
7
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
8
+ round: BooleanConstructor;
9
+ rowWidth: {
10
+ type: (NumberConstructor | StringConstructor)[];
11
+ default: string;
12
+ };
13
+ }>>, {
14
+ round: boolean;
15
+ rowWidth: string | number;
16
+ }>>;
17
+ export default SkeletonParagraph;
18
+ export { skeletonParagraphProps, DEFAULT_ROW_WIDTH } from './SkeletonParagraph';
19
+ export type { SkeletonParagraphProps } from './SkeletonParagraph';
20
+ declare module 'vue' {
21
+ interface GlobalComponents {
22
+ VanSkeletonParagraph: typeof SkeletonParagraph;
23
+ }
24
+ }
@@ -0,0 +1,11 @@
1
+ import _SkeletonParagraph from "./SkeletonParagraph.mjs";
2
+ import { withInstall } from "../utils/index.mjs";
3
+ const SkeletonParagraph = withInstall(_SkeletonParagraph);
4
+ var stdin_default = SkeletonParagraph;
5
+ import { skeletonParagraphProps, DEFAULT_ROW_WIDTH } from "./SkeletonParagraph.mjs";
6
+ export {
7
+ DEFAULT_ROW_WIDTH,
8
+ SkeletonParagraph,
9
+ stdin_default as default,
10
+ skeletonParagraphProps
11
+ };
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,2 @@
1
+ import "../../style/base.css";
2
+ import "../index.css";
@@ -0,0 +1 @@
1
+ :root{--van-skeleton-title-width: 40%}.van-skeleton-title{height:var(--van-skeleton-paragraph-height);background:var(--van-skeleton-paragraph-background)}.van-skeleton-title--round{border-radius:var(--van-radius-max)}.van-skeleton-title{width:var(--van-skeleton-title-width);margin:0}.van-skeleton-title+.van-skeleton-paragraph{margin-top:20px}
@@ -0,0 +1,17 @@
1
+ export declare const SkeletonTitle: import("../utils").WithInstall<import("vue").DefineComponent<{
2
+ round: BooleanConstructor;
3
+ titleWidth: (NumberConstructor | StringConstructor)[];
4
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
5
+ round: BooleanConstructor;
6
+ titleWidth: (NumberConstructor | StringConstructor)[];
7
+ }>>, {
8
+ round: boolean;
9
+ }>>;
10
+ export default SkeletonTitle;
11
+ export { skeletonTitleProps } from './SkeletonTitle';
12
+ export type { SkeletonTitleProps } from './SkeletonTitle';
13
+ declare module 'vue' {
14
+ interface GlobalComponents {
15
+ VanSkeletonTitle: typeof SkeletonTitle;
16
+ }
17
+ }
@@ -0,0 +1,10 @@
1
+ import _SkeletonTitle from "./SkeletonTitle.mjs";
2
+ import { withInstall } from "../utils/index.mjs";
3
+ const SkeletonTitle = withInstall(_SkeletonTitle);
4
+ var stdin_default = SkeletonTitle;
5
+ import { skeletonTitleProps } from "./SkeletonTitle.mjs";
6
+ export {
7
+ SkeletonTitle,
8
+ stdin_default as default,
9
+ skeletonTitleProps
10
+ };
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,2 @@
1
+ import "../../style/base.css";
2
+ import "../index.css";
package/es/style/base.css CHANGED
@@ -1 +1 @@
1
- :root{--van-black: #000;--van-white: #fff;--van-gray-1: #f7f8fa;--van-gray-2: #f2f3f5;--van-gray-3: #ebedf0;--van-gray-4: #dcdee0;--van-gray-5: #c8c9cc;--van-gray-6: #969799;--van-gray-7: #646566;--van-gray-8: #323233;--van-red: #ee0a24;--van-blue: #1989fa;--van-orange: #ff976a;--van-orange-dark: #ed6a0c;--van-orange-light: #fffbe8;--van-green: #07c160;--van-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);--van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);--van-primary-color: var(--van-blue);--van-success-color: var(--van-green);--van-danger-color: var(--van-red);--van-warning-color: var(--van-orange);--van-text-color: var(--van-gray-8);--van-text-color-2: var(--van-gray-6);--van-text-color-3: var(--van-gray-5);--van-link-color: #576b95;--van-active-color: var(--van-gray-2);--van-active-opacity: .6;--van-disabled-opacity: .5;--van-background: var(--van-gray-1);--van-background-2: var(--van-white);--van-background-3: var(--van-white);--van-padding-base: 4px;--van-padding-xs: 8px;--van-padding-sm: 12px;--van-padding-md: 16px;--van-padding-lg: 24px;--van-padding-xl: 32px;--van-font-bold: 600;--van-font-size-xs: 10px;--van-font-size-sm: 12px;--van-font-size-md: 14px;--van-font-size-lg: 16px;--van-line-height-xs: 14px;--van-line-height-sm: 18px;--van-line-height-md: 20px;--van-line-height-lg: 22px;--van-base-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--van-price-font: avenir-heavy, "PingFang SC", helvetica neue, arial, sans-serif;--van-duration-base: .3s;--van-duration-fast: .2s;--van-ease-out: ease-out;--van-ease-in: ease-in;--van-border-color: var(--van-gray-3);--van-border-width: 1px;--van-radius-sm: 2px;--van-radius-md: 4px;--van-radius-lg: 8px;--van-radius-max: 999px}.van-theme-dark{--van-text-color: #f5f5f5;--van-text-color-2: #707070;--van-text-color-3: #4d4d4d;--van-border-color: #3a3a3c;--van-active-color: #3a3a3c;--van-background: #000;--van-background-2: #1c1c1e;--van-background-3: #37363b}html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:var(--van-base-font)}a{text-decoration:none}input,button,textarea{color:inherit;font:inherit}a:focus,input:focus,button:focus,textarea:focus,[class*=van-]:focus{outline:none}ol,ul{margin:0;padding:0;list-style:none}@keyframes van-slide-up-enter{0%{transform:translate3d(0,100%,0)}}@keyframes van-slide-up-leave{to{transform:translate3d(0,100%,0)}}@keyframes van-slide-down-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes van-slide-down-leave{to{transform:translate3d(0,-100%,0)}}@keyframes van-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes van-slide-left-leave{to{transform:translate3d(-100%,0,0)}}@keyframes van-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes van-slide-right-leave{to{transform:translate3d(100%,0,0)}}@keyframes van-fade-in{0%{opacity:0}to{opacity:1}}@keyframes van-fade-out{0%{opacity:1}to{opacity:0}}@keyframes van-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.van-fade-enter-active{animation:var(--van-duration-base) van-fade-in both var(--van-ease-out)}.van-fade-leave-active{animation:var(--van-duration-base) van-fade-out both var(--van-ease-in)}.van-slide-up-enter-active{animation:van-slide-up-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-up-leave-active{animation:van-slide-up-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-down-enter-active{animation:van-slide-down-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-down-leave-active{animation:van-slide-down-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-left-enter-active{animation:van-slide-left-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-left-leave-active{animation:van-slide-left-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-right-enter-active{animation:van-slide-right-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-right-leave-active{animation:van-slide-right-leave var(--van-duration-base) both var(--van-ease-in)}.van-clearfix:after{display:table;clear:both;content:""}.van-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-multi-ellipsis--l2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.van-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.van-safe-area-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.van-safe-area-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.van-haptics-feedback{cursor:pointer}.van-haptics-feedback:active{opacity:var(--van-active-opacity)}[class*=van-hairline]:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--van-border-color);transform:scale(.5)}.van-hairline,.van-hairline--top,.van-hairline--left,.van-hairline--right,.van-hairline--bottom,.van-hairline--surround,.van-hairline--top-bottom{position:relative}.van-hairline--top:after{border-top-width:var(--van-border-width)}.van-hairline--left:after{border-left-width:var(--van-border-width)}.van-hairline--right:after{border-right-width:var(--van-border-width)}.van-hairline--bottom:after{border-bottom-width:var(--van-border-width)}.van-hairline--top-bottom:after,.van-hairline-unset--top-bottom:after{border-width:var(--van-border-width) 0}.van-hairline--surround:after{border-width:var(--van-border-width)}
1
+ :root{--van-black: #000;--van-white: #fff;--van-gray-1: #f7f8fa;--van-gray-2: #f2f3f5;--van-gray-3: #ebedf0;--van-gray-4: #dcdee0;--van-gray-5: #c8c9cc;--van-gray-6: #969799;--van-gray-7: #646566;--van-gray-8: #323233;--van-red: #ee0a24;--van-blue: #1989fa;--van-orange: #ff976a;--van-orange-dark: #ed6a0c;--van-orange-light: #fffbe8;--van-green: #07c160;--van-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);--van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);--van-primary-color: var(--van-blue);--van-success-color: var(--van-green);--van-danger-color: var(--van-red);--van-warning-color: var(--van-orange);--van-text-color: var(--van-gray-8);--van-text-color-2: var(--van-gray-6);--van-text-color-3: var(--van-gray-5);--van-active-color: var(--van-gray-2);--van-active-opacity: .6;--van-disabled-opacity: .5;--van-background: var(--van-gray-1);--van-background-2: var(--van-white);--van-background-3: var(--van-white);--van-padding-base: 4px;--van-padding-xs: 8px;--van-padding-sm: 12px;--van-padding-md: 16px;--van-padding-lg: 24px;--van-padding-xl: 32px;--van-font-bold: 600;--van-font-size-xs: 10px;--van-font-size-sm: 12px;--van-font-size-md: 14px;--van-font-size-lg: 16px;--van-line-height-xs: 14px;--van-line-height-sm: 18px;--van-line-height-md: 20px;--van-line-height-lg: 22px;--van-base-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--van-price-font: avenir-heavy, "PingFang SC", helvetica neue, arial, sans-serif;--van-duration-base: .3s;--van-duration-fast: .2s;--van-ease-out: ease-out;--van-ease-in: ease-in;--van-border-color: var(--van-gray-3);--van-border-width: 1px;--van-radius-sm: 2px;--van-radius-md: 4px;--van-radius-lg: 8px;--van-radius-max: 999px}.van-theme-dark{--van-text-color: #f5f5f5;--van-text-color-2: #707070;--van-text-color-3: #4d4d4d;--van-border-color: #3a3a3c;--van-active-color: #3a3a3c;--van-background: #000;--van-background-2: #1c1c1e;--van-background-3: #37363b}html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:var(--van-base-font)}a{text-decoration:none}input,button,textarea{color:inherit;font:inherit}a:focus,input:focus,button:focus,textarea:focus,[class*=van-]:focus{outline:none}ol,ul{margin:0;padding:0;list-style:none}@keyframes van-slide-up-enter{0%{transform:translate3d(0,100%,0)}}@keyframes van-slide-up-leave{to{transform:translate3d(0,100%,0)}}@keyframes van-slide-down-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes van-slide-down-leave{to{transform:translate3d(0,-100%,0)}}@keyframes van-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes van-slide-left-leave{to{transform:translate3d(-100%,0,0)}}@keyframes van-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes van-slide-right-leave{to{transform:translate3d(100%,0,0)}}@keyframes van-fade-in{0%{opacity:0}to{opacity:1}}@keyframes van-fade-out{0%{opacity:1}to{opacity:0}}@keyframes van-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.van-fade-enter-active{animation:var(--van-duration-base) van-fade-in both var(--van-ease-out)}.van-fade-leave-active{animation:var(--van-duration-base) van-fade-out both var(--van-ease-in)}.van-slide-up-enter-active{animation:van-slide-up-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-up-leave-active{animation:van-slide-up-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-down-enter-active{animation:van-slide-down-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-down-leave-active{animation:van-slide-down-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-left-enter-active{animation:van-slide-left-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-left-leave-active{animation:van-slide-left-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-right-enter-active{animation:van-slide-right-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-right-leave-active{animation:van-slide-right-leave var(--van-duration-base) both var(--van-ease-in)}.van-clearfix:after{display:table;clear:both;content:""}.van-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-multi-ellipsis--l2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.van-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.van-safe-area-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.van-safe-area-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.van-haptics-feedback{cursor:pointer}.van-haptics-feedback:active{opacity:var(--van-active-opacity)}[class*=van-hairline]:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--van-border-color);transform:scale(.5)}.van-hairline,.van-hairline--top,.van-hairline--left,.van-hairline--right,.van-hairline--bottom,.van-hairline--surround,.van-hairline--top-bottom{position:relative}.van-hairline--top:after{border-top-width:var(--van-border-width)}.van-hairline--left:after{border-left-width:var(--van-border-width)}.van-hairline--right:after{border-right-width:var(--van-border-width)}.van-hairline--bottom:after{border-bottom-width:var(--van-border-width)}.van-hairline--top-bottom:after,.van-hairline-unset--top-bottom:after{border-width:var(--van-border-width) 0}.van-hairline--surround:after{border-width:var(--van-border-width)}
@@ -1 +1 @@
1
- :root{--van-black: #000;--van-white: #fff;--van-gray-1: #f7f8fa;--van-gray-2: #f2f3f5;--van-gray-3: #ebedf0;--van-gray-4: #dcdee0;--van-gray-5: #c8c9cc;--van-gray-6: #969799;--van-gray-7: #646566;--van-gray-8: #323233;--van-red: #ee0a24;--van-blue: #1989fa;--van-orange: #ff976a;--van-orange-dark: #ed6a0c;--van-orange-light: #fffbe8;--van-green: #07c160;--van-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);--van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);--van-primary-color: var(--van-blue);--van-success-color: var(--van-green);--van-danger-color: var(--van-red);--van-warning-color: var(--van-orange);--van-text-color: var(--van-gray-8);--van-text-color-2: var(--van-gray-6);--van-text-color-3: var(--van-gray-5);--van-link-color: #576b95;--van-active-color: var(--van-gray-2);--van-active-opacity: .6;--van-disabled-opacity: .5;--van-background: var(--van-gray-1);--van-background-2: var(--van-white);--van-background-3: var(--van-white);--van-padding-base: 4px;--van-padding-xs: 8px;--van-padding-sm: 12px;--van-padding-md: 16px;--van-padding-lg: 24px;--van-padding-xl: 32px;--van-font-bold: 600;--van-font-size-xs: 10px;--van-font-size-sm: 12px;--van-font-size-md: 14px;--van-font-size-lg: 16px;--van-line-height-xs: 14px;--van-line-height-sm: 18px;--van-line-height-md: 20px;--van-line-height-lg: 22px;--van-base-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--van-price-font: avenir-heavy, "PingFang SC", helvetica neue, arial, sans-serif;--van-duration-base: .3s;--van-duration-fast: .2s;--van-ease-out: ease-out;--van-ease-in: ease-in;--van-border-color: var(--van-gray-3);--van-border-width: 1px;--van-radius-sm: 2px;--van-radius-md: 4px;--van-radius-lg: 8px;--van-radius-max: 999px}.van-theme-dark{--van-text-color: #f5f5f5;--van-text-color-2: #707070;--van-text-color-3: #4d4d4d;--van-border-color: #3a3a3c;--van-active-color: #3a3a3c;--van-background: #000;--van-background-2: #1c1c1e;--van-background-3: #37363b}
1
+ :root{--van-black: #000;--van-white: #fff;--van-gray-1: #f7f8fa;--van-gray-2: #f2f3f5;--van-gray-3: #ebedf0;--van-gray-4: #dcdee0;--van-gray-5: #c8c9cc;--van-gray-6: #969799;--van-gray-7: #646566;--van-gray-8: #323233;--van-red: #ee0a24;--van-blue: #1989fa;--van-orange: #ff976a;--van-orange-dark: #ed6a0c;--van-orange-light: #fffbe8;--van-green: #07c160;--van-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);--van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);--van-primary-color: var(--van-blue);--van-success-color: var(--van-green);--van-danger-color: var(--van-red);--van-warning-color: var(--van-orange);--van-text-color: var(--van-gray-8);--van-text-color-2: var(--van-gray-6);--van-text-color-3: var(--van-gray-5);--van-active-color: var(--van-gray-2);--van-active-opacity: .6;--van-disabled-opacity: .5;--van-background: var(--van-gray-1);--van-background-2: var(--van-white);--van-background-3: var(--van-white);--van-padding-base: 4px;--van-padding-xs: 8px;--van-padding-sm: 12px;--van-padding-md: 16px;--van-padding-lg: 24px;--van-padding-xl: 32px;--van-font-bold: 600;--van-font-size-xs: 10px;--van-font-size-sm: 12px;--van-font-size-md: 14px;--van-font-size-lg: 16px;--van-line-height-xs: 14px;--van-line-height-sm: 18px;--van-line-height-md: 20px;--van-line-height-lg: 22px;--van-base-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--van-price-font: avenir-heavy, "PingFang SC", helvetica neue, arial, sans-serif;--van-duration-base: .3s;--van-duration-fast: .2s;--van-ease-out: ease-out;--van-ease-in: ease-in;--van-border-color: var(--van-gray-3);--van-border-width: 1px;--van-radius-sm: 2px;--van-radius-md: 4px;--van-radius-lg: 8px;--van-radius-max: 999px}.van-theme-dark{--van-text-color: #f5f5f5;--van-text-color-2: #707070;--van-text-color-3: #4d4d4d;--van-border-color: #3a3a3c;--van-active-color: #3a3a3c;--van-background: #000;--van-background-2: #1c1c1e;--van-background-3: #37363b}
@@ -188,6 +188,9 @@ var stdin_default = defineComponent({
188
188
  }
189
189
  if (count.value) {
190
190
  active = Math.min(count.value - 1, active);
191
+ if (active === -1) {
192
+ active = count.value - 1;
193
+ }
191
194
  }
192
195
  state.active = active;
193
196
  state.swiping = true;