docs(Swiper): remove unused theme

packages/components/swiper/__tests__/__snapshots__/swiper.test.tsx.snap

@@ -689,81 +689,6 @@ exports[`Swiper > :props > :navigation 1`] = `
 </div>
 `;
 
-exports[`Swiper > :props > :theme 1`] = `
-<div
-  class="t-swiper"
->
-  <div
-    class="t-swiper__wrap t-swiper--inside"
-  >
-    <div
-      class="t-swiper__content"
-    >
-      <div
-        class="t-swiper__container"
-        style="transform: translate3d(-0%, 0px, 0px);"
-      >
-
-        <div
-          class="t-swiper__container__item"
-        >
-
-
-          2
-
-
-        </div>
-        <div
-          class="t-swiper__container__item"
-        >
-
-
-          1
-
-
-        </div>
-        <div
-          class="t-swiper__container__item"
-        >
-
-
-          2
-
-
-        </div>
-        <div
-          class="t-swiper__container__item"
-        >
-
-
-          1
-
-
-        </div>
-
-      </div>
-    </div>
-    <ul
-      class="t-swiper__navigation t-swiper__navigation-bars"
-    >
-
-      <li
-        class="t-swiper__navigation-item t-is-active"
-      >
-        <span />
-      </li>
-      <li
-        class="t-swiper__navigation-item"
-      >
-        <span />
-      </li>
-
-    </ul>
-    <!---->
-  </div>
-</div>
-`;
-
 exports[`Swiper > :props > :type 1`] = `
 <div
   class="t-swiper"

packages/components/swiper/__tests__/swiper.test.tsx

@@ -140,19 +140,6 @@ describe('Swiper', () => {
       });
       expect(wrapper.element).toMatchSnapshot();
     });
-    it(':theme', () => {
-      const wrapper = mount({
-        render() {
-          return (
-            <Swiper theme={'dark'}>
-              <SwiperItem>1</SwiperItem>
-              <SwiperItem>2</SwiperItem>
-            </Swiper>
-          );
-        },
-      });
-      expect(wrapper.element).toMatchSnapshot();
-    });
     it(':type', () => {
       const wrapper = mount({
         render() {

packages/components/swiper/_example/card.vue

@@ -1,7 +1,26 @@
 <template>
-  <t-swiper class="tdesign-demo-block--swiper" type="card" :height="280">
-    <t-swiper-item v-for="item in 6" :key="item">
-      <div class="demo-item">{{ item }}</div>
-    </t-swiper-item>
-  </t-swiper>
+  <div class="tdesign-demo-block--swiper">
+    <t-space direction="vertical" :size="50" style="width: 100%">
+      <t-space direction="vertical" style="width: 100%">
+        <t-tag theme="primary" variant="outline">卡片缩放比例</t-tag>
+        <t-slider v-model="cardScale" :min="0" :max="1" :step="0.01" :marks="marks" />
+      </t-space>
+
+      <t-swiper type="card" :height="280" :autoplay="false" :card-scale="cardScale">
+        <t-swiper-item v-for="i in 6" :key="i">
+          <div class="demo-item">{{ i }}</div>
+        </t-swiper-item>
+      </t-swiper>
+    </t-space>
+  </div>
 </template>
+
+<script setup>
+import { ref } from 'vue';
+
+const DEFAULT_SCALE = 210 / 332;
+const cardScale = ref(DEFAULT_SCALE);
+const marks = {
+  [DEFAULT_SCALE]: 'Default',
+};
+</script>

packages/components/swiper/_usage/props.json

@@ -47,21 +47,6 @@
     "defaultValue": true,
     "options": []
   },
-  {
-    "name": "theme",
-    "type": "enum",
-    "defaultValue": "light",
-    "options": [
-      {
-        "label": "light",
-        "value": "light"
-      },
-      {
-        "label": "dark",
-        "value": "dark"
-      }
-    ]
-  },
   {
     "name": "trigger",
     "type": "enum",

packages/components/swiper/props.ts

@@ -2,7 +2,6 @@
 
 /**
  * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
- * updated at 2021-12-12 19:17:30
  * */
 
 import { TdSwiperProps } from './type';
@@ -23,6 +22,11 @@ export default {
     type: Boolean,
     default: true,
   },
+  /** 卡片模式下非当前展示轮播图的缩放比例 */
+  cardScale: {
+    type: Number,
+    default: 210 / 332,
+  },
   /** 当前轮播在哪一项（下标） */
   current: {
     type: Number,
@@ -70,15 +74,6 @@ export default {
     type: Boolean,
     default: true,
   },
-  /** 深色模式和浅色模式 */
-  theme: {
-    type: String as PropType<TdSwiperProps['theme']>,
-    default: 'light' as TdSwiperProps['theme'],
-    validator(val: TdSwiperProps['theme']): boolean {
-      if (!val) return true;
-      return ['light', 'dark'].includes(val);
-    },
-  },
   /** 触发切换的方式：悬浮、点击等 */
   trigger: {
     type: String as PropType<TdSwiperProps['trigger']>,
@@ -97,11 +92,6 @@ export default {
       return ['default', 'card'].includes(val);
     },
   },
-  /** 卡片模式下的缩放比例 */
-  cardScale: {
-    type: Number,
-    default: 210 / 332,
-  },
   /** 轮播切换时触发 */
   onChange: Function as PropType<TdSwiperProps['onChange']>,
 };

packages/components/swiper/swiper.en-US.md

@@ -6,22 +6,21 @@
 
 name | type | default | description | required
 -- | -- | -- | -- | --
-animation | String | slide | options：slide/fade | N
+animation | String | slide | options: slide/fade | N
 autoplay | Boolean | true | \- | N
+cardScale | Number | 210/332 | \- | N
 current | Number | 0 | `v-model` and `v-model:current` is supported | N
 defaultCurrent | Number | 0 | uncontrolled property | N
-direction | String | horizontal | options：horizontal/vertical | N
+direction | String | horizontal | options: horizontal/vertical | N
 duration | Number | 300 | \- | N
 height | Number | - | \- | N
 interval | Number | 5000 | \- | N
 loop | Boolean | true | \- | N
-navigation | Object / Slot / Function | - | Typescript：`SwiperNavigation \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-vue-next/blob/develop/packages/components/common.ts) | N
+navigation | Object / Slot / Function | - | Typescript: `SwiperNavigation \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-vue-next/blob/develop/packages/components/common.ts) | N
 stopOnHover | Boolean | true | \- | N
-theme | String | light | options：light/dark | N
-trigger | String | hover | options：hover/click | N
-type | String | default | options：default/card | N
-cardScale | Number | 210/332 | scale ratio in card mode | N
-onChange | Function |  | Typescript：`(current: number, context: { source: SwiperChangeSource }) => void`<br/>[see more ts definition](https://github.com/Tencent/tdesign-vue-next/blob/develop/packages/components/swiper/type.ts)。<br/>`type SwiperChangeSource = 'autoplay' \| 'click' \| 'hover'`<br/> | N
+trigger | String | hover | options: hover/click | N
+type | String | default | options: default/card | N
+onChange | Function |  | Typescript: `(current: number, context: { source: SwiperChangeSource }) => void`<br/>[see more ts definition](https://github.com/Tencent/tdesign-vue-next/blob/develop/packages/components/swiper/type.ts)。<br/>`type SwiperChangeSource = 'autoplay' \| 'click' \| 'hover'`<br/> | N
 
 ### Swiper Events
 
@@ -33,7 +32,7 @@ change | `(current: number, context: { source: SwiperChangeSource })` | [see mor
 
 name | type | default | description | required
 -- | -- | -- | -- | --
-placement | String | inside | options：inside/outside | N
-showSlideBtn | String | always | options：always/hover/never | N
-size | String | medium | options：small/medium/large | N
-type | String | - | Typescript：`SwiperNavigationType` `type SwiperNavigationType = 'dots' \| 'dots-bar' \| 'bars' \| 'fraction'`。[see more ts definition](https://github.com/Tencent/tdesign-vue-next/blob/develop/packages/components/swiper/type.ts) | N
+placement | String | inside | options: inside/outside | N
+showSlideBtn | String | always | options: always/hover/never | N
+size | String | medium | options: small/medium/large | N
+type | String | - | Typescript: `SwiperNavigationType` `type SwiperNavigationType = 'dots' \| 'dots-bar' \| 'bars' \| 'fraction'`。[see more ts definition](https://github.com/Tencent/tdesign-vue-next/blob/develop/packages/components/swiper/type.ts) | N

packages/components/swiper/swiper.md

@@ -1,12 +1,14 @@
 :: BASE_DOC ::
 
 ## API
+
 ### Swiper Props
 
-名称 | 类型 | 默认值 | 说明 | 必传
+名称 | 类型 | 默认值 | 描述 | 必传
 -- | -- | -- | -- | --
 animation | String | slide | 轮播切换动画效果类型：滑动、淡入淡出等。可选项：slide/fade | N
 autoplay | Boolean | true | 是否自动播放 | N
+cardScale | Number | 210/332 | 卡片模式下非当前展示轮播图的缩放比例 | N
 current | Number | 0 | 当前轮播在哪一项（下标）。支持语法糖 `v-model` 或 `v-model:current` | N
 defaultCurrent | Number | 0 | 当前轮播在哪一项（下标）。非受控属性 | N
 direction | String | horizontal | 轮播滑动方向，包括横向滑动和纵向滑动两个方向。可选项：horizontal/vertical | N
@@ -16,10 +18,8 @@ interval | Number | 5000 | 轮播间隔时间 | N
 loop | Boolean | true | 是否循环播放 | N
 navigation | Object / Slot / Function | - | 导航器全部配置。TS 类型：`SwiperNavigation \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-vue-next/blob/develop/packages/components/common.ts) | N
 stopOnHover | Boolean | true | 是否悬浮时停止轮播 | N
-theme | String | light | 深色模式和浅色模式。可选项：light/dark | N
 trigger | String | hover | 触发切换的方式：悬浮、点击等。可选项：hover/click | N
 type | String | default | 样式类型：默认样式、卡片样式。可选项：default/card | N
-cardScale | Number | 210/332 | 卡片模式下的缩放比例 | N
 onChange | Function |  | TS 类型：`(current: number, context: { source: SwiperChangeSource }) => void`<br/>轮播切换时触发。[详细类型定义](https://github.com/Tencent/tdesign-vue-next/blob/develop/packages/components/swiper/type.ts)。<br/>`type SwiperChangeSource = 'autoplay' \| 'click' \| 'hover'`<br/> | N
 
 ### Swiper Events
@@ -30,7 +30,7 @@ change | `(current: number, context: { source: SwiperChangeSource })` | 轮播
 
 ### SwiperNavigation
 
-名称 | 类型 | 默认值 | 说明 | 必传
+名称 | 类型 | 默认值 | 描述 | 必传
 -- | -- | -- | -- | --
 placement | String | inside | 导航器位置，位于主体的内侧或是外侧。可选项：inside/outside | N
 showSlideBtn | String | always | 何时显示导航器的翻页按钮：始终显示、悬浮显示、永不显示。可选项：always/hover/never | N

packages/components/swiper/type.ts

@@ -2,9 +2,10 @@
 
 /**
  * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
- * updated at 2021-12-12 19:17:30
  * */
+
 import { TNode } from '../common';
+
 export interface TdSwiperProps {
   /**
    * 轮播切换动画效果类型：滑动、淡入淡出等
@@ -16,6 +17,11 @@ export interface TdSwiperProps {
    * @default true
    */
   autoplay?: boolean;
+  /**
+   * 卡片模式下非当前展示轮播图的缩放比例
+   * @default 210/332
+   */
+  cardScale?: number;
   /**
    * 当前轮播在哪一项（下标）
    * @default 0
@@ -59,11 +65,6 @@ export interface TdSwiperProps {
    * @default true
    */
   stopOnHover?: boolean;
-  /**
-   * 深色模式和浅色模式
-   * @default light
-   */
-  theme?: 'light' | 'dark';
   /**
    * 触发切换的方式：悬浮、点击等
    * @default hover
@@ -74,11 +75,6 @@ export interface TdSwiperProps {
    * @default default
    */
   type?: 'default' | 'card';
-  /**
-   * 卡片模式下的缩放比例
-   * @default 210/332
-   */
-  cardScale?: number;
   /**
    * 轮播切换时触发
    */