blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

fix(Skeleton): incorrect export component name (#11247)

Browse Source 
* fix(Skeleton): incorrect export component name

* chore: fix name
This commit is contained in:
neverland 2022-11-13 09:21:05 +08:00 committed by GitHub
parent 80270138e1
commit e6c6265e69
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 16 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
packages/vant/src/skeleton/demo/index.vue
View File

@ -1,5 +1,8 @@
<script setup lang="ts"> <script setup lang="ts">
import VanSkeleton, { VanSkeletonParagraph, VanSkeletonImage } from '..'; import VanSkeleton, {
SkeletonImage as VanSkeletonImage,
SkeletonParagraph as VanSkeletonParagraph,
} from '..';
import VanSwitch from '../../switch'; import VanSwitch from '../../switch';
import { ref } from 'vue'; import { ref } from 'vue';
import { cdnURL, useTranslate } from '../../../docs/site'; import { cdnURL, useTranslate } from '../../../docs/site';

16
packages/vant/src/skeleton/index.ts
View File

@ -6,10 +6,10 @@ import _SkeletonParagraph from './SkeletonParagraph';
import { withInstall } from '../utils'; import { withInstall } from '../utils';
export const VanSkeletonImage = withInstall(_SkeletonImage); export const SkeletonImage = withInstall(_SkeletonImage);
export const VanSkeletonTitle = withInstall(_SkeletonTitle); export const SkeletonTitle = withInstall(_SkeletonTitle);
export const VanSkeletonAvatar = withInstall(_SkeletonAvatar); export const SkeletonAvatar = withInstall(_SkeletonAvatar);
export const VanSkeletonParagraph = withInstall(_SkeletonParagraph); export const SkeletonParagraph = withInstall(_SkeletonParagraph);
export const Skeleton = withInstall(_Skeleton); export const Skeleton = withInstall(_Skeleton);
export default Skeleton; export default Skeleton;
@ -43,9 +43,9 @@ export type {
declare module 'vue' { declare module 'vue' {
export interface GlobalComponents { export interface GlobalComponents {
VanSkeleton: typeof Skeleton; VanSkeleton: typeof Skeleton;
VanSkeletonImage: typeof VanSkeletonImage; VanSkeletonImage: typeof SkeletonImage;
VanSkeletonTitle: typeof VanSkeletonTitle; VanSkeletonTitle: typeof SkeletonTitle;
VanSkeletonAvatar: typeof VanSkeletonAvatar; VanSkeletonAvatar: typeof SkeletonAvatar;
VanSkeletonParagraph: typeof VanSkeletonParagraph; VanSkeletonParagraph: typeof SkeletonParagraph;
} }
} }

8
packages/vant/src/skeleton/test/index.spec.tsx
View File

@ -1,5 +1,5 @@
import { mount } from '../../../test'; import { mount } from '../../../test';
import { Skeleton, VanSkeletonImage } from '..'; import { Skeleton, SkeletonImage } from '..';
test('should render with row width array correctly', () => { test('should render with row width array correctly', () => {
const wrapper = mount(Skeleton, { const wrapper = mount(Skeleton, {
@ -80,13 +80,13 @@ test('should allow to disable animation', async () => {
}); });
test('should skeleton image render correctly', () => { test('should skeleton image render correctly', () => {
const wrapper = mount(VanSkeletonImage); const wrapper = mount(SkeletonImage);
expect(wrapper.html()).toMatchSnapshot(); expect(wrapper.html()).toMatchSnapshot();
}); });
test('should skeleton image works with imageSize prop', () => { test('should skeleton image works with imageSize prop', () => {
const wrapper = mount(VanSkeletonImage, { const wrapper = mount(SkeletonImage, {
props: { props: {
imageSize: '20rem', imageSize: '20rem',
}, },
@ -98,7 +98,7 @@ test('should skeleton image works with imageSize prop', () => {
}); });
test('should skeleton image works with imageShape prop', () => { test('should skeleton image works with imageShape prop', () => {
const wrapper = mount(VanSkeletonImage, { const wrapper = mount(SkeletonImage, {
props: { props: {
imageShape: 'round', imageShape: 'round',
}, },