From 65ed9095e8af38b515d1d8f1047d067b642d7a47 Mon Sep 17 00:00:00 2001
From: sheepluo <yaoyanhuoyi@qq.com>
Date: Wed, 22 Nov 2023 10:28:20 +0800
Subject: [PATCH] [Table] fix column resize problem; column controller of
 multiple header improvement (#2916)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* docs: demo inprovement

* fix(table): multi header column config

* fix: 修复列宽调整问题

* fix(table): column controller of multiple header does not work

* test: update snapshots

* test: update snapshots
---
 src/table/_example/affix.vue             |  79 ++--
 src/table/_example/multi-header.vue      |   2 +-
 src/table/hooks/useAffix.ts              |   1 +
 src/table/hooks/useColumnController.tsx  |   8 +-
 src/table/hooks/useFixed.ts              |   9 +-
 src/table/primary-table.tsx              |   9 +-
 test/snap/__snapshots__/csr.test.js.snap | 503 ++++++++++++-----------
 test/snap/__snapshots__/ssr.test.js.snap |   4 +-
 8 files changed, 336 insertions(+), 279 deletions(-)

diff --git a/src/table/_example/affix.vue b/src/table/_example/affix.vue
index 7ab2c4abe..af91d68af 100644
--- a/src/table/_example/affix.vue
+++ b/src/table/_example/affix.vue
@@ -1,14 +1,14 @@
 <template>
   <!-- 注意组件父元素的宽度 -->
   <div class="tdesign-demo-block-column-large tdesign-demo__table tdesign-demo__table-affix" style="width: 830px">
-    <div>
+    <t-space>
       <t-checkbox v-model="headerAffixedTop">表头吸顶</t-checkbox>
-      <t-checkbox v-model="footerAffixedBottom" style="margin-left: 32px">表尾吸底</t-checkbox>
-      <t-checkbox v-model="horizontalScrollAffixedBottom" style="margin-left: 32px">滚动条吸底</t-checkbox>
-      <t-checkbox v-model="paginationAffixedBottom" style="margin-left: 32px">分页器吸底</t-checkbox>
-      <t-checkbox v-model="fixedLeftColumn" style="margin-left: 32px">固定左侧列</t-checkbox>
-      <t-checkbox v-model="fixedRightColumn" style="margin-left: 32px">固定右侧列</t-checkbox>
-    </div>
+      <t-checkbox v-model="footerAffixedBottom">表尾吸底</t-checkbox>
+      <t-checkbox v-model="horizontalScrollAffixedBottom">滚动条吸底</t-checkbox>
+      <t-checkbox v-model="paginationAffixedBottom">分页器吸底</t-checkbox>
+      <t-checkbox v-model="fixedLeftColumn">固定左侧列</t-checkbox>
+      <t-checkbox v-model="fixedRightColumn">固定右侧列</t-checkbox>
+    </t-space>
     <t-table
       rowKey="index"
       :data="data"
@@ -16,9 +16,9 @@
       :footData="footData"
       :rowClassName="rowClassName"
       :pagination="pagination"
-      :headerAffixedTop="headerAffixedTop ? headerAffixedTopProps : undefined"
-      :footerAffixedBottom="footerAffixedBottom ? footerAffixedBottomProps : false"
-      :horizontalScrollAffixedBottom="horizontalScrollAffixedBottom ? horizontalScrollAffixedBottomProps : false"
+      :header-affixed-top="headerAffixedTopProps"
+      :footer-affixed-bottom="footerAffixedBottomProps"
+      :horizontal-scroll-affixed-bottom="horizontalScrollAffixedBottomProps"
       :paginationAffixedBottom="paginationAffixedBottom"
       table-layout="fixed"
       dragSort="col"
@@ -109,43 +109,52 @@ export default {
       TOTAL,
       // 重要：如果在预渲染场景下，初次渲染的表格宽度和最终呈现宽度不一样，请异步设置表头吸顶
       headerAffixedTop: true,
-      footerAffixedBottom: true,
+      footerAffixedBottom: false,
       fixedLeftColumn: true,
       fixedRightColumn: true,
-      horizontalScrollAffixedBottom: false,
-      paginationAffixedBottom: false,
+      horizontalScrollAffixedBottom: true,
+      paginationAffixedBottom: true,
       // 表尾有一行数据
       footData: [{ index: 'footer-row-1', type: '全部类型', description: '-' }],
       columns: [],
       pagination: { defaultCurrent: 1, defaultPageSize: 5, total: TOTAL },
-      headerAffixedTopProps: {
-        offsetTop: 87,
-        zIndex: 1000,
-      },
-      footerAffixedBottomProps: {
-        offsetBottom: this.paginationAffixedBottom ? 60 : 0,
-        zIndex: 1000,
-      },
-      horizontalScrollAffixedBottomProps: {
-        offsetBottom: this.paginationAffixedBottom ? 61 : 0,
-        zIndex: 1000,
-      },
     };
   },
 
-  watch: {
-    paginationAffixedBottom(val) {
-      this.footerAffixedBottomProps.offsetBottom = val ? 60 : 0;
-      this.horizontalScrollAffixedBottomProps.offsetBottom = val ? 61 : 0;
+  computed: {
+    headerAffixedTopProps() {
+      if (this.headerAffixedTop) {
+        return {
+          offsetTop: 87,
+          zIndex: 1000,
+          // container used to set scroll container, default container is body
+          // container: () => document.body,
+        };
+      }
+      return false;
     },
-    // 底部滚动条 和 Footer 无需同时出现，二选一即可
-    horizontalScrollAffixedBottom(val) {
-      val && (this.footerAffixedBottom = false);
+    footerAffixedBottomProps() {
+      if (this.footerAffixedBottom) {
+        return {
+          offsetBottom: this.paginationAffixedBottom ? 64 : 0,
+          zIndex: 1000,
+        };
+      }
+      return false;
     },
-    // 底部滚动条 和 Footer 无需同时出现，二选一即可
-    footerAffixedBottom(val) {
-      val && (this.horizontalScrollAffixedBottom = false);
+    horizontalScrollAffixedBottomProps() {
+      if (this.horizontalScrollAffixedBottom) {
+        return {
+          // height of pagination component is 64
+          offsetBottom: this.paginationAffixedBottom ? 64 : 0,
+          zIndex: 1000,
+        };
+      }
+      return false;
     },
+  },
+
+  watch: {
     // 左侧固定列发生变化时
     fixedLeftColumn: {
       handler(val) {
diff --git a/src/table/_example/multi-header.vue b/src/table/_example/multi-header.vue
index ed898cc64..682f8c445 100644
--- a/src/table/_example/multi-header.vue
+++ b/src/table/_example/multi-header.vue
@@ -15,7 +15,7 @@
 
     <!-- tableContentWidth 必须大于表格的外层宽度，否则请设置 width: 100% -->
     <!-- 多级表头中，如果要使用固定列功能，则必须设置 colKey 和 fixed -->
-    <!-- :scroll="{ type: 'virtual' }" 表示虚拟滚动 -->
+    <!-- :scroll="{ type: 'virtual' }" virtual scroll for a lot of data rendered-->
     <t-table
       row-key="index"
       :data="data"
diff --git a/src/table/hooks/useAffix.ts b/src/table/hooks/useAffix.ts
index fb1d92225..30013e66b 100644
--- a/src/table/hooks/useAffix.ts
+++ b/src/table/hooks/useAffix.ts
@@ -82,6 +82,7 @@ export default function useAffix(props: TdBaseTableProps) {
   const updateAffixHeaderOrFooter = () => {
     if (!isAffixed.value && !isVirtualScroll.value) return;
     const pos = tableContentRef.value?.getBoundingClientRect();
+    if (!pos) return;
     const headerRect = tableContentRef.value?.querySelector('thead')?.getBoundingClientRect();
     const headerHeight = headerRect?.height || 0;
     const footerRect = affixFooterRef.value?.getBoundingClientRect();
diff --git a/src/table/hooks/useColumnController.tsx b/src/table/hooks/useColumnController.tsx
index fc7cca9a2..6711160c9 100644
--- a/src/table/hooks/useColumnController.tsx
+++ b/src/table/hooks/useColumnController.tsx
@@ -30,9 +30,10 @@ interface CheckboxGroupOptionsType {
 export function getColumnKeys(columns: PrimaryTableCol[], keys = new Set<string>()) {
   for (let i = 0, len = columns.length; i < len; i++) {
     const col = columns[i];
-    col.colKey && keys.add(col.colKey);
     if (col.children?.length) {
       getColumnKeys(col.children, keys);
+    } else {
+      col.colKey && keys.add(col.colKey);
     }
   }
   return keys;
@@ -123,11 +124,10 @@ export default function useColumnController(props: TdPrimaryTableProps, context:
     // 减少循环次数
     for (let i = 0, len = columns.length; i < len; i++) {
       const item = columns[i];
-      if (item.colKey) {
-        arr.push(getOneColumnItem(item, i));
-      }
       if (item.children?.length) {
         getCheckboxOptions(item.children, arr);
+      } else if (item.colKey) {
+        arr.push(getOneColumnItem(item, i));
       }
     }
     return arr;
diff --git a/src/table/hooks/useFixed.ts b/src/table/hooks/useFixed.ts
index 7c66b5816..330731df2 100644
--- a/src/table/hooks/useFixed.ts
+++ b/src/table/hooks/useFixed.ts
@@ -13,6 +13,7 @@ import {
 import get from 'lodash/get';
 import xorWith from 'lodash/xorWith';
 import debounce from 'lodash/debounce';
+import pick from 'lodash/pick';
 import log from '../../_common/js/log';
 import { ClassName, Styles } from '../../common';
 import { BaseTableCol, TableRowData, TdBaseTableProps } from '../type';
@@ -512,8 +513,12 @@ export default function useFixed(
       reduceKeys.forEach((key) => {
         reduceWidth += thWidthList[key];
       });
-      const oldTotalWidth = Object.values(thWidthList).reduce((r = 0, n) => r + n);
-      setTableElmWidth(oldTotalWidth - reduceWidth);
+      const rootThWidthList = pick(thWidthList, preColKeys);
+      const oldTotalWidth = Object.values(rootThWidthList).reduce((r = 0, n) => r + n);
+      // 保留原有可能编辑过的列宽度，但是当剩余列过小时，表头小于内容宽，需要缩放回内容宽度
+      const contentWidth = tableContentRef.value.clientWidth;
+      const widthToReserve = oldTotalWidth - reduceWidth;
+      setTableElmWidth(Math.max(contentWidth, widthToReserve));
     }
   });
 
diff --git a/src/table/primary-table.tsx b/src/table/primary-table.tsx
index b747190a5..ca3026b8e 100644
--- a/src/table/primary-table.tsx
+++ b/src/table/primary-table.tsx
@@ -171,13 +171,16 @@ export default defineComponent({
     };
 
     // 1. 影响列数量的因素有：自定义列配置、展开/收起行、多级表头；2. 影响表头内容的因素有：排序图标、筛选图标
-    const getColumns = (columns: PrimaryTableCol<TableRowData>[]) => {
+    const getColumns = (columns: PrimaryTableCol<TableRowData>[], parentDisplay = false) => {
       const arr: PrimaryTableCol<TableRowData>[] = [];
       for (let i = 0, len = columns.length; i < len; i++) {
         let item = { ...columns[i] };
         // 自定义列显示控制
         const isDisplayColumn = item.children?.length || tDisplayColumns.value?.includes(item.colKey);
-        if (!isDisplayColumn && props.columnController) continue;
+        const isColumnController = Boolean(
+          props.columnController || props.displayColumns || props.defaultDisplayColumns,
+        );
+        if (!isDisplayColumn && isColumnController && !parentDisplay) continue;
         item = formatToRowSelectColumn(item);
         const { sort } = props;
         if (item.sorter && props.showSortColumnBgColor) {
@@ -245,7 +248,7 @@ export default defineComponent({
           };
         }
         if (item.children?.length) {
-          item.children = getColumns(item.children);
+          item.children = getColumns(item.children, parentDisplay || tDisplayColumns.value?.includes(item.colKey));
         }
         // 多级表头和自定义列配置特殊逻辑：要么子节点不存在，要么子节点长度大于 1，方便做自定义列配置
         if (!item.children || item.children?.length) {
diff --git a/test/snap/__snapshots__/csr.test.js.snap b/test/snap/__snapshots__/csr.test.js.snap
index adfc3e1b5..eba218264 100644
--- a/test/snap/__snapshots__/csr.test.js.snap
+++ b/test/snap/__snapshots__/csr.test.js.snap
@@ -95049,129 +95049,151 @@ exports[`csr snapshot test > csr test ./src/table/_example/affix.vue 1`] = `
   class="tdesign-demo-block-column-large tdesign-demo__table tdesign-demo__table-affix"
   style="width: 830px;"
 >
-  <div>
-    <label
-      class="t-checkbox t-is-checked"
-      tabindex="0"
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
     >
-      <input
-        class="t-checkbox__former"
-        tabindex="-1"
-        type="checkbox"
-        value=""
-      />
-      <span
-        class="t-checkbox__input"
-      />
-      <span
-        class="t-checkbox__label"
+      <label
+        class="t-checkbox t-is-checked"
+        tabindex="0"
       >
-        表头吸顶
-      </span>
-    </label>
-    <label
-      class="t-checkbox t-is-checked"
-      style="margin-left: 32px;"
-      tabindex="0"
+        <input
+          class="t-checkbox__former"
+          tabindex="-1"
+          type="checkbox"
+          value=""
+        />
+        <span
+          class="t-checkbox__input"
+        />
+        <span
+          class="t-checkbox__label"
+        >
+          表头吸顶
+        </span>
+      </label>
+    </div>
+    <div
+      class="t-space-item"
     >
-      <input
-        class="t-checkbox__former"
-        tabindex="-1"
-        type="checkbox"
-        value=""
-      />
-      <span
-        class="t-checkbox__input"
-      />
-      <span
-        class="t-checkbox__label"
+      <label
+        class="t-checkbox"
+        tabindex="0"
       >
-        表尾吸底
-      </span>
-    </label>
-    <label
-      class="t-checkbox"
-      style="margin-left: 32px;"
-      tabindex="0"
+        <input
+          class="t-checkbox__former"
+          tabindex="-1"
+          type="checkbox"
+          value=""
+        />
+        <span
+          class="t-checkbox__input"
+        />
+        <span
+          class="t-checkbox__label"
+        >
+          表尾吸底
+        </span>
+      </label>
+    </div>
+    <div
+      class="t-space-item"
     >
-      <input
-        class="t-checkbox__former"
-        tabindex="-1"
-        type="checkbox"
-        value=""
-      />
-      <span
-        class="t-checkbox__input"
-      />
-      <span
-        class="t-checkbox__label"
+      <label
+        class="t-checkbox t-is-checked"
+        tabindex="0"
       >
-        滚动条吸底
-      </span>
-    </label>
-    <label
-      class="t-checkbox"
-      style="margin-left: 32px;"
-      tabindex="0"
+        <input
+          class="t-checkbox__former"
+          tabindex="-1"
+          type="checkbox"
+          value=""
+        />
+        <span
+          class="t-checkbox__input"
+        />
+        <span
+          class="t-checkbox__label"
+        >
+          滚动条吸底
+        </span>
+      </label>
+    </div>
+    <div
+      class="t-space-item"
     >
-      <input
-        class="t-checkbox__former"
-        tabindex="-1"
-        type="checkbox"
-        value=""
-      />
-      <span
-        class="t-checkbox__input"
-      />
-      <span
-        class="t-checkbox__label"
+      <label
+        class="t-checkbox t-is-checked"
+        tabindex="0"
       >
-        分页器吸底
-      </span>
-    </label>
-    <label
-      class="t-checkbox t-is-checked"
-      style="margin-left: 32px;"
-      tabindex="0"
+        <input
+          class="t-checkbox__former"
+          tabindex="-1"
+          type="checkbox"
+          value=""
+        />
+        <span
+          class="t-checkbox__input"
+        />
+        <span
+          class="t-checkbox__label"
+        >
+          分页器吸底
+        </span>
+      </label>
+    </div>
+    <div
+      class="t-space-item"
     >
-      <input
-        class="t-checkbox__former"
-        tabindex="-1"
-        type="checkbox"
-        value=""
-      />
-      <span
-        class="t-checkbox__input"
-      />
-      <span
-        class="t-checkbox__label"
+      <label
+        class="t-checkbox t-is-checked"
+        tabindex="0"
       >
-        固定左侧列
-      </span>
-    </label>
-    <label
-      class="t-checkbox t-is-checked"
-      style="margin-left: 32px;"
-      tabindex="0"
+        <input
+          class="t-checkbox__former"
+          tabindex="-1"
+          type="checkbox"
+          value=""
+        />
+        <span
+          class="t-checkbox__input"
+        />
+        <span
+          class="t-checkbox__label"
+        >
+          固定左侧列
+        </span>
+      </label>
+    </div>
+    <div
+      class="t-space-item"
     >
-      <input
-        class="t-checkbox__former"
-        tabindex="-1"
-        type="checkbox"
-        value=""
-      />
-      <span
-        class="t-checkbox__input"
-      />
-      <span
-        class="t-checkbox__label"
+      <label
+        class="t-checkbox t-is-checked"
+        tabindex="0"
       >
-        固定右侧列
-      </span>
-    </label>
+        <input
+          class="t-checkbox__former"
+          tabindex="-1"
+          type="checkbox"
+          value=""
+        />
+        <span
+          class="t-checkbox__input"
+        />
+        <span
+          class="t-checkbox__label"
+        >
+          固定右侧列
+        </span>
+      </label>
+    </div>
   </div>
   <div
-    class="t-table t-table--bordered t-table--affixed-header t-table--footer-affixed t-table--column-fixed t-table--column-resizable t-table--col-draggable"
+    class="t-table t-table--bordered t-table--affixed-header t-table--horizontal-bar-affixed t-table--column-fixed t-table--column-resizable t-table--col-draggable"
     style="position: relative;"
   >
     <div
@@ -95643,148 +95665,167 @@ exports[`csr snapshot test > csr test ./src/table/_example/affix.vue 1`] = `
       </table>
     </div>
     <div
-      class="t-table__pagination-wrap"
-      style="opacity: 1;"
+      offsetbottom="0"
+      style="margin-top: -12px;"
     >
-      <div
-        class="t-table__pagination"
-      >
+      <div>
         <div
-          class="t-pagination t-size-m"
+          class="scrollbar t-table__scrollbar--obvious"
+          style="width: 0px; overflow: auto; opacity: 1;"
         >
           <div
-            class="t-pagination__total"
-          >
-            共 38 项数据
-          </div>
+            style="width: 0px; height: 5px;"
+          />
+        </div>
+      </div>
+    </div>
+    <div>
+      <div>
+        <div
+          class="t-table__pagination-wrap"
+          style="opacity: 1;"
+        >
           <div
-            class="t-select__wrap t-pagination__select"
+            class="t-table__pagination"
           >
             <div
-              class="t-select-input t-select"
+              class="t-pagination t-size-m"
             >
               <div
-                class="t-input__wrap t-input--auto-width"
+                class="t-pagination__total"
+              >
+                共 38 项数据
+              </div>
+              <div
+                class="t-select__wrap t-pagination__select"
               >
                 <div
-                  class="t-input t-is-readonly t-input--prefix t-input--suffix"
+                  class="t-select-input t-select"
                 >
                   <div
-                    class="t-input__prefix"
-                  />
-                  <input
-                    autocomplete=""
-                    class="t-input__inner"
-                    placeholder="请选择"
-                    readonly="readonly"
-                    type="text"
-                    unselectable="on"
-                  />
-                  <span
-                    class="t-input__input-pre"
-                  >
-                    5 条/页
-                  </span>
-                  <span
-                    class="t-input__suffix t-input__suffix-icon"
+                    class="t-input__wrap t-input--auto-width"
                   >
-                    <svg
-                      class="t-fake-arrow t-select__right-icon"
-                      fill="none"
-                      height="16"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
+                    <div
+                      class="t-input t-is-readonly t-input--prefix t-input--suffix"
                     >
-                      <path
-                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                        stroke="black"
-                        stroke-opacity="0.9"
-                        stroke-width="1.3"
+                      <div
+                        class="t-input__prefix"
                       />
-                    </svg>
-                  </span>
+                      <input
+                        autocomplete=""
+                        class="t-input__inner"
+                        placeholder="请选择"
+                        readonly="readonly"
+                        type="text"
+                        unselectable="on"
+                      />
+                      <span
+                        class="t-input__input-pre"
+                      >
+                        5 条/页
+                      </span>
+                      <span
+                        class="t-input__suffix t-input__suffix-icon"
+                      >
+                        <svg
+                          class="t-fake-arrow t-select__right-icon"
+                          fill="none"
+                          height="16"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                            stroke="black"
+                            stroke-opacity="0.9"
+                            stroke-width="1.3"
+                          />
+                        </svg>
+                      </span>
+                    </div>
+                  </div>
                 </div>
               </div>
+              <div
+                class="t-pagination__btn t-pagination__btn-prev t-is-disabled"
+                disabled="disabled"
+              >
+                <svg
+                  class="t-icon t-icon-chevron-left"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </div>
+              <ul
+                class="t-pagination__pager"
+              >
+                <li
+                  class="t-pagination__number t-is-current"
+                >
+                  1
+                </li>
+                <li
+                  class="t-pagination__number"
+                >
+                  2
+                </li>
+                <li
+                  class="t-pagination__number"
+                >
+                  3
+                </li>
+                <li
+                  class="t-pagination__number"
+                >
+                  4
+                </li>
+                <li
+                  class="t-pagination__number"
+                >
+                  5
+                </li>
+                <li
+                  class="t-pagination__number"
+                >
+                  6
+                </li>
+                <li
+                  class="t-pagination__number"
+                >
+                  7
+                </li>
+                <li
+                  class="t-pagination__number"
+                >
+                  8
+                </li>
+              </ul>
+              <div
+                class="t-pagination__btn t-pagination__btn-next"
+              >
+                <svg
+                  class="t-icon t-icon-chevron-right"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </div>
             </div>
           </div>
-          <div
-            class="t-pagination__btn t-pagination__btn-prev t-is-disabled"
-            disabled="disabled"
-          >
-            <svg
-              class="t-icon t-icon-chevron-left"
-              fill="none"
-              height="1em"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <path
-                d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"
-                fill="currentColor"
-              />
-            </svg>
-          </div>
-          <ul
-            class="t-pagination__pager"
-          >
-            <li
-              class="t-pagination__number t-is-current"
-            >
-              1
-            </li>
-            <li
-              class="t-pagination__number"
-            >
-              2
-            </li>
-            <li
-              class="t-pagination__number"
-            >
-              3
-            </li>
-            <li
-              class="t-pagination__number"
-            >
-              4
-            </li>
-            <li
-              class="t-pagination__number"
-            >
-              5
-            </li>
-            <li
-              class="t-pagination__number"
-            >
-              6
-            </li>
-            <li
-              class="t-pagination__number"
-            >
-              7
-            </li>
-            <li
-              class="t-pagination__number"
-            >
-              8
-            </li>
-          </ul>
-          <div
-            class="t-pagination__btn t-pagination__btn-next"
-          >
-            <svg
-              class="t-icon t-icon-chevron-right"
-              fill="none"
-              height="1em"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <path
-                d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
-                fill="currentColor"
-              />
-            </svg>
-          </div>
         </div>
       </div>
     </div>
diff --git a/test/snap/__snapshots__/ssr.test.js.snap b/test/snap/__snapshots__/ssr.test.js.snap
index 1ff37ce5c..d7a915722 100644
--- a/test/snap/__snapshots__/ssr.test.js.snap
+++ b/test/snap/__snapshots__/ssr.test.js.snap
@@ -949,7 +949,7 @@ exports[`ssr snapshot test > renders ./src/switch/_example/size.vue correctly 1`
 
 exports[`ssr snapshot test > renders ./src/switch/_example/status.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-horizontal t-space--break-line\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-l t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-l\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-l t-is-loading t-is-checked\\"><span class=\\"t-switch__handle t-is-loading\\"><div class=\\"t-loading--center t-size-s t-loading\\"><svg viewBox=\\"0 0 12 12\\" version=\\"1.1\\" width=\\"1em\\" height=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\" size=\\"small\\" class=\\"t-loading__gradient t-icon-loading\\"><foreignObject x=\\"0\\" y=\\"0\\" width=\\"12\\" height=\\"12\\"><div class=\\"t-loading__gradient-conic\\"></div></foreignObject></svg></div></span><div class=\\"t-switch__content t-size-l\\"></div></div></div><div class=\\"t-space-item\\"><div disabled=\\"disabled\\" class=\\"t-switch t-size-l t-is-disabled\\"><span class=\\"t-switch__handle t-is-disabled\\"></span><div class=\\"t-switch__content t-size-l t-is-disabled\\"></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/table/_example/affix.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-block-column-large tdesign-demo__table tdesign-demo__table-affix\\" style=\\"width:830px;\\"><div><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">表头吸顶</span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\" style=\\"margin-left:32px;\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">表尾吸底</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\" style=\\"margin-left:32px;\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">滚动条吸底</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\" style=\\"margin-left:32px;\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">分页器吸底</span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\" style=\\"margin-left:32px;\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">固定左侧列</span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\" style=\\"margin-left:32px;\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">固定右侧列</span></label></div><div class=\\"t-table t-table--bordered t-table--affixed-header t-table--footer-affixed t-table--column-fixed t-table--column-resizable t-table--col-draggable\\" style=\\"position:relative;\\"><div offsetTop=\\"0\\"><div><div class=\\"t-table__affixed-header-elm-wrap\\" style=\\"width:0px;height:0px;opacity:1;\\"></div></div></div><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:120px;\\"><col style=\\"width:150px;\\"><col style=\\"width:120px;\\"><col style=\\"width:180px;\\"><col style=\\"width:180px;\\"><col style=\\"width:120px;\\"><col style=\\"width:120px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">申请状态</div></th><th data-colkey=\\"channel\\" class=\\"t-table__th-channel t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">签署方式</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">邮箱地址</div></th><th data-colkey=\\"matters\\" class=\\"t-table__th-matters t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">申请事项</div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th><th data-colkey=\\"operation\\" class=\\"t-table__th-operation t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">操作</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr class=\\"t-tdesign__custom-body-tr\\"><td>贾明</td><td><div class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></div></td><td>电子签署</td><td>w.cezkdudy@lhll.au</td><td>宣传物料制作费用</td><td>2022-01-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\">查看详情</a></td></tr><tr class=\\"t-tdesign__custom-body-tr\\"><td>张三</td><td><div class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></div></td><td>纸质签署</td><td>r.nmgw@peurezgn.sl</td><td>algolia 服务报销</td><td>2022-02-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\">再次申请</a></td></tr><tr class=\\"t-tdesign__custom-body-tr\\"><td>王芳</td><td><div class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></div></td><td>纸质签署</td><td>p.cumx@rampblpa.ru</td><td>相关周边制作费</td><td>2022-03-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\">再次申请</a></td></tr><tr class=\\"t-tdesign__custom-body-tr\\"><td>贾明</td><td><div class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></div></td><td>电子签署</td><td>w.cezkdudy@lhll.au</td><td>激励奖品快递费</td><td>2022-04-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\">查看详情</a></td></tr><tr class=\\"t-tdesign__custom-body-tr\\"><td>张三</td><td><div class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></div></td><td>纸质签署</td><td>r.nmgw@peurezgn.sl</td><td>宣传物料制作费用</td><td>2022-01-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\">再次申请</a></td></tr></tbody><tfoot class=\\"t-table__footer\\"><tr class=\\"t-tdesign__custom-footer-tr\\"><td key=\\"applicant\\"><b style=\\"font-weight:bold;\\">表尾信息</b></td><td key=\\"status\\"></td><td key=\\"channel\\"></td><td key=\\"detail.email\\"></td><td key=\\"matters\\"></td><td key=\\"createTime\\"></td><td key=\\"operation\\">-</td></tr></tfoot></table></div><div class=\\"t-table__pagination-wrap\\" style=\\"opacity:1;\\"><div class=\\"t-table__pagination\\"><div class=\\"t-pagination t-size-m\\"><div class=\\"t-pagination__total\\">共 38 项数据</div><div class=\\"t-select__wrap t-pagination__select\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"5 条/页\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">5 条/页</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div><div disabled=\\"disabled\\" class=\\"t-pagination__btn t-pagination__btn-prev t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></path></svg></div><ul class=\\"t-pagination__pager\\"><li class=\\"t-pagination__number t-is-current\\">1</li><li class=\\"t-pagination__number\\">2</li><li class=\\"t-pagination__number\\">3</li><li class=\\"t-pagination__number\\">4</li><li class=\\"t-pagination__number\\">5</li><li class=\\"t-pagination__number\\">6</li><li class=\\"t-pagination__number\\">7</li><li class=\\"t-pagination__number\\">8</li></ul><div class=\\"t-pagination__btn t-pagination__btn-next\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></div></div></div></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/table/_example/affix.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-block-column-large tdesign-demo__table tdesign-demo__table-affix\\" style=\\"width:830px;\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">表头吸顶</span></label></div><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">表尾吸底</span></label></div><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">滚动条吸底</span></label></div><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">分页器吸底</span></label></div><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">固定左侧列</span></label></div><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">固定右侧列</span></label></div></div><div class=\\"t-table t-table--bordered t-table--affixed-header t-table--horizontal-bar-affixed t-table--column-fixed t-table--column-resizable t-table--col-draggable\\" style=\\"position:relative;\\"><div offsetTop=\\"0\\"><div><div class=\\"t-table__affixed-header-elm-wrap\\" style=\\"width:0px;height:0px;opacity:1;\\"></div></div></div><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:120px;\\"><col style=\\"width:150px;\\"><col style=\\"width:120px;\\"><col style=\\"width:180px;\\"><col style=\\"width:180px;\\"><col style=\\"width:120px;\\"><col style=\\"width:120px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">申请状态</div></th><th data-colkey=\\"channel\\" class=\\"t-table__th-channel t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">签署方式</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">邮箱地址</div></th><th data-colkey=\\"matters\\" class=\\"t-table__th-matters t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">申请事项</div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th><th data-colkey=\\"operation\\" class=\\"t-table__th-operation t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">操作</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr class=\\"t-tdesign__custom-body-tr\\"><td>贾明</td><td><div class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></div></td><td>电子签署</td><td>w.cezkdudy@lhll.au</td><td>宣传物料制作费用</td><td>2022-01-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\">查看详情</a></td></tr><tr class=\\"t-tdesign__custom-body-tr\\"><td>张三</td><td><div class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></div></td><td>纸质签署</td><td>r.nmgw@peurezgn.sl</td><td>algolia 服务报销</td><td>2022-02-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\">再次申请</a></td></tr><tr class=\\"t-tdesign__custom-body-tr\\"><td>王芳</td><td><div class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></div></td><td>纸质签署</td><td>p.cumx@rampblpa.ru</td><td>相关周边制作费</td><td>2022-03-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\">再次申请</a></td></tr><tr class=\\"t-tdesign__custom-body-tr\\"><td>贾明</td><td><div class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></div></td><td>电子签署</td><td>w.cezkdudy@lhll.au</td><td>激励奖品快递费</td><td>2022-04-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\">查看详情</a></td></tr><tr class=\\"t-tdesign__custom-body-tr\\"><td>张三</td><td><div class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></div></td><td>纸质签署</td><td>r.nmgw@peurezgn.sl</td><td>宣传物料制作费用</td><td>2022-01-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\">再次申请</a></td></tr></tbody><tfoot class=\\"t-table__footer\\"><tr class=\\"t-tdesign__custom-footer-tr\\"><td key=\\"applicant\\"><b style=\\"font-weight:bold;\\">表尾信息</b></td><td key=\\"status\\"></td><td key=\\"channel\\"></td><td key=\\"detail.email\\"></td><td key=\\"matters\\"></td><td key=\\"createTime\\"></td><td key=\\"operation\\">-</td></tr></tfoot></table></div><div offsetBottom=\\"0\\" style=\\"margin-top:-12px;\\"><div><div class=\\"scrollbar t-table__scrollbar--obvious\\" style=\\"width:0px;overflow:auto;opacity:1;\\"><div style=\\"width:0px;height:5px;\\"></div></div></div></div><div><div><div class=\\"t-table__pagination-wrap\\" style=\\"opacity:1;\\"><div class=\\"t-table__pagination\\"><div class=\\"t-pagination t-size-m\\"><div class=\\"t-pagination__total\\">共 38 项数据</div><div class=\\"t-select__wrap t-pagination__select\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"5 条/页\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">5 条/页</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div><div disabled=\\"disabled\\" class=\\"t-pagination__btn t-pagination__btn-prev t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></path></svg></div><ul class=\\"t-pagination__pager\\"><li class=\\"t-pagination__number t-is-current\\">1</li><li class=\\"t-pagination__number\\">2</li><li class=\\"t-pagination__number\\">3</li><li class=\\"t-pagination__number\\">4</li><li class=\\"t-pagination__number\\">5</li><li class=\\"t-pagination__number\\">6</li><li class=\\"t-pagination__number\\">7</li><li class=\\"t-pagination__number\\">8</li></ul><div class=\\"t-pagination__btn t-pagination__btn-next\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></div></div></div></div></div></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/table/_example/async-loading.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-block-column-large tdesign-demo__table\\"><div><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'load-more'\\" value=\\"load-more\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">加载更多</span></label><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'loading'\\" value=\\"loading\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">加载中</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'loading-custom'\\" value=\\"loading-custom\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">自定义加载更多</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"''\\" value=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">加载完成</span></label><div class=\\"t-radio-group__bg-block\\" style=\\"width:0px;left:0px;\\"></div></div></div><div class=\\"t-table\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:100px;\\"><col style=\\"width:150px;\\"><col style=\\"width:120px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">申请状态</div></th><th data-colkey=\\"channel\\" class=\\"t-table__th-channel\\"><div class=\\"t-table__th-cell-inner\\">签署方式</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">邮箱地址</div></div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td>贾明</td><td><div class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></div></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></div></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></div></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></div></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></div></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr class=\\"t-table__row--full t-table__last-full-row\\"><td colspan=\\"5\\"><div><div class=\\"t-table__row-full-element\\"><div class=\\"t-table__async-loading t-is-loading\\"><div class=\\"t-loading--center t-size-s t-loading\\"><svg viewBox=\\"0 0 12 12\\" version=\\"1.1\\" width=\\"1em\\" height=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\" size=\\"small\\" class=\\"t-loading__gradient t-icon-loading\\"><foreignObject x=\\"0\\" y=\\"0\\" width=\\"12\\" height=\\"12\\"><div class=\\"t-loading__gradient-conic\\"></div></foreignObject></svg><div class=\\"t-loading__text\\">正在加载中，请稍后</div></div></div></div></div></td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div>"`;
 
@@ -1018,8 +1018,6 @@ exports[`ssr snapshot test > renders ./src/table/_example/multiple-sort.vue corr
 
 exports[`ssr snapshot test > renders ./src/table/_example/pagination.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"true\\" value=\\"true\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">跨分页选中</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">当前页选中</span></label><div class=\\"t-radio-group__bg-block\\" style=\\"width:0px;left:0px;\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-table\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:80px;\\"><col style=\\"width:100px;\\"><col style=\\"width:150px;\\"><col style=\\"width:120px;\\"><col style=\\"min-width:80px;\\"><col style=\\"width:46px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"serial-number\\" class=\\"t-table__th-serial-number\\"><div class=\\"t-table__th-cell-inner\\">序号</div></th><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">申请状态</div></th><th data-colkey=\\"channel\\" class=\\"t-table__th-channel\\"><div class=\\"t-table__th-cell-inner\\">签署方式</div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th><th data-colkey=\\"row-select\\" class=\\"t-table__cell-check t-table__th-row-select\\"><div class=\\"t-table__th-cell-inner\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td>6</td><td>王芳</td><td><div class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></div></td><td>纸质签署</td><td>2022-02-01</td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td></tr><tr><td>7</td><td>贾明</td><td><div class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></div></td><td>电子签署</td><td>2022-03-01</td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td></tr><tr><td>8</td><td>张三</td><td><div class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></div></td><td>纸质签署</td><td>2022-04-01</td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td></tr><tr><td>9</td><td>王芳</td><td><div class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></div></td><td>纸质签署</td><td>2022-01-01</td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td></tr><tr><td>10</td><td>贾明</td><td><div class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></div></td><td>电子签署</td><td>2022-02-01</td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td></tr></tbody><!----></table></div><div class=\\"t-table__pagination-wrap\\" style=\\"opacity:1;\\"><div class=\\"t-table__pagination\\"><div class=\\"t-pagination t-size-m\\"><div class=\\"t-pagination__total\\">共 59 项数据</div><div class=\\"t-select__wrap t-pagination__select\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"5 条/页\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">5 条/页</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div><div class=\\"t-pagination__btn t-pagination__btn-prev\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></path></svg></div><ul class=\\"t-pagination__pager\\"><li class=\\"t-pagination__number\\">1</li><li class=\\"t-pagination__number t-is-current\\">2</li><li class=\\"t-pagination__number\\">3</li><li class=\\"t-pagination__number\\">4</li><li class=\\"t-pagination__number\\">5</li><li class=\\"t-pagination__number t-pagination__number--more\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z\\"></path></svg></li><li class=\\"t-pagination__number\\">12</li></ul><div class=\\"t-pagination__btn t-pagination__btn-next\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></div><div class=\\"t-pagination__jump\\">跳至<div class=\\"t-input-adornment\\"><div class=\\"t-input-number t-size-m t-input-number--normal t-pagination__input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"off\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"off\\" value=\\"2\\" class=\\"t-input__inner\\"></div></div></div><span class=\\"t-input-adornment__append\\"><span class=\\"t-input-adornment__text\\">/ 12 页</span></span></div></div></div></div></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/table/_example/pagination-ajax.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-table t-table--bordered t-table--striped\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:46px;\\"><col style=\\"width:200px;\\"><col style=\\"width:150px;\\"><col style=\\"width:200px;\\"><col style=\\"width:180px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"row-select\\" class=\\"t-table__cell-check t-table__th-row-select\\"><div class=\\"t-table__th-cell-inner\\"><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></div></th><th data-colkey=\\"name\\" class=\\"t-table__th-name\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">申请状态</div></th><th data-colkey=\\"phone\\" class=\\"t-table__th-phone\\"><div class=\\"t-table__th-cell-inner\\">联系方式</div></th><th data-colkey=\\"email\\" class=\\"t-table__th-email\\"><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\\"><tr class=\\"t-table__empty-row\\"><td colspan=\\"5\\"><div class=\\"t-table__empty\\"></div></td></tr></tbody><!----></table></div><!----><div class=\\"t-table__pagination-wrap\\" style=\\"opacity:1;\\"><div class=\\"t-table__pagination\\"><div class=\\"t-pagination t-size-m\\"><div class=\\"t-pagination__total\\">共 0 项数据</div><div class=\\"t-select__wrap t-pagination__select\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"10 条/页\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">10 条/页</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div><div disabled=\\"disabled\\" class=\\"t-pagination__btn t-pagination__btn-prev t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></path></svg></div><ul class=\\"t-pagination__pager\\"><li class=\\"t-pagination__number t-is-current\\">1</li></ul><div disabled=\\"disabled\\" class=\\"t-pagination__btn t-pagination__btn-next t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></div><div class=\\"t-pagination__jump\\">跳至<div class=\\"t-input-adornment\\"><div class=\\"t-input-number t-size-m t-input-number--normal t-pagination__input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"off\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"off\\" value=\\"1\\" class=\\"t-input__inner\\"></div></div></div><span class=\\"t-input-adornment__append\\"><span class=\\"t-input-adornment__text\\">/ 1 页</span></span></div></div></div></div></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div>"`;
-
 exports[`ssr snapshot test > renders ./src/table/_example/select-multiple.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" data-v-1119a7d2><div class=\\"t-table\\" style=\\"position:relative;\\" data-v-1119a7d2><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:50px;\\"><col style=\\"width:100px;\\"><col style=\\"width:150px;\\"><col style=\\"width:120px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"row-select\\" class=\\"t-table__cell-check t-table__th-row-select\\"><div class=\\"t-table__th-cell-inner\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-is-indeterminate\\"><input type=\\"checkbox\\" indeterminate=\\"indeterminate\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></div></th><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">申请状态</div></th><th data-colkey=\\"channel\\" class=\\"t-table__th-channel\\"><div class=\\"t-table__th-cell-inner\\">签署方式</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">邮箱地址</div></div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr class=\\"t-table__row--selected\\"><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>贾明</td><td><div class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></div></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td class=\\"t-table__cell-check\\"><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>张三</td><td><div class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></div></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>王芳</td><td><div class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></div></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td class=\\"t-table__cell-check\\"><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>贾明</td><td><div class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></div></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>张三</td><td><div class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></div></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/table/_example/select-single.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo__table\\" data-v-2dd73e0f><div class=\\"t-table\\" style=\\"position:relative;\\" data-v-2dd73e0f><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:50px;\\"><col style=\\"width:100px;\\"><col style=\\"width:150px;\\"><col style=\\"width:120px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"row-select\\" class=\\"t-table__cell-check t-table__th-row-select\\"><div class=\\"t-table__th-cell-inner\\"></div></th><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">申请状态</div></th><th data-colkey=\\"channel\\" class=\\"t-table__th-channel\\"><div class=\\"t-table__th-cell-inner\\">签署方式</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">邮箱地址</div></div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-allow-uncheck=\\"true\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\"></span></label></td><td>贾明</td><td><div class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></div></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr class=\\"t-table__row--disabled\\"><td class=\\"t-table__cell-check\\"><label class=\\"t-radio t-is-disabled\\"><input type=\\"radio\\" disabled=\\"disabled\\" tabindex=\\"-1\\" data-allow-uncheck=\\"true\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\"></span></label></td><td>张三</td><td><div class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></div></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-allow-uncheck=\\"true\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\"></span></label></td><td>王芳</td><td><div class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></div></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr class=\\"t-table__row--disabled\\"><td class=\\"t-table__cell-check\\"><label class=\\"t-radio t-is-disabled\\"><input type=\\"radio\\" disabled=\\"disabled\\" tabindex=\\"-1\\" data-allow-uncheck=\\"true\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\"></span></label></td><td>贾明</td><td><div class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></div></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-allow-uncheck=\\"true\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\"></span></label></td><td>张三</td><td><div class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></div></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div>"`;