test(switch): 解决switch组件单元测试问题

Author: kagol

packages/devui-vue/devui/switch/__tests__/switch.spec.ts

@@ -52,14 +52,14 @@ describe('d-switch', () => {
  it('switch size work', async () => {
  const wrapper = mount(DSwitch, {
  props: {
- size: 'small'
+ size: 'sm'
  }
  });
 
  expect(wrapper.classes()).toContain('devui-switch-sm');
 
  await wrapper.setProps({
- size: 'large'
+ size: 'lg'
  });
  expect(wrapper.classes()).not.toContain('devui-switch-sm');
  expect(wrapper.classes()).toContain('devui-switch-lg');

packages/devui-vue/devui/switch/src/switch-types.ts

@@ -2,8 +2,8 @@ import type { ExtractPropTypes, PropType } from 'vue';
 
 export const switchProps = {
  size: {
- type: String as PropType<'small' | 'middle' | 'large'>,
- default: 'middle'
+ type: String as PropType<'sm' | 'md' | 'lg'>,
+ default: 'md'
  },
  color: {
  type: String,

packages/devui-vue/devui/switch/src/switch.scss

@@ -78,7 +78,7 @@
  left: 19px;
  }
 
- &.devui-switch-large {
+ &.devui-switch-lg {
  width: 58px;
  height: 30px;
  border-radius: math.div(32px, 2);
@@ -106,7 +106,7 @@
  }
  }
 
- &.devui-switch-small {
+ &.devui-switch-sm {
  width: 30px;
  height: 14px;
  border-radius: math.div(16px, 2);

packages/devui-vue/docs/components/switch/index.md

@@ -8,12 +8,12 @@
 
 ### size
 
-:::demo size可选：`small | middle | large`，默认为middle
+:::demo size可选：`sm | md | lg`，默认为`md`
 ```vue
 <template>
- <d-switch v-model:checked="checkedSmall" size="small"></d-switch>
- <d-switch v-model:checked="uncheckedMiddle" ></d-switch>
- <d-switch v-model:checked="checkedLarge" size="large"></d-switch>
+ <d-switch v-model:checked="checkedSmall" size="sm"></d-switch>
+ <d-switch v-model:checked="uncheckedMiddle"></d-switch>
+ <d-switch v-model:checked="checkedLarge" size="lg"></d-switch>
 </template>
 <script>
 import { defineComponent, ref } from 'vue'
@@ -101,7 +101,7 @@ export default defineComponent({
 
 | 参数 | 类型 | 默认 | 说明 | 跳转 Demo |
 | :--------------: | :------------------------: | :------: | :--------------------------: | :------------------------ |
-| size | `small \| middle \| large` | `middle` | 可选，开关尺寸大小 | [size](#size) |
+| size | `sm \| md \| lg` | `md` | 可选，开关尺寸大小 | [size](#size) |
 | color | `string` | -- | 可选，开关打开时的自定义颜色 | [自定义样式](#自定义样式) |
 | checked | `boolean` | false | 可选，开关是否打开，默认关闭 | [基本用法](#size) |
 | disabled | `boolean` | false | 可选，是否禁用开关 | [基本用法](#size) |