From 2d713445fda90d637ed44636859ef93ec71ed8f5 Mon Sep 17 00:00:00 2001
From: leejimqiu <leejimqiu@gmail.com>
Date: Wed, 26 Jul 2023 13:10:36 +0800
Subject: [PATCH 01/13] fix(calendar): enable reactive for props

---
 src/calendar/calendar.vue |  5 +++--
 src/calendar/template.vue | 27 +++++++++++++--------------
 2 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/src/calendar/calendar.vue b/src/calendar/calendar.vue
index bac5e08e4..23df5c884 100644
--- a/src/calendar/calendar.vue
+++ b/src/calendar/calendar.vue
@@ -16,7 +16,7 @@
 </template>
 
 <script lang="ts">
-import { defineEmits, defineProps, provide } from 'vue';
+import { defineEmits, defineProps, provide, reactive } from 'vue';
 
 import TPopup from '../popup';
 import config from '../config';
@@ -36,7 +36,8 @@ export default {
 
 <script setup lang="ts">
 const props = defineProps(calendarProps);
-provide('templateProps', { ...props });
+
+provide('templateProps', reactive(props));
 
 const emit = defineEmits(['update:visible']);
 
diff --git a/src/calendar/template.vue b/src/calendar/template.vue
index 06520f89d..ebf5371dd 100644
--- a/src/calendar/template.vue
+++ b/src/calendar/template.vue
@@ -80,12 +80,11 @@ const getYearMonthDay = (date: Date) => {
   };
 };
 
-const title = ref(props.title);
-const usePopup = ref(props.usePopup);
+const title = computed(() => props.title);
+const usePopup = computed(() => props.usePopup);
 const valueRef = ref(props.value);
 const selectedDate = ref();
 const firstDayOfWeek = computed(() => props.firstDayOfWeek || 0);
-const type = ref(props.type);
 const days = computed(() => {
   const raw = '日一二三四五六';
   const ans = [];
@@ -99,10 +98,10 @@ const days = computed(() => {
   return ans;
 });
 const today = new Date();
-const minDate = props.minDate ? new Date(props.minDate) : today;
-const maxDate = props.maxDate
-  ? new Date(props.maxDate)
-  : new Date(today.getFullYear(), today.getMonth() + 6, today.getDate());
+const minDate = computed(() => (props.minDate ? new Date(props.minDate) : today));
+const maxDate = computed(() =>
+  props.maxDate ? new Date(props.maxDate) : new Date(today.getFullYear(), today.getMonth() + 6, today.getDate()),
+);
 
 // 获取日期
 const getDate = (year: number, month: number, day: number) => new Date(year, month, day);
@@ -117,7 +116,7 @@ const handleSelect = (year: number, month: number, date: number, dateItem: TDate
   if (dateItem.type === 'disabled') return;
   const selected = new Date(year, month, date);
 
-  if (type.value === 'range' && Array.isArray(selectedDate.value)) {
+  if (props.type === 'range' && Array.isArray(selectedDate.value)) {
     if (selectedDate.value.length === 1) {
       if (selectedDate.value[0] > selected) {
         selectedDate.value = [selected];
@@ -181,21 +180,21 @@ const isSameDate = (date1: CompareDate, date2: CompareDate) => {
 
 const months = computed(() => {
   const ans = [];
-  let { year: minYear, month: minMonth } = getYearMonthDay(minDate);
-  const { year: maxYear, month: maxMonth } = getYearMonthDay(maxDate);
+  let { year: minYear, month: minMonth } = getYearMonthDay(minDate.value);
+  const { year: maxYear, month: maxMonth } = getYearMonthDay(maxDate.value);
   const calcType = (year: number, month: number, date: number): TDateType => {
     const curDate = new Date(year, month, date, 23, 59, 59);
 
-    if (type.value === 'single') {
+    if (props.type === 'single') {
       if (isSameDate({ year, month, date }, selectedDate.value)) return 'selected';
     }
-    if (type.value === 'multiple') {
+    if (props.type === 'multiple') {
       const hit = selectedDate.value.some((item: Date) => isSameDate({ year, month, date }, item));
       if (hit) {
         return 'selected';
       }
     }
-    if (type.value === 'range') {
+    if (props.type === 'range') {
       if (Array.isArray(selectedDate.value)) {
         const [startDate, endDate] = selectedDate.value;
 
@@ -207,7 +206,7 @@ const months = computed(() => {
     }
 
     const minCurDate = new Date(year, month, date, 0, 0, 0);
-    if (curDate.getTime() < minDate.getTime() || minCurDate.getTime() > maxDate.getTime()) {
+    if (curDate.getTime() < minDate.value.getTime() || minCurDate.getTime() > maxDate.value.getTime()) {
       return 'disabled';
     }
     return '';

From 78ff59a907ad78f90e5f6f1236e1339e1e32f01f Mon Sep 17 00:00:00 2001
From: leejimqiu <leejimqiu@gmail.com>
Date: Wed, 26 Jul 2023 13:12:48 +0800
Subject: [PATCH 02/13] Revert "fix(calendar): enable reactive for props"

This reverts commit 2d713445fda90d637ed44636859ef93ec71ed8f5.
---
 src/calendar/calendar.vue |  5 ++---
 src/calendar/template.vue | 27 ++++++++++++++-------------
 2 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/src/calendar/calendar.vue b/src/calendar/calendar.vue
index 23df5c884..bac5e08e4 100644
--- a/src/calendar/calendar.vue
+++ b/src/calendar/calendar.vue
@@ -16,7 +16,7 @@
 </template>
 
 <script lang="ts">
-import { defineEmits, defineProps, provide, reactive } from 'vue';
+import { defineEmits, defineProps, provide } from 'vue';
 
 import TPopup from '../popup';
 import config from '../config';
@@ -36,8 +36,7 @@ export default {
 
 <script setup lang="ts">
 const props = defineProps(calendarProps);
-
-provide('templateProps', reactive(props));
+provide('templateProps', { ...props });
 
 const emit = defineEmits(['update:visible']);
 
diff --git a/src/calendar/template.vue b/src/calendar/template.vue
index ebf5371dd..06520f89d 100644
--- a/src/calendar/template.vue
+++ b/src/calendar/template.vue
@@ -80,11 +80,12 @@ const getYearMonthDay = (date: Date) => {
   };
 };
 
-const title = computed(() => props.title);
-const usePopup = computed(() => props.usePopup);
+const title = ref(props.title);
+const usePopup = ref(props.usePopup);
 const valueRef = ref(props.value);
 const selectedDate = ref();
 const firstDayOfWeek = computed(() => props.firstDayOfWeek || 0);
+const type = ref(props.type);
 const days = computed(() => {
   const raw = '日一二三四五六';
   const ans = [];
@@ -98,10 +99,10 @@ const days = computed(() => {
   return ans;
 });
 const today = new Date();
-const minDate = computed(() => (props.minDate ? new Date(props.minDate) : today));
-const maxDate = computed(() =>
-  props.maxDate ? new Date(props.maxDate) : new Date(today.getFullYear(), today.getMonth() + 6, today.getDate()),
-);
+const minDate = props.minDate ? new Date(props.minDate) : today;
+const maxDate = props.maxDate
+  ? new Date(props.maxDate)
+  : new Date(today.getFullYear(), today.getMonth() + 6, today.getDate());
 
 // 获取日期
 const getDate = (year: number, month: number, day: number) => new Date(year, month, day);
@@ -116,7 +117,7 @@ const handleSelect = (year: number, month: number, date: number, dateItem: TDate
   if (dateItem.type === 'disabled') return;
   const selected = new Date(year, month, date);
 
-  if (props.type === 'range' && Array.isArray(selectedDate.value)) {
+  if (type.value === 'range' && Array.isArray(selectedDate.value)) {
     if (selectedDate.value.length === 1) {
       if (selectedDate.value[0] > selected) {
         selectedDate.value = [selected];
@@ -180,21 +181,21 @@ const isSameDate = (date1: CompareDate, date2: CompareDate) => {
 
 const months = computed(() => {
   const ans = [];
-  let { year: minYear, month: minMonth } = getYearMonthDay(minDate.value);
-  const { year: maxYear, month: maxMonth } = getYearMonthDay(maxDate.value);
+  let { year: minYear, month: minMonth } = getYearMonthDay(minDate);
+  const { year: maxYear, month: maxMonth } = getYearMonthDay(maxDate);
   const calcType = (year: number, month: number, date: number): TDateType => {
     const curDate = new Date(year, month, date, 23, 59, 59);
 
-    if (props.type === 'single') {
+    if (type.value === 'single') {
       if (isSameDate({ year, month, date }, selectedDate.value)) return 'selected';
     }
-    if (props.type === 'multiple') {
+    if (type.value === 'multiple') {
       const hit = selectedDate.value.some((item: Date) => isSameDate({ year, month, date }, item));
       if (hit) {
         return 'selected';
       }
     }
-    if (props.type === 'range') {
+    if (type.value === 'range') {
       if (Array.isArray(selectedDate.value)) {
         const [startDate, endDate] = selectedDate.value;
 
@@ -206,7 +207,7 @@ const months = computed(() => {
     }
 
     const minCurDate = new Date(year, month, date, 0, 0, 0);
-    if (curDate.getTime() < minDate.value.getTime() || minCurDate.getTime() > maxDate.value.getTime()) {
+    if (curDate.getTime() < minDate.getTime() || minCurDate.getTime() > maxDate.getTime()) {
       return 'disabled';
     }
     return '';

From a7b899d8534e75c62f1f5fad4d116640ed2139b4 Mon Sep 17 00:00:00 2001
From: leejimqiu <leejimqiu@gmail.com>
Date: Wed, 26 Jul 2023 13:24:55 +0800
Subject: [PATCH 03/13] fix(cascader): optimize tnode using

---
 src/cascader/cascader.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/cascader/cascader.vue b/src/cascader/cascader.vue
index 27d9cc946..83ba86123 100644
--- a/src/cascader/cascader.vue
+++ b/src/cascader/cascader.vue
@@ -6,8 +6,7 @@
         <template v-else>{{ title }}</template>
       </div>
       <div :class="`${name}__close-btn`" @click="onClose">
-        <t-node v-if="!(typeof closeBtnTNode === 'boolean')" :content="closeBtnTNode" />
-        <close-icon v-else-if="typeof closeBtn === 'boolean' && closeBtn" size="24" />
+        <t-node v-if="closeBtnTNode" :content="closeBtnTNode" />
       </div>
       <div :class="`${name}__content`">
         <div v-if="steps && steps.length">
@@ -82,7 +81,7 @@ import {
   watch,
   onMounted,
   Ref,
-  nextTick,
+  h,
 } from 'vue';
 import TPopup from '../popup';
 import { Tabs as TTabs, TabPanel as TTabPanel } from '../tabs';
@@ -115,7 +114,6 @@ interface KeysType {
 export default defineComponent({
   name,
   components: {
-    CloseIcon,
     ChevronRightIcon,
     TNode,
     TPopup,
@@ -143,7 +141,9 @@ export default defineComponent({
 
     const internalInstance = getCurrentInstance();
     const closeBtnTNode = computed(() => {
-      return renderTNode(internalInstance, 'closeBtn');
+      return renderTNode(internalInstance, 'closeBtn', {
+        defaultNode: h(CloseIcon, { size: '24px' }),
+      });
     });
     const titleTNode = computed(() => renderTNode(internalInstance, 'title'));
 

From 255317c0cfd8b89c12b8e903994d3c2c5ccf5ab1 Mon Sep 17 00:00:00 2001
From: leejimqiu <leejimqiu@gmail.com>
Date: Wed, 26 Jul 2023 13:29:00 +0800
Subject: [PATCH 04/13] docs(checkbox): update

---
 src/checkbox/checkbox.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/checkbox/checkbox.md b/src/checkbox/checkbox.md
index 4f5ea2258..b471f2ca1 100644
--- a/src/checkbox/checkbox.md
+++ b/src/checkbox/checkbox.md
@@ -20,7 +20,7 @@ maxContentRow | Number | 5 | 内容最大行数限制 | N
 maxLabelRow | Number | 3 | 主文案最大行数限制 | N
 name | String | - | HTML 元素原生属性 | N
 placement | String | left | 多选框和内容相对位置。可选项：left/right | N
-readonly | Boolean | false | 只读状态 | N
+readonly | Boolean | false | 【暂不支持】只读状态 | N
 value | String / Number / Boolean | - | 多选框的值。TS 类型：`string \| number \| boolean` | N
 onChange | Function |  | TS 类型：`(checked: boolean, context: { e: Event }) => void`<br/>值变化时触发 | N
 

From e77e0251a66d12d4a1251ae6f60bd0844f9ceb44 Mon Sep 17 00:00:00 2001
From: leejimqiu <leejimqiu@gmail.com>
Date: Wed, 26 Jul 2023 13:38:15 +0800
Subject: [PATCH 05/13] docs(input): update

---
 src/input/input.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/input/input.md b/src/input/input.md
index 7a4f04c61..c55cea368 100644
--- a/src/input/input.md
+++ b/src/input/input.md
@@ -12,7 +12,7 @@ autofocus | Boolean | false | 自动聚焦 | N
 borderless | Boolean | false | 是否开启无边框模式 | N
 clearable | Boolean | false | 是否可清空 | N
 disabled | Boolean | - | 是否禁用输入框 | N
-format | Function | - | 指定输入框展示值的格式。TS 类型：`InputFormatType` `type InputFormatType = (value: InputValue) => string`。[详细类型定义](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/input/type.ts) | N
+format | Function | - | 【暂不支持】指定输入框展示值的格式。TS 类型：`InputFormatType` `type InputFormatType = (value: InputValue) => string`。[详细类型定义](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/input/type.ts) | N
 label | String / Slot / Function | - | 左侧文本。TS 类型：`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N
 layout | String | horizontal | 标题输入框布局方式。可选项：vertical/horizontal | N
 maxcharacter | Number | - | 用户最多可以输入的字符个数，一个中文汉字表示两个字符长度。`maxcharacter` 和 `maxlength` 二选一使用 | N
@@ -33,7 +33,7 @@ onBlur | Function |  | TS 类型：`(value: InputValue, context: { e: FocusEvent
 onChange | Function |  | TS 类型：`(value: InputValue, context?: { e?: InputEvent \| MouseEvent \| CompositionEvent; trigger: 'input' \| 'initial' \| 'clear' }) => void`<br/>输入框值发生变化时触发。`trigger=initial` 表示传入的数据不符合预期，组件自动处理后触发 change 告知父组件。如：初始值长度超过 `maxlength` 限制 | N
 onClear | Function |  | TS 类型：`(context: { e: MouseEvent }) => void`<br/>清空按钮点击时触发 | N
 onFocus | Function |  | TS 类型：`(value: InputValue, context: { e: FocusEvent }) => void`<br/>获得焦点时触发 | N
-onValidate | Function |  | TS 类型：`(context: { error?: 'exceed-maximum' \| 'below-minimum' }) => void`<br/>字数超出限制时触发 | N
+onValidate | Function |  | 【暂不支持】TS 类型：`(context: { error?: 'exceed-maximum' \| 'below-minimum' }) => void`<br/>字数超出限制时触发 | N
 
 ### Input Events
 

From d670035cd50a4efcc388e86bfd3e0c7dfc7ef543 Mon Sep 17 00:00:00 2001
From: leejimqiu <leejimqiu@gmail.com>
Date: Wed, 26 Jul 2023 13:39:54 +0800
Subject: [PATCH 06/13] docs(picker): update

---
 src/picker/picker.md | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/picker/picker.md b/src/picker/picker.md
index 9c153ba5f..c913b750b 100644
--- a/src/picker/picker.md
+++ b/src/picker/picker.md
@@ -14,7 +14,6 @@ renderLabel | Function | - | 自定义label。TS 类型：`(item: PickerColumnIt
 title | String | '' | 标题 | N
 value | Array | - | 选中值。支持语法糖 `v-model` 或 `v-model:value`。TS 类型：`Array<PickerValue>` `type PickerValue = string \| number`。[详细类型定义](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/picker/type.ts) | N
 defaultValue | Array | - | 选中值。非受控属性。TS 类型：`Array<PickerValue>` `type PickerValue = string \| number`。[详细类型定义](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/picker/type.ts) | N
-visible | Boolean | false | 是否显示 | N
 onCancel | Function |  | TS 类型：`(context: { e: MouseEvent }) => void`<br/>点击取消按钮时触发 | N
 onChange | Function |  | TS 类型：`(value: Array<PickerValue>, context: { columns: Array<PickerContext>, e: MouseEvent })  => void`<br/>选中变化时候触发。[详细类型定义](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/picker/type.ts)。<br/>`interface PickerContext{ column: number,index: number }`<br/> | N
 onConfirm | Function |  | TS 类型：`(value: Array<PickerValue>, context: { index: number[], e: MouseEvent, label: string[] }) => void`<br/>点击确认按钮时触发 | N

From 3b5eba152f7869ef4a8f262e83ab18f19a87b7a8 Mon Sep 17 00:00:00 2001
From: lijun <leejimqiu@gmail.com>
Date: Wed, 26 Jul 2023 13:40:21 +0800
Subject: [PATCH 07/13] fix(calendar): enable reactive for props (#991)

---
 src/calendar/calendar.vue |  5 +++--
 src/calendar/template.vue | 27 +++++++++++++--------------
 2 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/src/calendar/calendar.vue b/src/calendar/calendar.vue
index bac5e08e4..23df5c884 100644
--- a/src/calendar/calendar.vue
+++ b/src/calendar/calendar.vue
@@ -16,7 +16,7 @@
 </template>
 
 <script lang="ts">
-import { defineEmits, defineProps, provide } from 'vue';
+import { defineEmits, defineProps, provide, reactive } from 'vue';
 
 import TPopup from '../popup';
 import config from '../config';
@@ -36,7 +36,8 @@ export default {
 
 <script setup lang="ts">
 const props = defineProps(calendarProps);
-provide('templateProps', { ...props });
+
+provide('templateProps', reactive(props));
 
 const emit = defineEmits(['update:visible']);
 
diff --git a/src/calendar/template.vue b/src/calendar/template.vue
index 06520f89d..ebf5371dd 100644
--- a/src/calendar/template.vue
+++ b/src/calendar/template.vue
@@ -80,12 +80,11 @@ const getYearMonthDay = (date: Date) => {
   };
 };
 
-const title = ref(props.title);
-const usePopup = ref(props.usePopup);
+const title = computed(() => props.title);
+const usePopup = computed(() => props.usePopup);
 const valueRef = ref(props.value);
 const selectedDate = ref();
 const firstDayOfWeek = computed(() => props.firstDayOfWeek || 0);
-const type = ref(props.type);
 const days = computed(() => {
   const raw = '日一二三四五六';
   const ans = [];
@@ -99,10 +98,10 @@ const days = computed(() => {
   return ans;
 });
 const today = new Date();
-const minDate = props.minDate ? new Date(props.minDate) : today;
-const maxDate = props.maxDate
-  ? new Date(props.maxDate)
-  : new Date(today.getFullYear(), today.getMonth() + 6, today.getDate());
+const minDate = computed(() => (props.minDate ? new Date(props.minDate) : today));
+const maxDate = computed(() =>
+  props.maxDate ? new Date(props.maxDate) : new Date(today.getFullYear(), today.getMonth() + 6, today.getDate()),
+);
 
 // 获取日期
 const getDate = (year: number, month: number, day: number) => new Date(year, month, day);
@@ -117,7 +116,7 @@ const handleSelect = (year: number, month: number, date: number, dateItem: TDate
   if (dateItem.type === 'disabled') return;
   const selected = new Date(year, month, date);
 
-  if (type.value === 'range' && Array.isArray(selectedDate.value)) {
+  if (props.type === 'range' && Array.isArray(selectedDate.value)) {
     if (selectedDate.value.length === 1) {
       if (selectedDate.value[0] > selected) {
         selectedDate.value = [selected];
@@ -181,21 +180,21 @@ const isSameDate = (date1: CompareDate, date2: CompareDate) => {
 
 const months = computed(() => {
   const ans = [];
-  let { year: minYear, month: minMonth } = getYearMonthDay(minDate);
-  const { year: maxYear, month: maxMonth } = getYearMonthDay(maxDate);
+  let { year: minYear, month: minMonth } = getYearMonthDay(minDate.value);
+  const { year: maxYear, month: maxMonth } = getYearMonthDay(maxDate.value);
   const calcType = (year: number, month: number, date: number): TDateType => {
     const curDate = new Date(year, month, date, 23, 59, 59);
 
-    if (type.value === 'single') {
+    if (props.type === 'single') {
       if (isSameDate({ year, month, date }, selectedDate.value)) return 'selected';
     }
-    if (type.value === 'multiple') {
+    if (props.type === 'multiple') {
       const hit = selectedDate.value.some((item: Date) => isSameDate({ year, month, date }, item));
       if (hit) {
         return 'selected';
       }
     }
-    if (type.value === 'range') {
+    if (props.type === 'range') {
       if (Array.isArray(selectedDate.value)) {
         const [startDate, endDate] = selectedDate.value;
 
@@ -207,7 +206,7 @@ const months = computed(() => {
     }
 
     const minCurDate = new Date(year, month, date, 0, 0, 0);
-    if (curDate.getTime() < minDate.getTime() || minCurDate.getTime() > maxDate.getTime()) {
+    if (curDate.getTime() < minDate.value.getTime() || minCurDate.getTime() > maxDate.value.getTime()) {
       return 'disabled';
     }
     return '';

From a3732c46e2ee3cdbdb233619596ade9561c68ec3 Mon Sep 17 00:00:00 2001
From: Y <anly_yaw@163.com>
Date: Tue, 1 Aug 2023 16:46:24 +0800
Subject: [PATCH 08/13] chore: support all version for site (#993)

* chore: support all version for site

* test: update snapshots
---
 site/web/app.vue                                     |  6 ++----
 .../__test__/__snapshots__/demo.test.jsx.snap        | 12 ++++++++++++
 .../__test__/__snapshots__/index.test.jsx.snap       |  1 +
 src/form/__test__/__snapshots__/demo.test.jsx.snap   |  3 +++
 4 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/site/web/app.vue b/site/web/app.vue
index 73ce82c85..4c7d16f43 100644
--- a/site/web/app.vue
+++ b/site/web/app.vue
@@ -13,7 +13,7 @@
 
 <script>
 import siteConfig from '../docs.config';
-import { sortDocs, filterVersions } from './utils';
+import { sortDocs } from './utils';
 import { defineComponent } from 'vue';
 import packageJson from '../../package.json';
 
@@ -78,9 +78,7 @@ export default defineComponent({
         .then((res) => res.json())
         .then((res) => {
           const options = [];
-          const versions = filterVersions(Object.keys(res.versions).filter((v) => !v.includes('alpha')));
-
-          versions.forEach((v) => {
+          Object.keys(res.versions).forEach((v) => {
             const nums = v.split('.');
             if (nums[0] === '0' && nums[1] < 7) return false;
 
diff --git a/src/cascader/__test__/__snapshots__/demo.test.jsx.snap b/src/cascader/__test__/__snapshots__/demo.test.jsx.snap
index 53abab2ae..8154a502a 100644
--- a/src/cascader/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/cascader/__test__/__snapshots__/demo.test.jsx.snap
@@ -82,6 +82,7 @@ exports[`Cascader > Cascader baseVue demo works fine 1`] = `
             class="t-icon t-icon-close"
             fill="none"
             height="1em"
+            style="font-size: 24px;"
             viewBox="0 0 16 16"
             width="1em"
           >
@@ -312,6 +313,7 @@ exports[`Cascader > Cascader keysVue demo works fine 1`] = `
             class="t-icon t-icon-close"
             fill="none"
             height="1em"
+            style="font-size: 24px;"
             viewBox="0 0 16 16"
             width="1em"
           >
@@ -542,6 +544,7 @@ exports[`Cascader > Cascader lazyVue demo works fine 1`] = `
             class="t-icon t-icon-close"
             fill="none"
             height="1em"
+            style="font-size: 24px;"
             viewBox="0 0 16 16"
             width="1em"
           >
@@ -769,6 +772,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
                 class="t-icon t-icon-close"
                 fill="none"
                 height="1em"
+                style="font-size: 24px;"
                 viewBox="0 0 16 16"
                 width="1em"
               >
@@ -1012,6 +1016,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
                 class="t-icon t-icon-close"
                 fill="none"
                 height="1em"
+                style="font-size: 24px;"
                 viewBox="0 0 16 16"
                 width="1em"
               >
@@ -1229,6 +1234,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
                 class="t-icon t-icon-close"
                 fill="none"
                 height="1em"
+                style="font-size: 24px;"
                 viewBox="0 0 16 16"
                 width="1em"
               >
@@ -1472,6 +1478,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
                 class="t-icon t-icon-close"
                 fill="none"
                 height="1em"
+                style="font-size: 24px;"
                 viewBox="0 0 16 16"
                 width="1em"
               >
@@ -1715,6 +1722,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
                 class="t-icon t-icon-close"
                 fill="none"
                 height="1em"
+                style="font-size: 24px;"
                 viewBox="0 0 16 16"
                 width="1em"
               >
@@ -1962,6 +1970,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
                 class="t-icon t-icon-close"
                 fill="none"
                 height="1em"
+                style="font-size: 24px;"
                 viewBox="0 0 16 16"
                 width="1em"
               >
@@ -2161,6 +2170,7 @@ exports[`Cascader > Cascader themeTabVue demo works fine 1`] = `
             class="t-icon t-icon-close"
             fill="none"
             height="1em"
+            style="font-size: 24px;"
             viewBox="0 0 16 16"
             width="1em"
           >
@@ -2361,6 +2371,7 @@ exports[`Cascader > Cascader withTitleVue demo works fine 1`] = `
             class="t-icon t-icon-close"
             fill="none"
             height="1em"
+            style="font-size: 24px;"
             viewBox="0 0 16 16"
             width="1em"
           >
@@ -2595,6 +2606,7 @@ exports[`Cascader > Cascader withValueVue demo works fine 1`] = `
             class="t-icon t-icon-close"
             fill="none"
             height="1em"
+            style="font-size: 24px;"
             viewBox="0 0 16 16"
             width="1em"
           >
diff --git a/src/cascader/__test__/__snapshots__/index.test.jsx.snap b/src/cascader/__test__/__snapshots__/index.test.jsx.snap
index 7de0dc2d8..f0315cba8 100644
--- a/src/cascader/__test__/__snapshots__/index.test.jsx.snap
+++ b/src/cascader/__test__/__snapshots__/index.test.jsx.snap
@@ -33,6 +33,7 @@ exports[`cascader > events > : pick 1`] = `
           class="t-icon t-icon-close"
           fill="none"
           height="1em"
+          style="font-size: 24px;"
           viewBox="0 0 16 16"
           width="1em"
         >
diff --git a/src/form/__test__/__snapshots__/demo.test.jsx.snap b/src/form/__test__/__snapshots__/demo.test.jsx.snap
index d95ab6410..e8fd89c22 100644
--- a/src/form/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/form/__test__/__snapshots__/demo.test.jsx.snap
@@ -859,6 +859,7 @@ exports[`Form > Form horizontalVue demo works fine 1`] = `
                     class="t-icon t-icon-close"
                     fill="none"
                     height="1em"
+                    style="font-size: 24px;"
                     viewBox="0 0 16 16"
                     width="1em"
                   >
@@ -2610,6 +2611,7 @@ exports[`Form > Form mobileVue demo works fine 1`] = `
                           class="t-icon t-icon-close"
                           fill="none"
                           height="1em"
+                          style="font-size: 24px;"
                           viewBox="0 0 16 16"
                           width="1em"
                         >
@@ -4221,6 +4223,7 @@ exports[`Form > Form verticalVue demo works fine 1`] = `
                     class="t-icon t-icon-close"
                     fill="none"
                     height="1em"
+                    style="font-size: 24px;"
                     viewBox="0 0 16 16"
                     width="1em"
                   >

From 2ea18f046f8b1616f85c7d349c70ffd6a97ff9ed Mon Sep 17 00:00:00 2001
From: Y <anly_yaw@163.com>
Date: Tue, 1 Aug 2023 16:47:21 +0800
Subject: [PATCH 09/13] fix(Tag): resolve closable invalid when disabled is
 true (#994)

* fix(Tag): resolve closable invalid when disabled is true

* test: update snapshots
---
 src/tag/tag.vue | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/src/tag/tag.vue b/src/tag/tag.vue
index 64ae1b180..7bb56f894 100644
--- a/src/tag/tag.vue
+++ b/src/tag/tag.vue
@@ -6,7 +6,7 @@
     <span :class="`${baseClass}__text`">
       <t-node :content="tagContent"></t-node>
     </span>
-    <span v-if="closable && !disabled" :class="`${baseClass}__icon-close`" @click.stop="onClickClose">
+    <span v-if="closable" :class="`${baseClass}__icon-close`" @click.stop="onClickClose">
       <close-icon />
     </span>
   </span>
@@ -56,9 +56,6 @@ const Tag = defineComponent({
 
     const onClickClose = (e: MouseEvent): void => {
       if (!props.disabled) {
-        console.log(1);
-        console.log(props.onClose);
-
         props.onClose?.({ e });
       }
     };

From c7b18ad83e817642c547b79f982560db6d59e7d1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=BE=99=E9=A3=8E?= <455947455@qq.com>
Date: Tue, 1 Aug 2023 22:06:25 +0800
Subject: [PATCH 10/13] =?UTF-8?q?fix(upload):=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E9=83=A8=E5=88=86=E6=B5=8F=E8=A7=88=E5=99=A8=E7=8E=AF=E5=A2=83?=
 =?UTF-8?q?=E6=8A=A5=E9=94=99=20(#995)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix: 修复部分浏览器环境报错

* test: update snap

* fix: fix code
---
 src/upload/upload.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/upload/upload.vue b/src/upload/upload.vue
index e1e826cbc..5e8816e4b 100644
--- a/src/upload/upload.vue
+++ b/src/upload/upload.vue
@@ -230,7 +230,7 @@ export default defineComponent({
           status: 'waiting',
         };
         // node 环境不支持 URL.createObjectURL, 保证测试用例通过
-        if (!(typeof process !== 'undefined' && process.release.name === 'node')) {
+        if (!(typeof process !== 'undefined' && process.release?.name === 'node')) {
           uploadFile.url = URL.createObjectURL(fileRaw);
           if (!props.autoUpload) {
             images.value.push(uploadFile.url as string);

From 34158f505804397565e617273f077f3d31fa63b7 Mon Sep 17 00:00:00 2001
From: Y <anly_yaw@163.com>
Date: Tue, 1 Aug 2023 22:10:16 +0800
Subject: [PATCH 11/13] fix(Swiper): resolved change event parameter error
 (#996)

---
 .../__test__/__snapshots__/demo.test.jsx.snap |  20 +-
 src/swiper/__test__/index.test.jsx            | 226 +++++++++---------
 src/swiper/demos/base.vue                     |   4 +-
 src/swiper/demos/card.vue                     |   4 +-
 src/swiper/demos/control.vue                  |   6 +-
 src/swiper/demos/custom.vue                   |   4 +-
 src/swiper/demos/fraction.vue                 |   4 +-
 src/swiper/demos/vertical.vue                 |   4 +-
 src/swiper/swiper.en-US.md                    |   4 +-
 src/swiper/swiper.md                          |   4 +-
 src/swiper/swiper.vue                         |  35 ++-
 src/swiper/type.ts                            |   2 +-
 12 files changed, 151 insertions(+), 166 deletions(-)

diff --git a/src/swiper/__test__/__snapshots__/demo.test.jsx.snap b/src/swiper/__test__/__snapshots__/demo.test.jsx.snap
index 11d69d216..23d741b84 100644
--- a/src/swiper/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/swiper/__test__/__snapshots__/demo.test.jsx.snap
@@ -183,7 +183,7 @@ exports[`Swiper > Swiper controlVue demo works fine 1`] = `
       
       <div
         class="t-swiper-item"
-        style=""
+        style="height: 192px;"
       >
         
         <img
@@ -194,7 +194,7 @@ exports[`Swiper > Swiper controlVue demo works fine 1`] = `
       </div>
       <div
         class="t-swiper-item"
-        style=""
+        style="height: 192px;"
       >
         
         <img
@@ -205,7 +205,7 @@ exports[`Swiper > Swiper controlVue demo works fine 1`] = `
       </div>
       <div
         class="t-swiper-item"
-        style=""
+        style="height: 192px;"
       >
         
         <img
@@ -216,7 +216,7 @@ exports[`Swiper > Swiper controlVue demo works fine 1`] = `
       </div>
       <div
         class="t-swiper-item"
-        style=""
+        style="height: 192px;"
       >
         
         <img
@@ -227,7 +227,7 @@ exports[`Swiper > Swiper controlVue demo works fine 1`] = `
       </div>
       <div
         class="t-swiper-item"
-        style=""
+        style="height: 192px;"
       >
         
         <img
@@ -789,7 +789,7 @@ exports[`Swiper > Swiper mobileVue demo works fine 1`] = `
             
             <div
               class="t-swiper-item"
-              style=""
+              style="height: 192px;"
             >
               
               <img
@@ -800,7 +800,7 @@ exports[`Swiper > Swiper mobileVue demo works fine 1`] = `
             </div>
             <div
               class="t-swiper-item"
-              style=""
+              style="height: 192px;"
             >
               
               <img
@@ -811,7 +811,7 @@ exports[`Swiper > Swiper mobileVue demo works fine 1`] = `
             </div>
             <div
               class="t-swiper-item"
-              style=""
+              style="height: 192px;"
             >
               
               <img
@@ -822,7 +822,7 @@ exports[`Swiper > Swiper mobileVue demo works fine 1`] = `
             </div>
             <div
               class="t-swiper-item"
-              style=""
+              style="height: 192px;"
             >
               
               <img
@@ -833,7 +833,7 @@ exports[`Swiper > Swiper mobileVue demo works fine 1`] = `
             </div>
             <div
               class="t-swiper-item"
-              style=""
+              style="height: 192px;"
             >
               
               <img
diff --git a/src/swiper/__test__/index.test.jsx b/src/swiper/__test__/index.test.jsx
index d87f901c1..91b4a1a0d 100644
--- a/src/swiper/__test__/index.test.jsx
+++ b/src/swiper/__test__/index.test.jsx
@@ -25,72 +25,72 @@ const list = [
 ];
 
 describe('swiper', () => {
-    // it('duration && paginationPosition', async () => {
-    //   const current = ref(1);
-    //   const duration = 100;
-    //   const interval = 100;
-    //   const navigation = {
-    //     type: 'dots',
-    //     showSlideBtn: false,
-    //   };
-    //   const paginationPosition = 'top';
-    //   const onChange = vi.fn();
-    //   const wrapper = mount({
-    //     setup() {
-    //       return () => (
-    //         <Swiper
-    //           v-model={current.value}
-    //           interval={interval}
-    //           duration={duration}
-    //           navigation={navigation}
-    //           paginationPosition={paginationPosition}
-    //           onChange={onChange}
-    //         >
-    //           {{
-    //             default: list.map((item, index) => {
-    //               return (
-    //                 <SwiperItem>
-    //                   {{
-    //                     default: () => {
-    //                       return <img src={item.image} />;
-    //                     },
-    //                   }}
-    //                 </SwiperItem>
-    //               );
-    //             }),
-    //           }}
-    //         </Swiper>
-    //       );
-    //     },
-    //   });
-    //   await sleep(interval + duration);
-    //   const $swiper = wrapper.find(`.${classPrefix}`);
-    //   const $swiperContainer = wrapper.find(`.${classPrefix}__container`);
+  // it('duration && paginationPosition', async () => {
+  //   const current = ref(1);
+  //   const duration = 100;
+  //   const interval = 100;
+  //   const navigation = {
+  //     type: 'dots',
+  //     showSlideBtn: false,
+  //   };
+  //   const paginationPosition = 'top';
+  //   const onChange = vi.fn();
+  //   const wrapper = mount({
+  //     setup() {
+  //       return () => (
+  //         <Swiper
+  //           v-model={current.value}
+  //           interval={interval}
+  //           duration={duration}
+  //           navigation={navigation}
+  //           paginationPosition={paginationPosition}
+  //           onChange={onChange}
+  //         >
+  //           {{
+  //             default: list.map((item, index) => {
+  //               return (
+  //                 <SwiperItem>
+  //                   {{
+  //                     default: () => {
+  //                       return <img src={item.image} />;
+  //                     },
+  //                   }}
+  //                 </SwiperItem>
+  //               );
+  //             }),
+  //           }}
+  //         </Swiper>
+  //       );
+  //     },
+  //   });
+  //   await sleep(interval + duration);
+  //   const $swiper = wrapper.find(`.${classPrefix}`);
+  //   const $swiperContainer = wrapper.find(`.${classPrefix}__container`);
 
-    //   // 模拟触发 transitionend
-    //   $swiperContainer.trigger(`transitionend`);
+  //   // 模拟触发 transitionend
+  //   $swiperContainer.trigger(`transitionend`);
 
-    //   // duration = 100
-    //   expect($swiperContainer.attributes('style').includes(`transform ${duration}ms;`));
+  //   // duration = 100
+  //   expect($swiperContainer.attributes('style').includes(`transform ${duration}ms;`));
 
-    //   // swiper 会复制首项和末项， 所有 swiper-item 个数是 list.length + 2
-    //   const $swiperItems = wrapper.findAll(`.${classPrefix}-item`);
-    //   expect($swiperItems).toHaveLength(list.length + 2);
+  //   // swiper 会复制首项和末项， 所有 swiper-item 个数是 list.length + 2
+  //   const $swiperItems = wrapper.findAll(`.${classPrefix}-item`);
+  //   expect($swiperItems).toHaveLength(list.length + 2);
 
-    //   // 导航器
-    //   const $pagination = wrapper.find(`.${classPrefix}__pagination`);
-    //   expect(
-    //     $pagination
-    //       .attributes('class')
-    //       .includes(`t-swiper__pagination-${navigation.type} t-swiper__pagination-${paginationPosition}`),
-    //   );
+  //   // 导航器
+  //   const $pagination = wrapper.find(`.${classPrefix}__pagination`);
+  //   expect(
+  //     $pagination
+  //       .attributes('class')
+  //       .includes(`t-swiper__pagination-${navigation.type} t-swiper__pagination-${paginationPosition}`),
+  //   );
 
-    //   // 导航器 dot
-    //   const $dots = wrapper.findAll(`.${classPrefix}-dot`);
-    //   expect($dots).toHaveLength(list.length);
-    //   // 初始化时，current 项为激活态
-    //   expect($dots[current.value].attributes('class').includes(`t-swiper-dot--active`)).toBeTruthy();
-    // });
+  //   // 导航器 dot
+  //   const $dots = wrapper.findAll(`.${classPrefix}-dot`);
+  //   expect($dots).toHaveLength(list.length);
+  //   // 初始化时，current 项为激活态
+  //   expect($dots[current.value].attributes('class').includes(`t-swiper-dot--active`)).toBeTruthy();
+  // });
   it('height & direction', async () => {
     const current = ref(1);
     const height = 200;
@@ -114,13 +114,11 @@ describe('swiper', () => {
             direction={direction}
             onChange={onChange}
           >
-            {
-              list.map((item) => (
-                <SwiperItem>
-                    <img src={item.image} />
-                </SwiperItem>
-              ))
-            }
+            {list.map((item) => (
+              <SwiperItem>
+                <img src={item.image} />
+              </SwiperItem>
+            ))}
           </Swiper>
         );
       },
@@ -166,13 +164,11 @@ describe('swiper', () => {
             navigation={navigation}
             onChange={onChange}
           >
-            {
-              list.map((item) => (
-                <SwiperItem>
-                    <img src={item.image} />
-                </SwiperItem>
-              ))
-            }
+            {list.map((item) => (
+              <SwiperItem>
+                <img src={item.image} />
+              </SwiperItem>
+            ))}
           </Swiper>
         );
       },
@@ -183,8 +179,8 @@ describe('swiper', () => {
     const $btnNext = wrapper.find(`.${classPrefix}-nav__btn--next`);
     $btnNext.trigger('click');
     await sleep(200);
-    expect(onChange).toHaveBeenCalledTimes(1);
-    expect(onChange).toHaveBeenCalledWith(2);
+    expect(onChange).toHaveBeenCalledTimes(1, { source: 'nav' });
+    expect(onChange).toHaveBeenCalledWith(2, { source: 'nav' });
   });
 
   it('@event', async () => {
@@ -203,24 +199,22 @@ describe('swiper', () => {
             direction={direction.value}
             onChange={onChange}
           >
-            {
-              list.map((item) => (
-                <SwiperItem>
-                    <img src={item.image} />
-                </SwiperItem>
-              ))
-            }
+            {list.map((item) => (
+              <SwiperItem>
+                <img src={item.image} />
+              </SwiperItem>
+            ))}
           </Swiper>
         );
       },
     });
-    const $container = wrapper.find('.t-swiper__container')
-    
-    await $container.trigger('touchstart', { touches: [{ clientX: 0, clientY: 0 }] })
-    await $container.trigger('touchmove', { touches: [{ clientX: 101, clientY: 0 }] })
-    await $container.trigger('touchend', { touches: [{ clientX: 200, clientY: 0 }] })
-    await sleep(200)
-    expect(onChange).toBeCalledWith(0);
+    const $container = wrapper.find('.t-swiper__container');
+
+    await $container.trigger('touchstart', { touches: [{ clientX: 0, clientY: 0 }] });
+    await $container.trigger('touchmove', { touches: [{ clientX: 101, clientY: 0 }] });
+    await $container.trigger('touchend', { touches: [{ clientX: 200, clientY: 0 }] });
+    await sleep(200);
+    expect(onChange).toBeCalledWith(0, { source: 'touch' });
     // direction.value = 'vertical';
     // await sleep(1000)
     // await $container.trigger('touchstart', { touches: [{ clientX: 0, clientY: 0 }] })
@@ -228,7 +222,7 @@ describe('swiper', () => {
     // await $container.trigger('touchend', { touches: [{ clientX: 0, clientY: 200 }] })
     // await sleep(500)
     // expect(onChange).toBeCalledWith(2);
-  })
+  });
 
   it(':remove', async () => {
     const items = ref(list);
@@ -236,13 +230,11 @@ describe('swiper', () => {
       setup() {
         return () => (
           <Swiper>
-            {
-              items.value.map((item) => (
-                <SwiperItem>
-                    <img src={item.image} />
-                </SwiperItem>
-              ))
-            }
+            {items.value.map((item) => (
+              <SwiperItem>
+                <img src={item.image} />
+              </SwiperItem>
+            ))}
           </Swiper>
         );
       },
@@ -250,7 +242,7 @@ describe('swiper', () => {
 
     items.value.splice(0, 1);
     expect(items.value.length).toBe(2);
-  })
+  });
 });
 
 describe('navigation', () => {
@@ -274,13 +266,11 @@ describe('navigation', () => {
             navigation={navigation}
             onChange={onChange}
           >
-            {
-              list.map((item) => (
-                <SwiperItem>
-                    <img src={item.image} />
-                </SwiperItem>
-              ))
-            }
+            {list.map((item) => (
+              <SwiperItem>
+                <img src={item.image} />
+              </SwiperItem>
+            ))}
           </Swiper>
         );
       },
@@ -311,13 +301,11 @@ describe('navigation', () => {
             navigation={navigation}
             onChange={onChange}
           >
-            {
-              list.map((item) => (
-                <SwiperItem>
-                    <img src={item.image} />
-                </SwiperItem>
-              ))
-            }
+            {list.map((item) => (
+              <SwiperItem>
+                <img src={item.image} />
+              </SwiperItem>
+            ))}
           </Swiper>
         );
       },
@@ -332,8 +320,8 @@ describe('navigation', () => {
     // 模拟触发 click 事件
     $btnPrev.trigger('click');
     await sleep(200);
-    expect(onChange).toHaveBeenCalledTimes(1);
-    expect(onChange).toHaveBeenCalledWith(0);
+    expect(onChange).toHaveBeenCalledTimes(1, { source: 'nav' });
+    expect(onChange).toHaveBeenCalledWith(0, { source: 'nav' });
   });
 
   it(':slot', async () => {
@@ -344,15 +332,15 @@ describe('navigation', () => {
             {{
               default: list.map((item) => (
                 <SwiperItem>
-                    <img src={item.image} />
+                  <img src={item.image} />
                 </SwiperItem>
               )),
-              navigation: () => <div class="test-navigation">navigation</div>
+              navigation: () => <div class="test-navigation">navigation</div>,
             }}
           </Swiper>
         );
       },
     });
     expect(wrapper.find('.test-navigation').text()).toBe('navigation');
-  })
+  });
 });
diff --git a/src/swiper/demos/base.vue b/src/swiper/demos/base.vue
index 2015c9160..c544a3432 100644
--- a/src/swiper/demos/base.vue
+++ b/src/swiper/demos/base.vue
@@ -17,8 +17,8 @@ const swiperList = [
   `${imageCdn}/swiper1.png`,
 ];
 
-const handleChange = (index: number) => {
-  console.log('基础示例,页数变化到》》》', index);
+const handleChange = (index: number, context: any) => {
+  console.log('基础示例,页数变化到》》》', index, context);
 };
 </script>
 
diff --git a/src/swiper/demos/card.vue b/src/swiper/demos/card.vue
index 0c9f7d79f..ff622bd90 100644
--- a/src/swiper/demos/card.vue
+++ b/src/swiper/demos/card.vue
@@ -22,8 +22,8 @@ const swiperList = [
   `${imageCdn}/swiper1.png`,
 ];
 
-const handleChange = (index: number) => {
-  console.log('基础示例,页数变化到》》》', index);
+const handleChange = (index: number, context: any) => {
+  console.log('基础示例,页数变化到》》》', index, context);
 };
 </script>
 
diff --git a/src/swiper/demos/control.vue b/src/swiper/demos/control.vue
index cd1b2372b..f9b7228ef 100644
--- a/src/swiper/demos/control.vue
+++ b/src/swiper/demos/control.vue
@@ -6,7 +6,7 @@
       height="192"
       @change="handleChange"
     >
-      <t-swiper-item v-for="(item, index) in swiperList" :key="index">
+      <t-swiper-item v-for="(item, index) in swiperList" :key="index" style="height: 192px">
         <img :src="item" class="img" />
       </t-swiper-item>
     </t-swiper>
@@ -22,7 +22,7 @@ const swiperList = [
   `${imageCdn}/swiper1.png`,
 ];
 
-const handleChange = (index: number) => {
-  console.log('基础示例,页数变化到》》》', index);
+const handleChange = (index: number, context: any) => {
+  console.log('基础示例,页数变化到》》》', index, context);
 };
 </script>
diff --git a/src/swiper/demos/custom.vue b/src/swiper/demos/custom.vue
index 3e6ff3dde..33a2c6b1b 100644
--- a/src/swiper/demos/custom.vue
+++ b/src/swiper/demos/custom.vue
@@ -17,7 +17,7 @@ const swiperList = [
   `${imageCdn}/swiper1.png`,
 ];
 
-const handleChange = (index: number) => {
-  console.log('基础示例,页数变化到》》》', index);
+const handleChange = (index: number, context: any) => {
+  console.log('基础示例,页数变化到》》》', index, context);
 };
 </script>
diff --git a/src/swiper/demos/fraction.vue b/src/swiper/demos/fraction.vue
index 580ae4410..61c67a786 100644
--- a/src/swiper/demos/fraction.vue
+++ b/src/swiper/demos/fraction.vue
@@ -21,7 +21,7 @@ const swiperList = [
   `${imageCdn}/swiper1.png`,
 ];
 
-const handleChange = (index: number) => {
-  console.log('基础示例,页数变化到》》》', index);
+const handleChange = (index: number, context: any) => {
+  console.log('基础示例,页数变化到》》》', index, context);
 };
 </script>
diff --git a/src/swiper/demos/vertical.vue b/src/swiper/demos/vertical.vue
index 40ae4bcb9..e5180f355 100644
--- a/src/swiper/demos/vertical.vue
+++ b/src/swiper/demos/vertical.vue
@@ -23,7 +23,7 @@ const swiperList = [
   `${imageCdn}/swiper2.png`,
   `${imageCdn}/swiper1.png`,
 ];
-const handleChange = (index: number) => {
-  console.log('change: ', index);
+const handleChange = (index: number, context: any) => {
+  console.log('基础示例,页数变化到》》》', index, context);
 };
 </script>
diff --git a/src/swiper/swiper.en-US.md b/src/swiper/swiper.en-US.md
index 8b62fa029..76ca15a8b 100644
--- a/src/swiper/swiper.en-US.md
+++ b/src/swiper/swiper.en-US.md
@@ -17,14 +17,14 @@ navigation | Object / Slot / Function | - | Typescript：`SwiperNavigation \| TN
 nextMargin | String / Number | 0 | \- | N
 previousMargin | String / Number | 0 | \- | 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-mobile-vue/tree/develop/src/swiper/type.ts)。<br/>`type SwiperChangeSource = 'autoplay' \| 'touch' \| ''`<br/> | N
+onChange | Function |  | Typescript：`(current: number, context: { source: SwiperChangeSource }) => void`<br/>[see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/swiper/type.ts)。<br/>`type SwiperChangeSource = 'autoplay' \| 'touch' \| 'nav'`<br/> | N
 onClick | Function |  | Typescript：`(index: number) => void`<br/> | N
 
 ### Swiper Events
 
 name | params | description
 -- | -- | --
-change | `(current: number, context: { source: SwiperChangeSource })` | [see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/swiper/type.ts)。<br/>`type SwiperChangeSource = 'autoplay' \| 'touch' \| ''`<br/>
+change | `(current: number, context: { source: SwiperChangeSource })` | [see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/swiper/type.ts)。<br/>`type SwiperChangeSource =  'autoplay' \| 'touch' \| 'nav'`<br/>
 click | `(index: number)` | \-
 
 ### SwiperNavigation
diff --git a/src/swiper/swiper.md b/src/swiper/swiper.md
index 93fb0bc9e..4eb73d59c 100644
--- a/src/swiper/swiper.md
+++ b/src/swiper/swiper.md
@@ -16,14 +16,14 @@ loop | Boolean | true | 是否循环播放 | N
 navigation | Object / Slot / Function | - | 导航器全部配置。TS 类型：`SwiperNavigation \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N
 nextMargin | String / Number | 0 | 【开发中】后边距，可用于露出后一项的一小部分。默认单位 `px` | N
 previousMargin | String / Number | 0 | 【开发中】前边距，可用于露出前一项的一小部分。默认单位 `px` | N
-onChange | Function |  | TS 类型：`(current: number, context: { source: SwiperChangeSource }) => void`<br/>轮播切换时触发。[详细类型定义](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/swiper/type.ts)。<br/>`type SwiperChangeSource = 'autoplay' \| 'touch' \| ''`<br/> | N
+onChange | Function |  | TS 类型：`(current: number, context: { source: SwiperChangeSource }) => void`<br/>轮播切换时触发。[详细类型定义](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/swiper/type.ts)。<br/>`type SwiperChangeSource = 'autoplay' \| 'touch' \| 'nav'`<br/> | N
 onClick | Function |  | TS 类型：`(index: number) => void`<br/>点击轮播项时触发 | N
 
 ### Swiper Events
 
 名称 | 参数 | 描述
 -- | -- | --
-change | `(current: number, context: { source: SwiperChangeSource })` | 轮播切换时触发。[详细类型定义](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/swiper/type.ts)。<br/>`type SwiperChangeSource = 'autoplay' \| 'touch' \| ''`<br/>
+change | `(current: number, context: { source: SwiperChangeSource })` | 轮播切换时触发。[详细类型定义](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/swiper/type.ts)。<br/>`type SwiperChangeSource = 'autoplay' \| 'touch' \| 'nav'`<br/>
 click | `(index: number)` | 点击轮播项时触发
 
 ### SwiperNavigation
diff --git a/src/swiper/swiper.vue b/src/swiper/swiper.vue
index bd9577f43..249fbe570 100644
--- a/src/swiper/swiper.vue
+++ b/src/swiper/swiper.vue
@@ -17,8 +17,8 @@
     <!-- 导航器 -->
     <template v-if="navigation && enableNavigation">
       <span v-if="!isVertical && 'showControls' in navigation && navigation.showControls" :class="`${navName}__btn`">
-        <span :class="`${navName}__btn--prev`" @click="goPrev()" />
-        <span :class="`${navName}__btn--next`" @click="goNext()" />
+        <span :class="`${navName}__btn--prev`" @click="goPrev('nav')" />
+        <span :class="`${navName}__btn--next`" @click="goNext('nav')" />
       </span>
       <span
         v-if="'type' in navigation"
@@ -58,6 +58,7 @@ import isNumber from 'lodash/isNumber';
 
 import config from '../config';
 import SwiperProps from './props';
+import { SwiperChangeSource } from './type';
 import { renderTNode, TNode, useVModel } from '../shared';
 import { preventDefault } from '../shared/dom';
 
@@ -82,12 +83,7 @@ const items = ref<any>([]);
 const props = defineProps(SwiperProps);
 const emit = defineEmits(['change', 'update:current', 'update:modelValue']);
 
-const [current, setCurrent] = useVModel(
-  ref(props.current),
-  ref(props.modelValue),
-  props.defaultCurrent,
-  props.onChange,
-);
+const [current, setCurrent] = useVModel(ref(props.current), ref(props.modelValue), props.defaultCurrent);
 const swiperContainer = ref<HTMLElement | null>(null);
 const computedNavigation = computed(() => (isObject(props.navigation) ? '' : renderTNode(self, 'navigation')));
 
@@ -115,9 +111,9 @@ const onItemClick = () => {
   props.onClick?.(current.value ?? 0);
 };
 
-const move = (step: number) => {
+const move = (step: number, source: SwiperChangeSource) => {
   animating.value = true;
-  processIndex((current.value as number) + step);
+  processIndex((current.value as number) + step, source);
 
   const moveDirection = !isVertical.value ? 'X' : 'Y';
   const distance = root.value?.[isVertical.value ? 'offsetHeight' : 'offsetWidth'] ?? 0;
@@ -143,20 +139,20 @@ const startAutoplay = () => {
   if (typeof props.current === 'number') return false;
   if (!props?.autoplay || autoplayTimer !== null) return false; // stop repeat autoplay
   autoplayTimer = setInterval(() => {
-    goNext();
+    goNext('autoplay');
   }, props?.interval);
 };
 
-const goPrev = () => {
+const goPrev = (source: SwiperChangeSource) => {
   disabled.value = true;
-  move(-1);
+  move(-1, source);
 };
-const goNext = () => {
+const goNext = (source: SwiperChangeSource) => {
   disabled.value = true;
-  move(1);
+  move(1, source);
 };
 
-const processIndex = (index: number) => {
+const processIndex = (index: number, source: SwiperChangeSource) => {
   const max = items.value.length;
   let val = index;
 
@@ -168,6 +164,7 @@ const processIndex = (index: number) => {
   }
 
   setCurrent(val);
+  props.onChange?.(val, { source });
 };
 
 const { lengthX, lengthY } = useSwipe(swiperContainer, {
@@ -205,11 +202,11 @@ const onTouchEnd = () => {
   const distanceY = lengthY.value;
 
   if ((!isVertical.value && distanceX < -100) || (isVertical.value && distanceY < -100)) {
-    move(-1);
+    move(-1, 'touch');
   } else if ((!isVertical.value && distanceX > 100) || (isVertical.value && distanceY > 100)) {
-    move(1);
+    move(1, 'touch');
   } else {
-    move(current.value as number);
+    move(current.value as number, 'touch');
   }
   startAutoplay();
 };
diff --git a/src/swiper/type.ts b/src/swiper/type.ts
index 5338c10eb..53727e44d 100644
--- a/src/swiper/type.ts
+++ b/src/swiper/type.ts
@@ -112,6 +112,6 @@ export interface SwiperNavigation {
   type?: SwiperNavigationType;
 }
 
-export type SwiperChangeSource = 'autoplay' | 'touch' | '';
+export type SwiperChangeSource = 'autoplay' | 'touch' | 'nav';
 
 export type SwiperNavigationType = 'dots' | 'dots-bar' | 'fraction';

From 8ede6d7bad203a0de90cfccfc08526d72c14db5a Mon Sep 17 00:00:00 2001
From: lijun <leejimqiu@gmail.com>
Date: Tue, 1 Aug 2023 23:21:02 +0800
Subject: [PATCH 12/13] chore: publish v1.0.0-rc.6 (#1000)

* chore: publish v1.0.0-rc.6

* docs: update changelog
---
 CHANGELOG.md | 6 ++++++
 package.json | 2 +-
 src/_common  | 2 +-
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 1992fbf2c..ff72f298c 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,12 @@ toc: false
 spline: explain
 ---
 
+## 🌈 1.0.0-rc.6 `2023-08-01` 
+### 🐞 Bug Fixes
+- `Calendar`: 解决属性不支持响应式的问题 @LeeJim ([#991](https://github.com/Tencent/tdesign-mobile-vue/pull/991))
+- `Tag`: 修复当 `disabled` 为 `true` 时， `closable` 无效的问题 @anlyyao ([#994](https://github.com/Tencent/tdesign-mobile-vue/pull/994))
+- `Swiper`: 修复 `change` 事件参数错误 @anlyyao ([#996](https://github.com/Tencent/tdesign-mobile-vue/pull/996))
+
 ## 🌈 1.0.0-rc.5 `2023-07-25` 
 ### ❗ Breaking Changes
 - `Textarea`: `maxLength`属性默认值变更为 `-1` @anlyyao ([#977](https://github.com/Tencent/tdesign-mobile-vue/pull/977))
diff --git a/package.json b/package.json
index d7ec8a2ca..ae3f0a22a 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "tdesign-mobile-vue",
   "purename": "tdesign",
-  "version": "1.0.0-rc.5",
+  "version": "1.0.0-rc.6",
   "description": "tdesign-mobile-vue",
   "author": "TDesign Group",
   "homepage": "https://tdesign.tencent.com/mobile-vue/",
diff --git a/src/_common b/src/_common
index 81196dcbb..e2b983897 160000
--- a/src/_common
+++ b/src/_common
@@ -1 +1 @@
-Subproject commit 81196dcbb80c703bc4910a67bf494694f2f3b434
+Subproject commit e2b9838972ea0905dba858f3f504e743565dc2c5

From d28bbc8ca1508fbbc17e3c60f5021f0cf615646f Mon Sep 17 00:00:00 2001
From: Y <anly_yaw@163.com>
Date: Wed, 2 Aug 2023 16:14:31 +0800
Subject: [PATCH 13/13] test(ActionSheet): update snapshots (#1004)

* test(ActionSheet): update snapshots

* chore: update _common
---
 src/_common                                   |   2 +-
 .../__test__/__snapshots__/demo.test.jsx.snap | 152 +++++++++---------
 2 files changed, 77 insertions(+), 77 deletions(-)

diff --git a/src/_common b/src/_common
index e2b983897..2ba400d27 160000
--- a/src/_common
+++ b/src/_common
@@ -1 +1 @@
-Subproject commit e2b9838972ea0905dba858f3f504e743565dc2c5
+Subproject commit 2ba400d27e2b532dc9caf2d00d901b7cc5357211
diff --git a/src/action-sheet/__test__/__snapshots__/demo.test.jsx.snap b/src/action-sheet/__test__/__snapshots__/demo.test.jsx.snap
index f91f8d94f..0f6d0381d 100644
--- a/src/action-sheet/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/action-sheet/__test__/__snapshots__/demo.test.jsx.snap
@@ -4,7 +4,7 @@ exports[`ActionSheet > ActionSheet alignVue demo works fine 1`] = `
 <div
   data-v-app=""
 >
-
+  
   <div
     class="action-sheet-demo"
     data-v-10b85410=""
@@ -20,9 +20,9 @@ exports[`ActionSheet > ActionSheet alignVue demo works fine 1`] = `
       <span
         class="t-button__content"
       >
-
+        
         居中列表型
-
+        
       </span>
       <!---->
     </button>
@@ -37,16 +37,16 @@ exports[`ActionSheet > ActionSheet alignVue demo works fine 1`] = `
       <span
         class="t-button__content"
       >
-
+        
         左对齐列表型
-
+        
       </span>
       <!---->
     </button>
   </div>
   <!--v-if-->
   <!--v-if-->
-
+  
 </div>
 `;
 
@@ -54,7 +54,7 @@ exports[`ActionSheet > ActionSheet gridMultipleVue demo works fine 1`] = `
 <div
   data-v-app=""
 >
-
+  
   <div
     class="action-sheet-demo"
     data-v-1719f7aa=""
@@ -70,15 +70,15 @@ exports[`ActionSheet > ActionSheet gridMultipleVue demo works fine 1`] = `
       <span
         class="t-button__content"
       >
-
+        
         宫格型-多页
-
+        
       </span>
       <!---->
     </button>
   </div>
   <!--v-if-->
-
+  
 </div>
 `;
 
@@ -86,7 +86,7 @@ exports[`ActionSheet > ActionSheet gridVue demo works fine 1`] = `
 <div
   data-v-app=""
 >
-
+  
   <div
     class="action-sheet-demo"
     data-v-06f7cca3=""
@@ -102,9 +102,9 @@ exports[`ActionSheet > ActionSheet gridVue demo works fine 1`] = `
       <span
         class="t-button__content"
       >
-
+        
         常规宫格型
-
+        
       </span>
       <!---->
     </button>
@@ -119,9 +119,9 @@ exports[`ActionSheet > ActionSheet gridVue demo works fine 1`] = `
       <span
         class="t-button__content"
       >
-
+        
         带描述宫格型
-
+        
       </span>
       <!---->
     </button>
@@ -136,9 +136,9 @@ exports[`ActionSheet > ActionSheet gridVue demo works fine 1`] = `
       <span
         class="t-button__content"
       >
-
+        
         带徽标宫格型
-
+        
       </span>
       <!---->
     </button>
@@ -146,7 +146,7 @@ exports[`ActionSheet > ActionSheet gridVue demo works fine 1`] = `
   <!--v-if-->
   <!--v-if-->
   <!--v-if-->
-
+  
 </div>
 `;
 
@@ -154,7 +154,7 @@ exports[`ActionSheet > ActionSheet listVue demo works fine 1`] = `
 <div
   data-v-app=""
 >
-
+  
   <div
     class="action-sheet-demo"
     data-v-443785fb=""
@@ -170,9 +170,9 @@ exports[`ActionSheet > ActionSheet listVue demo works fine 1`] = `
       <span
         class="t-button__content"
       >
-
+        
         常规列表型
-
+        
       </span>
       <!---->
     </button>
@@ -187,9 +187,9 @@ exports[`ActionSheet > ActionSheet listVue demo works fine 1`] = `
       <span
         class="t-button__content"
       >
-
+        
         函数调用
-
+        
       </span>
       <!---->
     </button>
@@ -204,9 +204,9 @@ exports[`ActionSheet > ActionSheet listVue demo works fine 1`] = `
       <span
         class="t-button__content"
       >
-
+        
         带描述列表型
-
+        
       </span>
       <!---->
     </button>
@@ -221,9 +221,9 @@ exports[`ActionSheet > ActionSheet listVue demo works fine 1`] = `
       <span
         class="t-button__content"
       >
-
+        
         带图标列表型
-
+        
       </span>
       <!---->
     </button>
@@ -238,9 +238,9 @@ exports[`ActionSheet > ActionSheet listVue demo works fine 1`] = `
       <span
         class="t-button__content"
       >
-
+        
         带微标列表型
-
+        
       </span>
       <!---->
     </button>
@@ -249,7 +249,7 @@ exports[`ActionSheet > ActionSheet listVue demo works fine 1`] = `
   <!--v-if-->
   <!--v-if-->
   <!--v-if-->
-
+  
 </div>
 `;
 
@@ -288,8 +288,8 @@ exports[`ActionSheet > ActionSheet mobileVue demo works fine 1`] = `
     <div
       class="tdesign-mobile-demo-block__slot"
     >
-
-
+      
+      
       <div
         class="action-sheet-demo"
         data-v-443785fb=""
@@ -305,9 +305,9 @@ exports[`ActionSheet > ActionSheet mobileVue demo works fine 1`] = `
           <span
             class="t-button__content"
           >
-
+            
             常规列表型
-
+            
           </span>
           <!---->
         </button>
@@ -322,9 +322,9 @@ exports[`ActionSheet > ActionSheet mobileVue demo works fine 1`] = `
           <span
             class="t-button__content"
           >
-
+            
             函数调用
-
+            
           </span>
           <!---->
         </button>
@@ -339,9 +339,9 @@ exports[`ActionSheet > ActionSheet mobileVue demo works fine 1`] = `
           <span
             class="t-button__content"
           >
-
+            
             带描述列表型
-
+            
           </span>
           <!---->
         </button>
@@ -356,9 +356,9 @@ exports[`ActionSheet > ActionSheet mobileVue demo works fine 1`] = `
           <span
             class="t-button__content"
           >
-
+            
             带图标列表型
-
+            
           </span>
           <!---->
         </button>
@@ -373,9 +373,9 @@ exports[`ActionSheet > ActionSheet mobileVue demo works fine 1`] = `
           <span
             class="t-button__content"
           >
-
+            
             带微标列表型
-
+            
           </span>
           <!---->
         </button>
@@ -384,8 +384,8 @@ exports[`ActionSheet > ActionSheet mobileVue demo works fine 1`] = `
       <!--v-if-->
       <!--v-if-->
       <!--v-if-->
-
-
+      
+      
     </div>
   </div>
   <div
@@ -404,8 +404,8 @@ exports[`ActionSheet > ActionSheet mobileVue demo works fine 1`] = `
     <div
       class="tdesign-mobile-demo-block__slot"
     >
-
-
+      
+      
       <div
         class="action-sheet-demo"
         data-v-06f7cca3=""
@@ -421,9 +421,9 @@ exports[`ActionSheet > ActionSheet mobileVue demo works fine 1`] = `
           <span
             class="t-button__content"
           >
-
+            
             常规宫格型
-
+            
           </span>
           <!---->
         </button>
@@ -438,9 +438,9 @@ exports[`ActionSheet > ActionSheet mobileVue demo works fine 1`] = `
           <span
             class="t-button__content"
           >
-
+            
             带描述宫格型
-
+            
           </span>
           <!---->
         </button>
@@ -455,9 +455,9 @@ exports[`ActionSheet > ActionSheet mobileVue demo works fine 1`] = `
           <span
             class="t-button__content"
           >
-
+            
             带徽标宫格型
-
+            
           </span>
           <!---->
         </button>
@@ -465,8 +465,8 @@ exports[`ActionSheet > ActionSheet mobileVue demo works fine 1`] = `
       <!--v-if-->
       <!--v-if-->
       <!--v-if-->
-
-
+      
+      
       <div
         class="action-sheet-demo"
         data-v-1719f7aa=""
@@ -482,16 +482,16 @@ exports[`ActionSheet > ActionSheet mobileVue demo works fine 1`] = `
           <span
             class="t-button__content"
           >
-
+            
             宫格型-多页
-
+            
           </span>
           <!---->
         </button>
       </div>
       <!--v-if-->
-
-
+      
+      
     </div>
   </div>
   <div
@@ -514,8 +514,8 @@ exports[`ActionSheet > ActionSheet mobileVue demo works fine 1`] = `
     <div
       class="tdesign-mobile-demo-block__slot"
     >
-
-
+      
+      
       <div
         class="action-sheet-demo"
         data-v-4c697e0f=""
@@ -531,16 +531,16 @@ exports[`ActionSheet > ActionSheet mobileVue demo works fine 1`] = `
           <span
             class="t-button__content"
           >
-
+            
             列表型选项状态
-
+            
           </span>
           <!---->
         </button>
       </div>
       <!--v-if-->
-
-
+      
+      
     </div>
   </div>
   <div
@@ -563,8 +563,8 @@ exports[`ActionSheet > ActionSheet mobileVue demo works fine 1`] = `
     <div
       class="tdesign-mobile-demo-block__slot"
     >
-
-
+      
+      
       <div
         class="action-sheet-demo"
         data-v-10b85410=""
@@ -580,9 +580,9 @@ exports[`ActionSheet > ActionSheet mobileVue demo works fine 1`] = `
           <span
             class="t-button__content"
           >
-
+            
             居中列表型
-
+            
           </span>
           <!---->
         </button>
@@ -597,17 +597,17 @@ exports[`ActionSheet > ActionSheet mobileVue demo works fine 1`] = `
           <span
             class="t-button__content"
           >
-
+            
             左对齐列表型
-
+            
           </span>
           <!---->
         </button>
       </div>
       <!--v-if-->
       <!--v-if-->
-
-
+      
+      
     </div>
   </div>
 </div>
@@ -617,7 +617,7 @@ exports[`ActionSheet > ActionSheet statusVue demo works fine 1`] = `
 <div
   data-v-app=""
 >
-
+  
   <div
     class="action-sheet-demo"
     data-v-4c697e0f=""
@@ -633,14 +633,14 @@ exports[`ActionSheet > ActionSheet statusVue demo works fine 1`] = `
       <span
         class="t-button__content"
       >
-
+        
         列表型选项状态
-
+        
       </span>
       <!---->
     </button>
   </div>
   <!--v-if-->
-
+  
 </div>
 `;