From d6631c2797ba580ac87cd701897014e1e9b385fd Mon Sep 17 00:00:00 2001
From: chaishi <yaoyanhuoyi@qq.com>
Date: Sun, 5 Jun 2022 15:42:35 +0800
Subject: [PATCH 1/4] feat(table): some features

---
 examples/table/demos/drag-col-sort.vue     |  7 +--
 examples/table/demos/drag-sort-handler.vue |  7 +--
 examples/table/demos/drag-sort.vue         |  7 +--
 examples/table/demos/filter-controlled.vue | 12 ++++-
 examples/table/demos/tree.vue              |  2 +-
 examples/table/table.md                    | 17 ++++---
 src/table/base-table-props.ts              | 13 ++++--
 src/table/filter-controller.tsx            | 54 ++++++++++++----------
 src/table/hooks/tree-store.ts              |  8 +++-
 src/table/hooks/useDragSort.ts             | 10 +++-
 src/table/primary-table-props.ts           |  2 +-
 src/table/type.ts                          | 38 +++++++++++----
 12 files changed, 117 insertions(+), 60 deletions(-)

diff --git a/examples/table/demos/drag-col-sort.vue b/examples/table/demos/drag-col-sort.vue
index c9f63b83d2..f25b441038 100644
--- a/examples/table/demos/drag-col-sort.vue
+++ b/examples/table/demos/drag-col-sort.vue
@@ -44,10 +44,11 @@ const data = ref(initialData);
 
 const columns = ref(initialColumns);
 
-const onDragSort = ({ currentIndex, targetIndex, current, target, currentData, e, sort }) => {
-  console.log('交换行', currentIndex, targetIndex, current, target, currentData, e, sort);
+// currentData is going to be deprecated
+const onDragSort = ({ currentIndex, targetIndex, current, target, data, newData, e, sort }) => {
+  console.log('交换行', currentIndex, targetIndex, current, target, data, newData, e, sort);
   if (sort === 'col') {
-    columns.value = currentData;
+    columns.value = newData;
   }
 };
 </script>
diff --git a/examples/table/demos/drag-sort-handler.vue b/examples/table/demos/drag-sort-handler.vue
index d86e7e3d1c..940285b1f4 100644
--- a/examples/table/demos/drag-sort-handler.vue
+++ b/examples/table/demos/drag-sort-handler.vue
@@ -80,8 +80,9 @@ const resetData = () => {
   data.value = [];
 };
 
-const onDragSort = ({ currentIndex, targetIndex, current, target, currentData, e }) => {
-  console.log('交换行', currentIndex, targetIndex, current, target, currentData, e);
-  data.value = currentData;
+// currentData is going to be deprecated
+const onDragSort = ({ currentIndex, targetIndex, current, target, data, newData, e }) => {
+  console.log('交换行', currentIndex, targetIndex, current, target, data, newData, e);
+  data.value = newData;
 };
 </script>
diff --git a/examples/table/demos/drag-sort.vue b/examples/table/demos/drag-sort.vue
index 3a94bf5165..a1033a572a 100644
--- a/examples/table/demos/drag-sort.vue
+++ b/examples/table/demos/drag-sort.vue
@@ -42,8 +42,9 @@ const initialData = new Array(4).fill(5).map((_, i) => ({
 
 const data = ref(initialData);
 
-const onDragSort = ({ currentIndex, targetIndex, current, target, currentData, e }) => {
-  console.log('交换行', currentIndex, targetIndex, current, target, currentData, e);
-  data.value = currentData;
+// currentData is going to be deprecated
+const onDragSort = ({ currentIndex, targetIndex, current, target, data, newData, e }) => {
+  console.log('交换行', currentIndex, targetIndex, current, target, data, newData, e);
+  data.value = newData;
 };
 </script>
diff --git a/examples/table/demos/filter-controlled.vue b/examples/table/demos/filter-controlled.vue
index 493cf96af0..0bd807ad3f 100644
--- a/examples/table/demos/filter-controlled.vue
+++ b/examples/table/demos/filter-controlled.vue
@@ -41,6 +41,7 @@
 
 <script setup lang="jsx">
 import { ref, computed } from 'vue';
+import { DatePicker } from 'tdesign-vue-next';
 
 const initData = new Array(5).fill(null).map((_, i) => ({
   key: String(i + 1),
@@ -79,6 +80,7 @@ const columns = computed(() => [
     // 多选过滤配置
     filter: {
       type: 'multiple',
+      resetValue: [],
       list: [
         { label: 'All', checkAll: true },
         { label: 'Skures', value: 'Skures' },
@@ -94,6 +96,9 @@ const columns = computed(() => [
     // 输入框过滤配置
     filter: {
       type: 'input',
+      resetValue: '',
+      // 按下 Enter 键时也触发确认搜索
+      confirmEvents: ['onEnter'],
       props: { placeholder: '输入关键词过滤' },
       // 是否显示重置取消按钮，一般情况不需要显示
       showConfirmAndReset: true,
@@ -107,7 +112,12 @@ const columns = computed(() => [
     // 自定义过滤组件：日期过滤配置，请确保自定义组件包含 value 和 onChange 属性
     filter: {
       type: 'custom',
-      component: () => <t-date-picker clearable />,
+      // this config is not recommended
+      // component: () => <t-date-picker clearable />,
+      component: DatePicker,
+      props: {
+        clearable: true,
+      },
     },
   },
 ]);
diff --git a/examples/table/demos/tree.vue b/examples/table/demos/tree.vue
index fc7d0f9713..5e455d77ee 100644
--- a/examples/table/demos/tree.vue
+++ b/examples/table/demos/tree.vue
@@ -27,7 +27,7 @@
       drag-sort="row-handler"
       :data="data"
       :columns="columns"
-      :tree="{ childrenKey: 'list', treeNodeColumnIndex: 2 }"
+      :tree="{ childrenKey: 'list', treeNodeColumnIndex: 2, indent: 50 }"
       :tree-expand-and-fold-icon="customTreeExpandAndFoldIcon ? treeExpandAndFoldIconRender : undefined"
       :pagination="pagination"
       :before-drag-sort="beforeDragSort"
diff --git a/examples/table/table.md b/examples/table/table.md
index ca64bdb181..4be5752889 100644
--- a/examples/table/table.md
+++ b/examples/table/table.md
@@ -5,7 +5,7 @@
 
 名称 | 类型 | 默认值 | 说明 | 必传
 -- | -- | -- | -- | --
-allowResizeColumnWidth | Boolean | false | 是否允许调整列宽 | N
+allowResizeColumnWidth | Boolean | undefined | 已废弃。是否允许调整列宽。请更为使用 `resizable` | N
 bordered | Boolean | false | 是否显示表格边框 | N
 bottomContent | String / Slot / Function | - | 表格底部内容，可以用于自定义列设置等。TS 类型：`string | TNode`。[通用类型定义](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
 columns | Array | [] | 列配置，泛型 T 指表格数据类型。TS 类型：`Array<BaseTableCol<T>>` | N
@@ -15,9 +15,9 @@ empty | String / Slot / Function | '' | 空表格呈现样式，支持全局配
 firstFullRow | String / Slot / Function | - | 首行内容。TS 类型：`string | TNode`。[通用类型定义](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
 fixedRows | Array | - | 固定行（冻结行），示例：[M, N]，表示冻结表头 M 行和表尾 N 行。M 和 N 值为 0 时，表示不冻结行。TS 类型：`Array<number>` | N
 footData | Array | [] | 表尾数据源，泛型 T 指表格数据类型。TS 类型：`Array<T>` | N
-footerAffixedBottom | Boolean | false | 表尾吸底 | N
+footerAffixedBottom | Boolean | false | 表尾吸底。使用此向功能，需要非常注意表格是相对于哪一个父元素进行滚动，默认为整个窗口。如果表格滚动的父元素不是整个窗口，请通过 `footerAffixProps.container` 调整固钉的吸顶范围 | N
 footerAffixProps | Object | - | 表尾吸底基于 Affix 组件开发，透传全部 Affix 组件属性。TS 类型：`AffixProps` | N
-headerAffixedTop | Boolean | false | 表头吸顶 | N
+headerAffixedTop | Boolean | false | 表头吸顶。使用此向功能，需要非常注意表格是相对于哪一个父元素进行滚动，默认为整个窗口。如果表格滚动的父元素不是整个窗口，请通过 `headerAffixProps.container` 调整固钉的吸顶范围 | N
 headerAffixProps | Object | - | 表头吸顶基于 Affix 组件开发，透传全部 Affix 组件属性。TS 类型：`AffixProps`，[Affix API Documents](./affix?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/table/type.ts) | N
 height | String / Number | - | 表格高度，超出后会出现滚动条。示例：100,  '30%',  '300'。值为数字类型，会自动加上单位 px。如果不是绝对固定表格高度，建议使用 `maxHeight` | N
 hover | Boolean | false | 是否显示鼠标悬浮状态 | N
@@ -26,6 +26,7 @@ loading | Boolean / Slot / Function | undefined | 加载中状态。值为 `true
 loadingProps | Object | - | 透传加载组件全部属性。TS 类型：`LoadingProps`，[Loading API Documents](./loading?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/table/type.ts) | N
 maxHeight | String / Number | - | 表格最大高度，超出后会出现滚动条。示例：100, '30%', '300'。值为数字类型，会自动加上单位 px | N
 pagination | Object | - | 分页配置，值为空则不显示。具体 API 参考分页组件。当 `data` 数据长度超过分页大小时，会自动对本地数据 `data` 进行排序，如果不希望对于 `data` 进行排序，可以设置 `disableDataPage = true`。TS 类型：`PaginationProps`，[Pagination API Documents](./pagination?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/table/type.ts) | N
+resizable | Boolean | false | 是否允许调整列宽。如果想要配置宽度可调整的最小值和最大值，请使用 `column.resize`，示例：`columns: [{ resize: { minWidth: 120, maxWidth: 300 } }]` | N
 rowAttributes | Object / Array / Function | - | HTML 标签 `tr` 的属性。类型为 Function 时，参数说明：`params.row` 表示行数据；`params.rowIndex` 表示行下标；`params.type=body` 表示属性作用于 `tbody` 中的元素；`params.type=foot` 表示属性作用于 `tfoot` 中的元素。<br />示例一：{ draggable: true }，<br />示例二：[{ draggable: true }, { title: '超出省略显示' }]。<br /> 示例三：() => [{ draggable: true }]。TS 类型：`TableRowAttributes<T>` `type TableRowAttributes<T> = HTMLElementAttributes | ((params: { row: T; rowIndex: number; type: 'body' | 'foot' }) => HTMLElementAttributes) | Array<TableRowAttributes<T>>`。[详细类型定义](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/table/type.ts) | N
 rowClassName | String / Object / Array / Function | - | 行类名，泛型 T 指表格数据类型。`params.row` 表示行数据；`params.rowIndex` 表示行下标；`params.type=body`  表示类名作用于 `tbody` 中的元素；`params.type=body` 表示类名作用于 `tfoot` 中的元素。TS 类型：`ClassName | ((params: RowClassNameParams<T>) => ClassName)` `interface RowClassNameParams<T> { row: T; rowIndex: number; type?: 'body' | 'foot' }`。[通用类型定义](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts)。[详细类型定义](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/table/type.ts) | N
 rowKey | String | 'id' | 必需。使用 rowKey 唯一标识一行数据 | Y
@@ -82,6 +83,7 @@ ellipsisTitle | Boolean / Object / Slot / Function | undefined | 表头内容超
 fixed | String | left | 固定列显示位置。可选项：left/right | N
 foot | String / Function | - | 自定义表尾表尾。值类型为 Function 表示以函数形式渲染表尾内容。值类型为 string 表示使用插槽渲染，插槽名称为 `foot` 值。TS 类型：`string | TNode<{ col: BaseTableCol; colIndex: number }>`。[通用类型定义](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
 render | Function | - | 自定义表头或单元格，泛型 T 指表格数据类型。TS 类型：`TNode<BaseTableRenderParams<T>>` `interface BaseTableRenderParams<T> extends BaseTableCellParams<T> { type: RenderType }` `type RenderType = 'cell' | 'title'`。[通用类型定义](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts)。[详细类型定义](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/table/type.ts) | N
+resize | Object | - | 限制拖拽调整的最小宽度和最大宽度。`resize.minWidth` 默认为 `80`，`resize.maxWidth` 默认为 `600`。TS 类型：`TableColumnResizeConfig` `interface TableColumnResizeConfig { minWidth: number; maxWidth: number }`。[详细类型定义](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/table/type.ts) | N
 title | String / Function | - | 自定义表头渲染。值类型为 Function 表示以函数形式渲染表头。值类型为 string 表示使用插槽渲染，插槽名称为 title 的值。优先级高于 render。TS 类型：`string | TNode<{ col: BaseTableCol; colIndex: number }>`。[通用类型定义](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
 width | String / Number | - | 列宽，可以作为最小宽度使用。当列宽总和小于 `table` 元素时，浏览器根据宽度设置情况自动分配宽度；当列宽总和大于 `table` 元素，表现为定宽。可以同时调整 `table` 元素的宽度来达到自己想要的效果 | N
 
@@ -123,7 +125,7 @@ onColumnChange | Function |  | TS 类型：`(context: PrimaryTableColumnChange<T
 onColumnControllerVisibleChange | Function |  | TS 类型：`(visible: boolean, context: { trigger: 'cancel' | 'confirm' }) => void`<br/>列配置弹窗显示或隐藏变化时触发 | N
 onDataChange | Function |  | TS 类型：`(data: Array<T>, context: TableDataChangeContext) => void`<br/>本地数据排序导致 `data` 变化时触发，第一个参数指变化后的数据，第二个参数 `context.trigger` 表示触发本次变化的来源。[详细类型定义](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/table/type.ts)。<br/>`interface TableDataChangeContext { trigger: 'sort' }`<br/> | N
 onDisplayColumnsChange | Function |  | TS 类型：`(value: CheckboxGroupValue) => void`<br/>确认列配置时触发。[详细类型定义](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/table/type.ts)。<br/>`import { CheckboxGroupValue } from '@Checkbox'`<br/> | N
-onDragSort | Function |  | TS 类型：`(context: DragSortContext<T>) => void`<br/>拖拽排序时触发，`currentData` 表示拖拽排序结束后的新数据，`sort=row` 表示行拖拽事件触发，`sort=col` 表示列拖拽事件触发。[详细类型定义](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/table/type.ts)。<br/>`interface DragSortContext<T> { currentIndex: number; current: T; targetIndex: number; target: T; currentData: T[]; e: SortableEvent; sort: 'row' | 'col' }`<br/><br/>`import { SortableEvent, SortableOptions } from 'sortablejs'`<br/> | N
+onDragSort | Function |  | TS 类型：`(context: DragSortContext<T>) => void`<br/>拖拽排序时触发，`data` 表示排序前的数据，`newData` 表示拖拽排序结束后的新数据，`sort=row` 表示行拖拽事件触发，`sort=col` 表示列拖拽事件触发。[详细类型定义](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/table/type.ts)。<br/>`interface DragSortContext<T> { currentIndex: number; current: T; targetIndex: number; target: T; data: T[]; newData: T[]; currentData?: T[]; e: SortableEvent; sort: 'row' | 'col' }`<br/><br/>`import { SortableEvent, SortableOptions } from 'sortablejs'`<br/> | N
 onExpandChange | Function |  | TS 类型：`(expandedRowKeys: Array<string | number>, options: ExpandOptions<T>) => void`<br/>展开行发生变化时触发，泛型 T 指表格数据类型。[详细类型定义](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/table/type.ts)。<br/>`interface ExpandOptions<T> { expandedRowData: Array<T> }`<br/> | N
 onFilterChange | Function |  | TS 类型：`(filterValue: FilterValue, context: { col?: PrimaryTableCol<T> }) => void`<br/>过滤参数发生变化时触发，泛型 T 指表格数据类型 | N
 onSelectChange | Function |  | TS 类型：`(selectedRowKeys: Array<string | number>, options: SelectOptions<T>) => void`<br/>选中行发生变化时触发，泛型 T 指表格数据类型。两个参数，第一个参数为选中行 keys，第二个参数为更多参数，具体如下：`type = uncheck` 表示当前行操作为「取消行选中」；`type = check` 表示当前行操作为「行选中」； `currentRowKey` 表示当前操作行的 rowKey 值； `currentRowData` 表示当前操作行的行数据。[详细类型定义](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/table/type.ts)。<br/>`interface SelectOptions<T> { selectedRowData: Array<T>; type: 'uncheck' | 'check'; currentRowKey?: string; currentRowData?: T }`<br/> | N
@@ -140,7 +142,7 @@ column-change | `(context: PrimaryTableColumnChange<T>)` | 确认操作之前列
 column-controller-visible-change | `(visible: boolean, context: { trigger: 'cancel' | 'confirm' })` | 列配置弹窗显示或隐藏变化时触发
 data-change | `(data: Array<T>, context: TableDataChangeContext)` | 本地数据排序导致 `data` 变化时触发，第一个参数指变化后的数据，第二个参数 `context.trigger` 表示触发本次变化的来源。[详细类型定义](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/table/type.ts)。<br/>`interface TableDataChangeContext { trigger: 'sort' }`<br/>
 display-columns-change | `(value: CheckboxGroupValue)` | 确认列配置时触发。[详细类型定义](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/table/type.ts)。<br/>`import { CheckboxGroupValue } from '@Checkbox'`<br/>
-drag-sort | `(context: DragSortContext<T>)` | 拖拽排序时触发，`currentData` 表示拖拽排序结束后的新数据，`sort=row` 表示行拖拽事件触发，`sort=col` 表示列拖拽事件触发。[详细类型定义](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/table/type.ts)。<br/>`interface DragSortContext<T> { currentIndex: number; current: T; targetIndex: number; target: T; currentData: T[]; e: SortableEvent; sort: 'row' | 'col' }`<br/><br/>`import { SortableEvent, SortableOptions } from 'sortablejs'`<br/>
+drag-sort | `(context: DragSortContext<T>)` | 拖拽排序时触发，`data` 表示排序前的数据，`newData` 表示拖拽排序结束后的新数据，`sort=row` 表示行拖拽事件触发，`sort=col` 表示列拖拽事件触发。[详细类型定义](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/table/type.ts)。<br/>`interface DragSortContext<T> { currentIndex: number; current: T; targetIndex: number; target: T; data: T[]; newData: T[]; currentData?: T[]; e: SortableEvent; sort: 'row' | 'col' }`<br/><br/>`import { SortableEvent, SortableOptions } from 'sortablejs'`<br/>
 expand-change | `(expandedRowKeys: Array<string | number>, options: ExpandOptions<T>)` | 展开行发生变化时触发，泛型 T 指表格数据类型。[详细类型定义](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/table/type.ts)。<br/>`interface ExpandOptions<T> { expandedRowData: Array<T> }`<br/>
 filter-change | `(filterValue: FilterValue, context: { col?: PrimaryTableCol<T> })` | 过滤参数发生变化时触发，泛型 T 指表格数据类型
 select-change | `(selectedRowKeys: Array<string | number>, options: SelectOptions<T>)` | 选中行发生变化时触发，泛型 T 指表格数据类型。两个参数，第一个参数为选中行 keys，第二个参数为更多参数，具体如下：`type = uncheck` 表示当前行操作为「取消行选中」；`type = check` 表示当前行操作为「行选中」； `currentRowKey` 表示当前操作行的 rowKey 值； `currentRowData` 表示当前操作行的行数据。[详细类型定义](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/table/type.ts)。<br/>`interface SelectOptions<T> { selectedRowData: Array<T>; type: 'uncheck' | 'check'; currentRowKey?: string; currentRowData?: T }`<br/>
@@ -156,7 +158,7 @@ children | Array | - | 用于多级表头，泛型 T 指表格数据类型。TS
 colKey | String | - | 渲染列所需字段，必须唯一。值为 `row-select` 表示当前列为行选中操作列。值为 `drag` 表示当前列为拖拽排序操作列 | N
 disabled | Function | - | 是否禁用行选中，`colKey` 值为 `row-select` 时，配置有效。TS 类型：`(options: {row: T; rowIndex: number }) => boolean` | N
 edit | Object | - | 可编辑单元格配置项，具体属性参考文档 `TableEditableCellConfig` 描述。TS 类型：`TableEditableCellConfig<T>` | N
-filter | Object | - | 过滤规则，支持多选(multiple)、单选(single)、输入框(input) 等三种形式。想要自定义过滤组件，可通过 `filter.component` 实现，自定义过滤组件需要包含参数 value 和事件 change。TS 类型：`TableColumnFilter` | N
+filter | Object | - | 过滤规则，支持多选(multiple)、单选(single)、输入框(input) 等三种形式。想要自定义过滤组件，可通过 `filter.component` 实现，自定义过滤组件需要包含参数 value 和事件 change。更多信息请查看当前页面中 `TableColumnFilter` 的详细文档。TS 类型：`TableColumnFilter` | N
 render | Function | - | 自定义表头或单元格，泛型 T 指表格数据类型。TS 类型：`TNode<PrimaryTableRenderParams<T>>` `interface PrimaryTableRenderParams<T> extends PrimaryTableCellParams<T> { type: RenderType }`。[通用类型定义](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts)。[详细类型定义](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/table/type.ts) | N
 sorter | Boolean / Function | false | 该列是否支持排序。值为 true 表示该列支持排序；值类型为函数，表示对本地数据 `data` 进行排序，返回值参考 [MDN Array.sort](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/sort)。泛型 T 指表格数据类型。TS 类型：`boolean | SorterFun<T>` `type SorterFun<T> = (a: T, b: T) => number`。[详细类型定义](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/table/type.ts) | N
 sortType | String | all | 当前列支持排序的方式，desc 表示当前列只能进行降序排列；asc 表示当前列只能进行升序排列；all 表示当前列既可升序排列，又可以降序排列。可选项：desc/asc/all。TS 类型：`SortType` `type SortType = 'desc' | 'asc' | 'all'`。[详细类型定义](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/table/type.ts) | N
@@ -216,7 +218,8 @@ rowIndex | Number | - | 必需。表格行下标，值为 `-1` 标识当前行
 
 名称 | 类型 | 默认值 | 说明 | 必传
 -- | -- | -- | -- | --
-component | Slot / Function | - | 用于自定义筛选器，只要保证自定义筛选器包含 value 属性 和 change 事件，即可像内置筛选器一样正常使用。TS 类型：`TNode`。[通用类型定义](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
+component | Slot / Function | - | 用于自定义筛选器，只要保证自定义筛选器包含 value 属性 和 change 事件，即可像内置筛选器一样正常使用。示例：`component: DatePicker`。TS 类型：`ComponentType`。[通用类型定义](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
+confirmEvents | Array | - | 哪些事件触发后会进行过滤搜索（确认按钮无需配置，会默认触发搜索）。输入框组件示例：`confirmEvents: ['onEnter']`。TS 类型：`string[]` | N
 list | Array | - | 用于配置当前筛选器可选值有哪些，仅当 `filter.type` 等于 `single` 或 `multiple` 时有效。TS 类型：`Array<OptionData>`。[通用类型定义](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
 props | Array | - | 用于透传筛选器属性，可以对筛选器进行任何原组件支持的属性配置。TS 类型：`FilterProps` `type FilterProps = RadioProps | CheckboxProps | InputProps | { [key: string]: any }`，[Input API Documents](./input?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/table/type.ts) | N
 resetValue | \- | - | 重置时设置的值，示例：'' 或 []。TS 类型：`any` | N
diff --git a/src/table/base-table-props.ts b/src/table/base-table-props.ts
index 286df9132b..d9d891ca49 100644
--- a/src/table/base-table-props.ts
+++ b/src/table/base-table-props.ts
@@ -8,8 +8,11 @@ import { TdBaseTableProps } from '../table/type';
 import { PropType } from 'vue';
 
 export default {
-  /** 是否允许调整列宽 */
-  allowResizeColumnWidth: Boolean,
+  /** 已废弃。是否允许调整列宽。请更为使用 `resizable` */
+  allowResizeColumnWidth: {
+    type: Boolean,
+    default: undefined,
+  },
   /** 是否显示表格边框 */
   bordered: Boolean,
   /** 表格底部内容，可以用于自定义列设置等 */
@@ -46,13 +49,13 @@ export default {
     type: Array as PropType<TdBaseTableProps['footData']>,
     default: (): TdBaseTableProps['footData'] => [],
   },
-  /** 表尾吸底 */
+  /** 表尾吸底。使用此向功能，需要非常注意表格是相对于哪一个父元素进行滚动，默认为整个窗口。如果表格滚动的父元素不是整个窗口，请通过 `footerAffixProps.container` 调整固钉的吸顶范围 */
   footerAffixedBottom: Boolean,
   /** 表尾吸底基于 Affix 组件开发，透传全部 Affix 组件属性 */
   footerAffixProps: {
     type: Object as PropType<TdBaseTableProps['footerAffixProps']>,
   },
-  /** 表头吸顶 */
+  /** 表头吸顶。使用此向功能，需要非常注意表格是相对于哪一个父元素进行滚动，默认为整个窗口。如果表格滚动的父元素不是整个窗口，请通过 `headerAffixProps.container` 调整固钉的吸顶范围 */
   headerAffixedTop: Boolean,
   /** 表头吸顶基于 Affix 组件开发，透传全部 Affix 组件属性 */
   headerAffixProps: {
@@ -85,6 +88,8 @@ export default {
   pagination: {
     type: Object as PropType<TdBaseTableProps['pagination']>,
   },
+  /** 是否允许调整列宽。如果想要配置宽度可调整的最小值和最大值，请使用 `column.resize`，示例：`columns: [{ resize: { minWidth: 120, maxWidth: 300 } }]` */
+  resizable: Boolean,
   /** HTML 标签 `tr` 的属性。类型为 Function 时，参数说明：`params.row` 表示行数据；`params.rowIndex` 表示行下标；`params.type=body` 表示属性作用于 `tbody` 中的元素；`params.type=foot` 表示属性作用于 `tfoot` 中的元素。<br />示例一：{ draggable: true }，<br />示例二：[{ draggable: true }, { title: '超出省略显示' }]。<br /> 示例三：() => [{ draggable: true }] */
   rowAttributes: {
     type: [Object, Array, Function] as PropType<TdBaseTableProps['rowAttributes']>,
diff --git a/src/table/filter-controller.tsx b/src/table/filter-controller.tsx
index b341816424..25f2b20341 100644
--- a/src/table/filter-controller.tsx
+++ b/src/table/filter-controller.tsx
@@ -75,16 +75,13 @@ export default defineComponent({
         console.error(`TDesign Table Error: column.filter.type must be the following: ${JSON.stringify(types)}`);
         return;
       }
-      if (column?.filter?.component && typeof column?.filter?.component !== 'function') {
-        console.error('TDesign Table Error: column.filter.component must be a function');
-        return;
-      }
-      const component = {
-        single: RadioGroup,
-        multiple: CheckboxGroup,
-        input: Input,
-      }[column.filter.type];
-      if (!component && !column?.filter?.component) return;
+      const component =
+        {
+          single: RadioGroup,
+          multiple: CheckboxGroup,
+          input: Input,
+        }[column.filter.type] || column.filter.component;
+      if (!component && !column.filter.component) return;
       const filterComponentProps: { [key: string]: any } = {
         options: ['single', 'multiple'].includes(column.filter.type) ? column.filter?.list : undefined,
         ...(column.filter?.props || {}),
@@ -93,20 +90,29 @@ export default defineComponent({
           this.$emit('inner-filter-change', val, column);
         },
       };
-      return (
-        <div class={this.tableFilterClasses.contentInner}>
-          {column?.filter?.component ? (
-            column?.filter?.component((v: any, b: any) => {
-              const tProps = typeof b === 'object' && 'attrs' in b ? b.attrs : {};
-              return h(v, {
-                props: { ...filterComponentProps, ...tProps },
-              });
-            })
-          ) : (
-            <component value={this.innerFilterValue?.[column.colKey]} {...filterComponentProps}></component>
-          )}
-        </div>
-      );
+      // 允许自定义触发确认搜索的事件
+      if (column.filter.confirmEvents) {
+        column.filter.confirmEvents.forEach((event) => {
+          filterComponentProps[event] = () => {
+            this.$emit('confirm', column);
+            this.filterPopupVisible = false;
+          };
+        });
+      }
+      const renderComponent = () => {
+        if (!component) return null;
+        const isVueComponent = !!component.setup;
+        if (typeof column.filter.component === 'function' && !isVueComponent) {
+          return column.filter.component((v: any, b: any) => {
+            const tProps = typeof b === 'object' && 'attrs' in b ? b.attrs : {};
+            return h(v, {
+              props: { ...filterComponentProps, ...tProps },
+            });
+          });
+        }
+        return <component value={this.innerFilterValue?.[column.colKey]} {...filterComponentProps}></component>;
+      };
+      return <div class={this.tableFilterClasses.contentInner}>{renderComponent()}</div>;
     };
 
     const getBottomButtons = (column: PrimaryTableCol) => {
diff --git a/src/table/hooks/tree-store.ts b/src/table/hooks/tree-store.ts
index 93f4c0199d..2c5db21104 100644
--- a/src/table/hooks/tree-store.ts
+++ b/src/table/hooks/tree-store.ts
@@ -364,17 +364,21 @@ class TableTreeStore<T extends TableRowData = TableRowData> {
     if (startState.parent) {
       const children = startState.parent.row[keys.childrenKey];
       let count = 0;
+      let targetIndex = -1;
+      let currentIndex = -1;
       for (let i = 0, len = children.length; i < len; i++) {
         if (get(children[i], keys.rowKey) === startRowValue) {
-          children[i] = params.target;
+          targetIndex = i;
           count += 1;
         }
         if (get(children[i], keys.rowKey) === endRowValue) {
-          children[i] = params.current;
+          currentIndex = i;
           count += 1;
         }
         if (count >= 2) break;
       }
+      children[targetIndex] = params.target;
+      children[currentIndex] = params.current;
     }
 
     return { dataSource, result: true };
diff --git a/src/table/hooks/useDragSort.ts b/src/table/hooks/useDragSort.ts
index cb5bd320c7..1d25209feb 100644
--- a/src/table/hooks/useDragSort.ts
+++ b/src/table/hooks/useDragSort.ts
@@ -73,14 +73,17 @@ export default function useDragSort(props: TdPrimaryTableProps) {
         dragInstanceTmp?.sort(lastRowList.value);
         const { oldIndex: currentIndex, newIndex: targetIndex } = evt;
         const params: DragSortContext<TableRowData> = {
+          data: data.value,
           currentIndex,
           current: data.value[currentIndex],
           targetIndex,
           target: data.value[targetIndex],
-          currentData: swapDragArrayElement(props.data, currentIndex, targetIndex),
+          newData: swapDragArrayElement([...props.data], currentIndex, targetIndex),
           e: evt,
           sort: 'row',
         };
+        // currentData is going to be deprecated
+        params.currentData = params.newData;
         props.onDragSort?.(params);
       },
     };
@@ -115,14 +118,17 @@ export default function useDragSort(props: TdPrimaryTableProps) {
         dragInstanceTmp?.sort([...lastColList.value]);
         const { oldIndex: currentIndex, newIndex: targetIndex } = evt;
         const params: DragSortContext<TableRowData> = {
+          data: columns.value,
           currentIndex,
           current: columns.value[currentIndex],
           targetIndex,
           target: columns.value[targetIndex],
-          currentData: swapDragArrayElement(columns.value, currentIndex, targetIndex),
+          newData: swapDragArrayElement([...columns.value], currentIndex, targetIndex),
           e: evt,
           sort: 'col',
         };
+        // currentData is going to be deprecated
+        params.currentData = params.newData;
         props.onDragSort?.(params);
       },
     };
diff --git a/src/table/primary-table-props.ts b/src/table/primary-table-props.ts
index a3d01ffd0e..0da43f4553 100644
--- a/src/table/primary-table-props.ts
+++ b/src/table/primary-table-props.ts
@@ -132,7 +132,7 @@ export default {
   onDataChange: Function as PropType<TdPrimaryTableProps['onDataChange']>,
   /** 确认列配置时触发 */
   onDisplayColumnsChange: Function as PropType<TdPrimaryTableProps['onDisplayColumnsChange']>,
-  /** 拖拽排序时触发，`currentData` 表示拖拽排序结束后的新数据，`sort=row` 表示行拖拽事件触发，`sort=col` 表示列拖拽事件触发 */
+  /** 拖拽排序时触发，`data` 表示排序前的数据，`newData` 表示拖拽排序结束后的新数据，`sort=row` 表示行拖拽事件触发，`sort=col` 表示列拖拽事件触发 */
   onDragSort: Function as PropType<TdPrimaryTableProps['onDragSort']>,
   /** 展开行发生变化时触发，泛型 T 指表格数据类型 */
   onExpandChange: Function as PropType<TdPrimaryTableProps['onExpandChange']>,
diff --git a/src/table/type.ts b/src/table/type.ts
index 7bf440fd68..1f30858baa 100644
--- a/src/table/type.ts
+++ b/src/table/type.ts
@@ -21,8 +21,8 @@ import { TNode, OptionData, SizeEnum, ClassName, HTMLElementAttributes, Componen
 
 export interface TdBaseTableProps<T extends TableRowData = TableRowData> {
   /**
-   * 是否允许调整列宽
-   * @default false
+   * 是否允许调整列宽。请更为使用 `resizable`
+   * @deprecated
    */
   allowResizeColumnWidth?: boolean;
   /**
@@ -68,7 +68,7 @@ export interface TdBaseTableProps<T extends TableRowData = TableRowData> {
    */
   footData?: Array<T>;
   /**
-   * 表尾吸底
+   * 表尾吸底。使用此向功能，需要非常注意表格是相对于哪一个父元素进行滚动，默认为整个窗口。如果表格滚动的父元素不是整个窗口，请通过 `footerAffixProps.container` 调整固钉的吸顶范围
    * @default false
    */
   footerAffixedBottom?: boolean;
@@ -77,7 +77,7 @@ export interface TdBaseTableProps<T extends TableRowData = TableRowData> {
    */
   footerAffixProps?: AffixProps;
   /**
-   * 表头吸顶
+   * 表头吸顶。使用此向功能，需要非常注意表格是相对于哪一个父元素进行滚动，默认为整个窗口。如果表格滚动的父元素不是整个窗口，请通过 `headerAffixProps.container` 调整固钉的吸顶范围
    * @default false
    */
   headerAffixedTop?: boolean;
@@ -114,6 +114,11 @@ export interface TdBaseTableProps<T extends TableRowData = TableRowData> {
    * 分页配置，值为空则不显示。具体 API 参考分页组件。当 `data` 数据长度超过分页大小时，会自动对本地数据 `data` 进行排序，如果不希望对于 `data` 进行排序，可以设置 `disableDataPage = true`
    */
   pagination?: PaginationProps;
+  /**
+   * 是否允许调整列宽。如果想要配置宽度可调整的最小值和最大值，请使用 `column.resize`，示例：`columns: [{ resize: { minWidth: 120, maxWidth: 300 } }]`
+   * @default false
+   */
+  resizable?: boolean;
   /**
    * HTML 标签 `tr` 的属性。类型为 Function 时，参数说明：`params.row` 表示行数据；`params.rowIndex` 表示行下标；`params.type=body` 表示属性作用于 `tbody` 中的元素；`params.type=foot` 表示属性作用于 `tfoot` 中的元素。<br />示例一：{ draggable: true }，<br />示例二：[{ draggable: true }, { title: '超出省略显示' }]。<br /> 示例三：() => [{ draggable: true }]
    */
@@ -265,6 +270,10 @@ export interface BaseTableCol<T extends TableRowData = TableRowData> {
    * 自定义表头或单元格，泛型 T 指表格数据类型
    */
   render?: TNode<BaseTableRenderParams<T>>;
+  /**
+   * 限制拖拽调整的最小宽度和最大宽度。`resize.minWidth` 默认为 `80`，`resize.maxWidth` 默认为 `600`
+   */
+  resize?: TableColumnResizeConfig;
   /**
    * 自定义表头渲染。值类型为 Function 表示以函数形式渲染表头。值类型为 string 表示使用插槽渲染，插槽名称为 title 的值。优先级高于 render
    */
@@ -417,7 +426,7 @@ export interface TdPrimaryTableProps<T extends TableRowData = TableRowData>
    */
   onDisplayColumnsChange?: (value: CheckboxGroupValue) => void;
   /**
-   * 拖拽排序时触发，`currentData` 表示拖拽排序结束后的新数据，`sort=row` 表示行拖拽事件触发，`sort=col` 表示列拖拽事件触发
+   * 拖拽排序时触发，`data` 表示排序前的数据，`newData` 表示拖拽排序结束后的新数据，`sort=row` 表示行拖拽事件触发，`sort=col` 表示列拖拽事件触发
    */
   onDragSort?: (context: DragSortContext<T>) => void;
   /**
@@ -466,7 +475,7 @@ export interface PrimaryTableCol<T extends TableRowData = TableRowData>
    */
   edit?: TableEditableCellConfig<T>;
   /**
-   * 过滤规则，支持多选(multiple)、单选(single)、输入框(input) 等三种形式。想要自定义过滤组件，可通过 `filter.component` 实现，自定义过滤组件需要包含参数 value 和事件 change
+   * 过滤规则，支持多选(multiple)、单选(single)、输入框(input) 等三种形式。想要自定义过滤组件，可通过 `filter.component` 实现，自定义过滤组件需要包含参数 value 和事件 change。更多信息请查看当前页面中 `TableColumnFilter` 的详细文档
    */
   filter?: TableColumnFilter;
   /**
@@ -608,9 +617,13 @@ export interface TableRowState<T extends TableRowData = TableRowData> {
 
 export interface TableColumnFilter {
   /**
-   * 用于自定义筛选器，只要保证自定义筛选器包含 value 属性 和 change 事件，即可像内置筛选器一样正常使用
+   * 用于自定义筛选器，只要保证自定义筛选器包含 value 属性 和 change 事件，即可像内置筛选器一样正常使用。示例：`component: DatePicker`
    */
-  component?: TNode;
+  component?: ComponentType;
+  /**
+   * 哪些事件触发后会进行过滤搜索（确认按钮无需配置，会默认触发搜索）。输入框组件示例：`confirmEvents: ['onEnter']`
+   */
+  confirmEvents?: string[];
   /**
    * 用于配置当前筛选器可选值有哪些，仅当 `filter.type` 等于 `single` 或 `multiple` 时有效
    */
@@ -805,6 +818,11 @@ export interface BaseTableRenderParams<T> extends BaseTableCellParams<T> {
 
 export type RenderType = 'cell' | 'title';
 
+export interface TableColumnResizeConfig {
+  minWidth: number;
+  maxWidth: number;
+}
+
 export type DataType = TableRowData;
 
 export interface TableExpandedRowParams<T> {
@@ -864,7 +882,9 @@ export interface DragSortContext<T> {
   current: T;
   targetIndex: number;
   target: T;
-  currentData: T[];
+  data: T[];
+  newData: T[];
+  currentData?: T[];
   e: SortableEvent;
   sort: 'row' | 'col';
 }

From 3e9472e0ab61fea4ad9910a3c08413d924b3c71a Mon Sep 17 00:00:00 2001
From: chaishi <yaoyanhuoyi@qq.com>
Date: Sun, 5 Jun 2022 15:54:23 +0800
Subject: [PATCH 2/4] docs(table): update comments

---
 examples/table/demos/base.vue              | 1 +
 examples/table/demos/filter-controlled.vue | 7 ++++---
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/examples/table/demos/base.vue b/examples/table/demos/base.vue
index 4e315cf2e0..c21d884679 100644
--- a/examples/table/demos/base.vue
+++ b/examples/table/demos/base.vue
@@ -28,6 +28,7 @@
     />
   </div>
 </template>
+
 <script setup lang="jsx">
 import { ref } from 'vue';
 
diff --git a/examples/table/demos/filter-controlled.vue b/examples/table/demos/filter-controlled.vue
index 0bd807ad3f..b79f27a347 100644
--- a/examples/table/demos/filter-controlled.vue
+++ b/examples/table/demos/filter-controlled.vue
@@ -13,7 +13,7 @@
       <t-checkbox v-model="bordered">是否显示表格边框</t-checkbox>
     </div>
 
-    <!-- 1. 此处代码有效，勿删！支持语法糖 filter-value.sync ， 支持非受控属性 defaultfilterValue -->
+    <!-- 1. 此处代码有效，勿删！支持语法糖 filter-value.sync ， 支持非受控属性 defaultFilterValue -->
     <!-- 2. 其中，filterIcon 用于自定义筛选图标，支持渲染函数 props.filterIcon，支持插槽 filterIcon。 -->
     <!-- 3. filterRow={() => null}，则不会显示过滤行 -->
     <!-- <t-table
@@ -26,8 +26,9 @@
       <template #filterRow>自定义过滤行信息</template>
     </t-table> -->
 
-    <!-- filter-value.sync 等同于 filter-value + filter-change -->
-    <!-- :filter-row="() => null" 用于隐藏过滤结果行 -->
+    <!-- 1. v-model:filter-value 等同于 filter-value + filter-change -->
+    <!-- 2. :filter-row="() => null" 用于隐藏过滤结果行 -->
+    <!-- 3. <template #filterRow><p>这是自定义的过滤结果行</p></template> ，可使用插槽完全自定义结果行内容-->
     <t-table
       row-key="key"
       :columns="columns"

From 40f89572571f6d5f730e2e28968b59cda6f37bdb Mon Sep 17 00:00:00 2001
From: chaishi <yaoyanhuoyi@qq.com>
Date: Sun, 5 Jun 2022 20:17:28 +0800
Subject: [PATCH 3/4] feat(table): code improve

---
 examples/table/demos/editable-cell.vue | 2 ++
 src/table/editable-cell.tsx            | 7 ++++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/examples/table/demos/editable-cell.vue b/examples/table/demos/editable-cell.vue
index 92035ebce4..70eb7c41f0 100644
--- a/examples/table/demos/editable-cell.vue
+++ b/examples/table/demos/editable-cell.vue
@@ -42,6 +42,8 @@ const columns = computed(() => [
         clearable: true,
         autofocus: true,
       },
+      // 除了点击非自身元素退出编辑态之外，还有哪些事件退出编辑态
+      abortEditOnEvent: ['onEnter'],
       // 编辑完成，退出编辑态后触发
       onEdited: (context) => {
         data.value.splice(context.rowIndex, 1, context.newRowData);
diff --git a/src/table/editable-cell.tsx b/src/table/editable-cell.tsx
index cee764836f..e2b6b1f318 100644
--- a/src/table/editable-cell.tsx
+++ b/src/table/editable-cell.tsx
@@ -223,7 +223,12 @@ export default defineComponent({
     }
     const errorMessage = this.errorList?.[0]?.message;
     return (
-      <div class={this.tableBaseClass.cellEditWrap}>
+      <div
+        class={this.tableBaseClass.cellEditWrap}
+        onClick={(e) => {
+          e.stopPropagation();
+        }}
+      >
         <component
           ref="tableEditableCellRef"
           status={errorMessage ? this.errorList?.[0]?.type || 'error' : undefined}

From 01c57b7ba9d3740df26f6f953773621ce30def07 Mon Sep 17 00:00:00 2001
From: chaishi <yaoyanhuoyi@qq.com>
Date: Sun, 5 Jun 2022 20:25:56 +0800
Subject: [PATCH 4/4] test(unit): update snapshots

---
 src/table/editable-cell.tsx              | 2 +-
 test/snap/__snapshots__/csr.test.js.snap | 7 ++++---
 test/snap/__snapshots__/ssr.test.js.snap | 4 ++--
 3 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/table/editable-cell.tsx b/src/table/editable-cell.tsx
index e2b6b1f318..80c919cae6 100644
--- a/src/table/editable-cell.tsx
+++ b/src/table/editable-cell.tsx
@@ -225,7 +225,7 @@ export default defineComponent({
     return (
       <div
         class={this.tableBaseClass.cellEditWrap}
-        onClick={(e) => {
+        onClick={(e: MouseEvent) => {
           e.stopPropagation();
         }}
       >
diff --git a/test/snap/__snapshots__/csr.test.js.snap b/test/snap/__snapshots__/csr.test.js.snap
index aed0e349cd..819e5a5678 100644
--- a/test/snap/__snapshots__/csr.test.js.snap
+++ b/test/snap/__snapshots__/csr.test.js.snap
@@ -98317,7 +98317,7 @@ exports[`csr snapshot test > csr test ./examples/table/demos/filter-controlled.v
       </span>
     </label>
   </div>
-  <!-- 1. 此处代码有效，勿删！支持语法糖 filter-value.sync ， 支持非受控属性 defaultfilterValue -->
+  <!-- 1. 此处代码有效，勿删！支持语法糖 filter-value.sync ， 支持非受控属性 defaultFilterValue -->
   <!-- 2. 其中，filterIcon 用于自定义筛选图标，支持渲染函数 props.filterIcon，支持插槽 filterIcon。 -->
   <!-- 3. filterRow={() =&gt; null}，则不会显示过滤行 -->
   <!-- &lt;t-table
@@ -98329,8 +98329,9 @@ exports[`csr snapshot test > csr test ./examples/table/demos/filter-controlled.v
     &gt;
       &lt;template #filterRow&gt;自定义过滤行信息&lt;/template&gt;
     &lt;/t-table&gt; -->
-  <!-- filter-value.sync 等同于 filter-value + filter-change -->
-  <!-- :filter-row="() =&gt; null" 用于隐藏过滤结果行 -->
+  <!-- 1. v-model:filter-value 等同于 filter-value + filter-change -->
+  <!-- 2. :filter-row="() =&gt; null" 用于隐藏过滤结果行 -->
+  <!-- 3. &lt;template #filterRow&gt;&lt;p&gt;这是自定义的过滤结果行&lt;/p&gt;&lt;/template&gt; ，可使用插槽完全自定义结果行内容-->
   <div
     class="t-table t-table--bordered"
     data-v-958f6caa=""
diff --git a/test/snap/__snapshots__/ssr.test.js.snap b/test/snap/__snapshots__/ssr.test.js.snap
index 54d2d081c2..e172e21921 100644
--- a/test/snap/__snapshots__/ssr.test.js.snap
+++ b/test/snap/__snapshots__/ssr.test.js.snap
@@ -864,7 +864,7 @@ exports[`ssr snapshot test > ssr test ./examples/table/demos/expandable.vue 1`]
 `;
 
 exports[`ssr snapshot test > ssr test ./examples/table/demos/filter-controlled.vue 1`] = `
-"<div data-v-958f6caa><div data-v-958f6caa><div class=\\"t-radio-group t-size-m t-radio-group--filled\\" data-v-958f6caa><!--[--><label class=\\"t-radio-button t-is-checked\\" data-v-958f6caa><input type=\\"radio\\" class=\\"t-radio-button__former\\" name checked value=\\"left\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->左对齐<!--]--><!--]--></span></label><label class=\\"t-radio-button\\" data-v-958f6caa><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"center\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->居中对齐<!--]--><!--]--></span></label><label class=\\"t-radio-button\\" data-v-958f6caa><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"right\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->右对齐<!--]--><!--]--></span></label><!--]--><div style=\\"width:0px;left:0px;\\" class=\\"t-radio-group__bg-block\\"></div></div><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default\\" type=\\"button\\" style=\\"margin-left:36px;\\" data-v-958f6caa><span class=\\"t-button__text\\"><!--[-->清除筛选条件<!--]--></span></button><span style=\\"padding-left:36px;\\" data-v-958f6caa>已选筛选条件：{}</span></div><div style=\\"margin:16px;\\" data-v-958f6caa><label class=\\"t-checkbox t-is-checked\\" data-v-958f6caa><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" indeterminate=\\"false\\" checked><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><!--[-->是否显示表格边框<!--]--></span></label></div><!-- 1. 此处代码有效，勿删！支持语法糖 filter-value.sync ， 支持非受控属性 defaultfilterValue --><!-- 2. 其中，filterIcon 用于自定义筛选图标，支持渲染函数 props.filterIcon，支持插槽 filterIcon。 --><!-- 3. filterRow={() => null}，则不会显示过滤行 --><!-- <t-table
+"<div data-v-958f6caa><div data-v-958f6caa><div class=\\"t-radio-group t-size-m t-radio-group--filled\\" data-v-958f6caa><!--[--><label class=\\"t-radio-button t-is-checked\\" data-v-958f6caa><input type=\\"radio\\" class=\\"t-radio-button__former\\" name checked value=\\"left\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->左对齐<!--]--><!--]--></span></label><label class=\\"t-radio-button\\" data-v-958f6caa><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"center\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->居中对齐<!--]--><!--]--></span></label><label class=\\"t-radio-button\\" data-v-958f6caa><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"right\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->右对齐<!--]--><!--]--></span></label><!--]--><div style=\\"width:0px;left:0px;\\" class=\\"t-radio-group__bg-block\\"></div></div><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default\\" type=\\"button\\" style=\\"margin-left:36px;\\" data-v-958f6caa><span class=\\"t-button__text\\"><!--[-->清除筛选条件<!--]--></span></button><span style=\\"padding-left:36px;\\" data-v-958f6caa>已选筛选条件：{}</span></div><div style=\\"margin:16px;\\" data-v-958f6caa><label class=\\"t-checkbox t-is-checked\\" data-v-958f6caa><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" indeterminate=\\"false\\" checked><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><!--[-->是否显示表格边框<!--]--></span></label></div><!-- 1. 此处代码有效，勿删！支持语法糖 filter-value.sync ， 支持非受控属性 defaultFilterValue --><!-- 2. 其中，filterIcon 用于自定义筛选图标，支持渲染函数 props.filterIcon，支持插槽 filterIcon。 --><!-- 3. filterRow={() => null}，则不会显示过滤行 --><!-- <t-table
       rowKey='key'
       :columns=\\"columns\\"
       :data=\\"data\\"
@@ -872,7 +872,7 @@ exports[`ssr snapshot test > ssr test ./examples/table/demos/filter-controlled.v
       :filterIcon=\\"filterIcon\\"
     >
       <template #filterRow>自定义过滤行信息</template>
-    </t-table> --><!-- filter-value.sync 等同于 filter-value + filter-change --><!-- :filter-row=\\"() => null\\" 用于隐藏过滤结果行 --><div class=\\"t-table t-table--bordered\\" style=\\"position:relative;\\" data-v-958f6caa><!----><!----><div class=\\"t-table__content\\" style=\\"\\"><!----><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><!--[--><col style=\\"\\"><col style=\\"\\"><col style=\\"\\"><col style=\\"\\"><!--]--></colgroup><thead class=\\"t-table__header\\"><!--[--><tr><!--[--><th data-colkey=\\"firstName\\" class=\\"t-table__th-firstName\\" style=\\"\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__cell--filterable\\"><div class=\\"t-table__cell--title\\"><div>FirstName</div><div class=\\"t-table__filter-icon-wrap\\"><!----><!--[--><div class=\\"t-table__filter-icon\\"><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-filter\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M2 3a1 1 0 011-1h10a1 1 0 011 1v1.79l-4.25 2.5V14h-3.5V7.29L2 4.79V3zm11 0H3v1.21l4.25 2.5V13h1.5V6.71L13 4.21V3z\\" fill-opacity=\\"0.9\\"></path></svg></div><!----><!--]--></div></div></div></div></th><th data-colkey=\\"lastName\\" class=\\"t-table__th-lastName\\" style=\\"\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__cell--filterable\\"><div class=\\"t-table__cell--title\\"><div>LastName</div><div class=\\"t-table__filter-icon-wrap\\"><!----><!--[--><div class=\\"t-table__filter-icon\\"><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-filter\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M2 3a1 1 0 011-1h10a1 1 0 011 1v1.79l-4.25 2.5V14h-3.5V7.29L2 4.79V3zm11 0H3v1.21l4.25 2.5V13h1.5V6.71L13 4.21V3z\\" fill-opacity=\\"0.9\\"></path></svg></div><!----><!--]--></div></div></div></div></th><th data-colkey=\\"email\\" class=\\"t-table__th-email\\" style=\\"\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__cell--filterable\\"><div class=\\"t-table__cell--title\\"><div>Email</div><div class=\\"t-table__filter-icon-wrap\\"><!----><!--[--><div class=\\"t-table__filter-icon\\"><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-filter\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M2 3a1 1 0 011-1h10a1 1 0 011 1v1.79l-4.25 2.5V14h-3.5V7.29L2 4.79V3zm11 0H3v1.21l4.25 2.5V13h1.5V6.71L13 4.21V3z\\" fill-opacity=\\"0.9\\"></path></svg></div><!----><!--]--></div></div></div></div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\" style=\\"\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__cell--sortable t-table__cell--filterable\\"><div class=\\"t-table__cell--title\\"><div>Date</div><div class=\\"t-table__filter-icon-wrap\\"><div class=\\"t-table__cell--sort-trigger t-table__double-icons\\"><!--[--><!--[--><span class=\\"t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180 t-table-sort-asc\\"><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></span><!----><!--]--><!--[--><span class=\\"t-icon-sort--default t-table__sort-icon t-table-sort-desc t-table-sort-desc\\"><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></span><!----><!--]--><!--]--></div><!--[--><div class=\\"t-table__filter-icon\\"><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-filter\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M2 3a1 1 0 011-1h10a1 1 0 011 1v1.79l-4.25 2.5V14h-3.5V7.29L2 4.79V3zm11 0H3v1.21l4.25 2.5V13h1.5V6.71L13 4.21V3z\\" fill-opacity=\\"0.9\\"></path></svg></div><!----><!--]--></div></div></div></div></th><!--]--></tr><!--]--></thead><tbody class=\\"t-table__body\\" style=\\"\\"><!--[--><!----><tr style=\\"\\" class=\\"\\"><!--[--><td class=\\"\\" style=\\"\\">Eric</td><td class=\\"\\" style=\\"\\">Spinke</td><td class=\\"\\" style=\\"\\">espinke0@apache.org</td><td class=\\"\\" style=\\"\\">2021-11-01</td><!--]--></tr><tr style=\\"\\" class=\\"\\"><!--[--><td class=\\"\\" style=\\"\\">Gilberta</td><td class=\\"\\" style=\\"\\">Purves</td><td class=\\"\\" style=\\"\\">gpurves1@issuu.com</td><td class=\\"\\" style=\\"\\">2021-12-01</td><!--]--></tr><tr style=\\"\\" class=\\"\\"><!--[--><td class=\\"\\" style=\\"\\">Heriberto</td><td class=\\"\\" style=\\"\\">Kment</td><td class=\\"\\" style=\\"\\">hkment2@nsw.gov.au</td><td class=\\"\\" style=\\"\\">2022-01-01</td><!--]--></tr><tr style=\\"\\" class=\\"\\"><!--[--><td class=\\"\\" style=\\"\\">Lazarus</td><td class=\\"\\" style=\\"\\">Skures</td><td class=\\"\\" style=\\"\\">lskures3@apache.org</td><td class=\\"\\" style=\\"\\">2022-02-01</td><!--]--></tr><tr style=\\"\\" class=\\"\\"><!--[--><td class=\\"\\" style=\\"\\">Eric</td><td class=\\"\\" style=\\"\\">Spinke</td><td class=\\"\\" style=\\"\\">espinke0@apache.org</td><td class=\\"\\" style=\\"\\">2021-11-01</td><!--]--></tr><!----><!--]--></tbody><!----></table></div><!----><!----><!----><!----></div></div>"
+    </t-table> --><!-- 1. v-model:filter-value 等同于 filter-value + filter-change --><!-- 2. :filter-row=\\"() => null\\" 用于隐藏过滤结果行 --><!-- 3. <template #filterRow><p>这是自定义的过滤结果行</p></template> ，可使用插槽完全自定义结果行内容--><div class=\\"t-table t-table--bordered\\" style=\\"position:relative;\\" data-v-958f6caa><!----><!----><div class=\\"t-table__content\\" style=\\"\\"><!----><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><!--[--><col style=\\"\\"><col style=\\"\\"><col style=\\"\\"><col style=\\"\\"><!--]--></colgroup><thead class=\\"t-table__header\\"><!--[--><tr><!--[--><th data-colkey=\\"firstName\\" class=\\"t-table__th-firstName\\" style=\\"\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__cell--filterable\\"><div class=\\"t-table__cell--title\\"><div>FirstName</div><div class=\\"t-table__filter-icon-wrap\\"><!----><!--[--><div class=\\"t-table__filter-icon\\"><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-filter\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M2 3a1 1 0 011-1h10a1 1 0 011 1v1.79l-4.25 2.5V14h-3.5V7.29L2 4.79V3zm11 0H3v1.21l4.25 2.5V13h1.5V6.71L13 4.21V3z\\" fill-opacity=\\"0.9\\"></path></svg></div><!----><!--]--></div></div></div></div></th><th data-colkey=\\"lastName\\" class=\\"t-table__th-lastName\\" style=\\"\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__cell--filterable\\"><div class=\\"t-table__cell--title\\"><div>LastName</div><div class=\\"t-table__filter-icon-wrap\\"><!----><!--[--><div class=\\"t-table__filter-icon\\"><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-filter\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M2 3a1 1 0 011-1h10a1 1 0 011 1v1.79l-4.25 2.5V14h-3.5V7.29L2 4.79V3zm11 0H3v1.21l4.25 2.5V13h1.5V6.71L13 4.21V3z\\" fill-opacity=\\"0.9\\"></path></svg></div><!----><!--]--></div></div></div></div></th><th data-colkey=\\"email\\" class=\\"t-table__th-email\\" style=\\"\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__cell--filterable\\"><div class=\\"t-table__cell--title\\"><div>Email</div><div class=\\"t-table__filter-icon-wrap\\"><!----><!--[--><div class=\\"t-table__filter-icon\\"><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-filter\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M2 3a1 1 0 011-1h10a1 1 0 011 1v1.79l-4.25 2.5V14h-3.5V7.29L2 4.79V3zm11 0H3v1.21l4.25 2.5V13h1.5V6.71L13 4.21V3z\\" fill-opacity=\\"0.9\\"></path></svg></div><!----><!--]--></div></div></div></div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\" style=\\"\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__cell--sortable t-table__cell--filterable\\"><div class=\\"t-table__cell--title\\"><div>Date</div><div class=\\"t-table__filter-icon-wrap\\"><div class=\\"t-table__cell--sort-trigger t-table__double-icons\\"><!--[--><!--[--><span class=\\"t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180 t-table-sort-asc\\"><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></span><!----><!--]--><!--[--><span class=\\"t-icon-sort--default t-table__sort-icon t-table-sort-desc t-table-sort-desc\\"><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></span><!----><!--]--><!--]--></div><!--[--><div class=\\"t-table__filter-icon\\"><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-filter\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M2 3a1 1 0 011-1h10a1 1 0 011 1v1.79l-4.25 2.5V14h-3.5V7.29L2 4.79V3zm11 0H3v1.21l4.25 2.5V13h1.5V6.71L13 4.21V3z\\" fill-opacity=\\"0.9\\"></path></svg></div><!----><!--]--></div></div></div></div></th><!--]--></tr><!--]--></thead><tbody class=\\"t-table__body\\" style=\\"\\"><!--[--><!----><tr style=\\"\\" class=\\"\\"><!--[--><td class=\\"\\" style=\\"\\">Eric</td><td class=\\"\\" style=\\"\\">Spinke</td><td class=\\"\\" style=\\"\\">espinke0@apache.org</td><td class=\\"\\" style=\\"\\">2021-11-01</td><!--]--></tr><tr style=\\"\\" class=\\"\\"><!--[--><td class=\\"\\" style=\\"\\">Gilberta</td><td class=\\"\\" style=\\"\\">Purves</td><td class=\\"\\" style=\\"\\">gpurves1@issuu.com</td><td class=\\"\\" style=\\"\\">2021-12-01</td><!--]--></tr><tr style=\\"\\" class=\\"\\"><!--[--><td class=\\"\\" style=\\"\\">Heriberto</td><td class=\\"\\" style=\\"\\">Kment</td><td class=\\"\\" style=\\"\\">hkment2@nsw.gov.au</td><td class=\\"\\" style=\\"\\">2022-01-01</td><!--]--></tr><tr style=\\"\\" class=\\"\\"><!--[--><td class=\\"\\" style=\\"\\">Lazarus</td><td class=\\"\\" style=\\"\\">Skures</td><td class=\\"\\" style=\\"\\">lskures3@apache.org</td><td class=\\"\\" style=\\"\\">2022-02-01</td><!--]--></tr><tr style=\\"\\" class=\\"\\"><!--[--><td class=\\"\\" style=\\"\\">Eric</td><td class=\\"\\" style=\\"\\">Spinke</td><td class=\\"\\" style=\\"\\">espinke0@apache.org</td><td class=\\"\\" style=\\"\\">2021-11-01</td><!--]--></tr><!----><!--]--></tbody><!----></table></div><!----><!----><!----><!----></div></div>"
 `;
 
 exports[`ssr snapshot test > ssr test ./examples/table/demos/fixed-column.vue 1`] = `"<div class=\\"tdesign-demo-block-column\\" style=\\"width:100%;\\" data-v-26745d57><div data-v-26745d57><div class=\\"t-radio-group t-size-m t-radio-group--filled\\" data-v-26745d57><!--[--><label class=\\"t-radio-button\\" data-v-26745d57><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"1\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[--> 左侧固定一列 <!--]--><!--]--></span></label><label class=\\"t-radio-button t-is-checked\\" data-v-26745d57><input type=\\"radio\\" class=\\"t-radio-button__former\\" name checked value=\\"2\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[--> 左侧固定两列 <!--]--><!--]--></span></label><!--]--><div style=\\"width:0px;left:0px;\\" class=\\"t-radio-group__bg-block\\"></div></div></div><div data-v-26745d57><div class=\\"t-radio-group t-size-m t-radio-group--filled\\" data-v-26745d57><!--[--><label class=\\"t-radio-button t-is-checked\\" data-v-26745d57><input type=\\"radio\\" class=\\"t-radio-button__former\\" name checked value=\\"1\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[--> 右侧固定一列 <!--]--><!--]--></span></label><label class=\\"t-radio-button\\" data-v-26745d57><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"2\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[--> 右侧固定两列 <!--]--><!--]--></span></label><!--]--><div style=\\"width:0px;left:0px;\\" class=\\"t-radio-group__bg-block\\"></div></div></div><div data-v-26745d57><div class=\\"t-radio-group t-size-m t-radio-group--filled\\" data-v-26745d57><!--[--><label class=\\"t-radio-button t-is-checked\\" data-v-26745d57><input type=\\"radio\\" class=\\"t-radio-button__former\\" name checked value=\\"fixed\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->table-layout: fixed<!--]--><!--]--></span></label><label class=\\"t-radio-button\\" data-v-26745d57><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"auto\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->table-layout: auto<!--]--><!--]--></span></label><!--]--><div style=\\"width:0px;left:0px;\\" class=\\"t-radio-group__bg-block\\"></div></div><label class=\\"t-checkbox\\" style=\\"margin-left:16px;vertical-align:middle;\\" data-v-26745d57><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" indeterminate=\\"false\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><!--[-->空数据<!--]--></span></label></div><!-- 如果希望表格列宽自适应，设置 \`table-layout: auto\` 即可。这种模式下的固定列，必须指定 tableContentWidth --><div class=\\"t-table t-table--bordered t-table--column-fixed\\" style=\\"position:relative;\\" data-v-26745d57><!----><!----><div class=\\"t-table__content\\" style=\\"\\"><!----><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><!--[--><col style=\\"width:100px;\\"><col style=\\"width:100px;\\"><col style=\\"width:150px;\\"><col style=\\"width:150px;\\"><col style=\\"width:100px;\\"><col style=\\"width:150px;\\"><col style=\\"width:100px;\\"><col style=\\"width:120px;\\"><!--]--></colgroup><thead class=\\"t-table__header\\"><!--[--><tr><!--[--><th data-colkey=\\"index\\" class=\\"t-table__th-index t-align-center\\" style=\\"\\"><div class=\\"t-table__th-cell-inner\\">序号</div></th><th data-colkey=\\"platform\\" class=\\"t-table__th-platform\\" style=\\"\\"><div class=\\"t-table__th-cell-inner\\">平台</div></th><th data-colkey=\\"type\\" class=\\"t-table__th-type\\" style=\\"\\"><div class=\\"t-table__th-cell-inner\\">类型</div></th><th data-colkey=\\"default\\" class=\\"t-table__th-default\\" style=\\"\\"><div class=\\"t-table__th-cell-inner\\">默认值</div></th><th data-colkey=\\"description\\" class=\\"t-table__th-description\\" style=\\"\\"><div class=\\"t-table__th-cell-inner\\">说明</div></th><th data-colkey=\\"needed\\" class=\\"t-table__th-needed\\" style=\\"\\"><div class=\\"t-table__th-cell-inner\\">是否必传</div></th><th data-colkey=\\"operation\\" class=\\"t-table__th-operation\\" style=\\"\\"><div class=\\"t-table__th-cell-inner\\">操作</div></th><th data-colkey=\\"detail.position\\" class=\\"t-table__th-detail.position\\" style=\\"\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\"><!--[-->详情信息<!--]--></div></div></th><!--]--></tr><!--]--></thead><tbody class=\\"t-table__body\\" style=\\"\\"><!--[--><!----><tr style=\\"\\" class=\\"\\"><!--[--><td class=\\"t-align-center\\" style=\\"\\">0</td><td class=\\"\\" style=\\"\\">共有</td><td class=\\"\\" style=\\"\\">String</td><td class=\\"\\" style=\\"\\">-</td><td class=\\"\\" style=\\"\\">数据源</td><td class=\\"\\" style=\\"\\">是</td><td class=\\"\\" style=\\"\\"><!--[--><a class=\\"link\\" data-v-26745d57>删除</a><!--]--></td><td class=\\"t-table-td--ellipsis\\" style=\\"\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\"><!--[-->读取 0 个数据的嵌套信息值<!--]--></div></td><!--]--></tr><tr style=\\"\\" class=\\"\\"><!--[--><td class=\\"t-align-center\\" style=\\"\\">1</td><td class=\\"\\" style=\\"\\">私有</td><td class=\\"\\" style=\\"\\">Number</td><td class=\\"\\" style=\\"\\">0</td><td class=\\"\\" style=\\"\\">数据源</td><td class=\\"\\" style=\\"\\">否</td><td class=\\"\\" style=\\"\\"><!--[--><a class=\\"link\\" data-v-26745d57>删除</a><!--]--></td><td class=\\"t-table-td--ellipsis\\" style=\\"\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\"><!--[-->读取 1 个数据的嵌套信息值<!--]--></div></td><!--]--></tr><tr style=\\"\\" class=\\"\\"><!--[--><td class=\\"t-align-center\\" style=\\"\\">2</td><td class=\\"\\" style=\\"\\">共有</td><td class=\\"\\" style=\\"\\">Array</td><td class=\\"\\" style=\\"\\">[]</td><td class=\\"\\" style=\\"\\">数据源</td><td class=\\"\\" style=\\"\\">否</td><td class=\\"\\" style=\\"\\"><!--[--><a class=\\"link\\" data-v-26745d57>删除</a><!--]--></td><td class=\\"t-table-td--ellipsis\\" style=\\"\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\"><!--[-->读取 2 个数据的嵌套信息值<!--]--></div></td><!--]--></tr><tr style=\\"\\" class=\\"\\"><!--[--><td class=\\"t-align-center\\" style=\\"\\">3</td><td class=\\"\\" style=\\"\\">私有</td><td class=\\"\\" style=\\"\\">Object</td><td class=\\"\\" style=\\"\\">{}</td><td class=\\"\\" style=\\"\\">数据源</td><td class=\\"\\" style=\\"\\">否</td><td class=\\"\\" style=\\"\\"><!--[--><a class=\\"link\\" data-v-26745d57>删除</a><!--]--></td><td class=\\"t-table-td--ellipsis\\" style=\\"\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\"><!--[-->读取 3 个数据的嵌套信息值<!--]--></div></td><!--]--></tr><tr style=\\"\\" class=\\"\\"><!--[--><td class=\\"t-align-center\\" style=\\"\\">4</td><td class=\\"\\" style=\\"\\">共有</td><td class=\\"\\" style=\\"\\">String</td><td class=\\"\\" style=\\"\\">-</td><td class=\\"\\" style=\\"\\">数据源</td><td class=\\"\\" style=\\"\\">是</td><td class=\\"\\" style=\\"\\"><!--[--><a class=\\"link\\" data-v-26745d57>删除</a><!--]--></td><td class=\\"t-table-td--ellipsis\\" style=\\"\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\"><!--[-->读取 4 个数据的嵌套信息值<!--]--></div></td><!--]--></tr><!----><!--]--></tbody><!----></table></div><!----><!----><!----><!----></div></div>"`;