Repository: Tencent/tdesign-mobile-vue
Pull request #1046 (2023-08-21 07:40:12)

feat(Table): support cell attr
<!--
首先，感谢你的贡献！😄
请阅读并遵循 [TDesign 贡献指南](https://github.com/Tencent/tdesign/blob/main/docs/contributing.md)，填写以下 pull request 的信息。
PR 在维护者审核通过后会合并，谢谢！
-->

### 🤔 这个 PR 的性质是？

- [ ] 日常 bug 修复
- [x] 新特性提交
- [ ] 文档改进
- [ ] 演示代码改进
- [ ] 组件样式/交互改进
- [ ] CI/CD 改进
- [ ] 重构
- [ ] 代码风格优化
- [ ] 测试用例
- [ ] 分支合并
- [ ] 其他

### 🔗 相关 Issue

<!--
1. 描述相关需求的来源，如相关的 issue 讨论链接。
-->

### 💡 需求背景和解决方案

<!--
1. 要解决的具体问题。
2. 列出最终的 API 实现和用法。
3. 涉及UI/交互变动需要有截图或 GIF。
-->

### 📝 更新日志

<!--
从用户角度描述具体变化，以及可能的 breaking change 和其他风险。
-->

- feat(Table): 支持 `cell` 属性，用于自定义单元格

- [ ] 本条 PR 不需要纳入 Changelog

### ☑️ 请求合并前的自查清单

⚠️ 请自检并全部**勾选全部选项**。⚠️

- [ ] 文档已补充或无须补充
- [ ] 代码演示已提供或无须提供
- [ ] TypeScript 定义已补充或无须补充
- [ ] Changelog 已提供或无须提供


github-actions[bot]: **Size Change:** +330 B (0%) 

**Total Size:** 503 kB

| Filename | Size | Change |
| :--- | :---: | :---: |
| `./dist/tdesign.js` | 294 kB | +201 B (0%) |
| `./dist/tdesign.min.js` | 144 kB | +129 B (0%) |

<details><summary>ℹ️ <strong>View Unchanged</strong></summary>

| Filename | Size |
| :--- | :---: |
| `./dist/reset.css` | 672 B |
| `./dist/tdesign.css` | 37.6 kB |
| `./dist/tdesign.min.css` | 27.2 kB |

</details>


github-actions[bot]: [<img height="96" alt="失败" src="https://user-images.githubusercontent.com/5378891/75333447-1e63a280-58c1-11ea-975d-235367fd1522.png">](https://github.com/Tencent/tdesign-mobile-vue/actions/runs/5923480024)
<!-- AUTO_PREVIEW_HOOK -->
github-actions[bot]: **Size Change:** +330 B (0%) 

**Total Size:** 503 kB

| Filename | Size | Change |
| :--- | :---: | :---: |
| `./dist/tdesign.js` | 294 kB | +201 B (0%) |
| `./dist/tdesign.min.js` | 144 kB | +129 B (0%) |

<details><summary>ℹ️ <strong>View Unchanged</strong></summary>

| Filename | Size |
| :--- | :---: |
| `./dist/reset.css` | 672 B |
| `./dist/tdesign.css` | 37.6 kB |
| `./dist/tdesign.min.css` | 27.2 kB |

</details>



Patch:
diff --git a/.husky/pre-commit b/.husky/pre-commit
index 36af2198..6cb41567 100755
--- a/.husky/pre-commit
+++ b/.husky/pre-commit
@@ -1,4 +1,4 @@
 #!/bin/sh
 . "$(dirname "$0")/_/husky.sh"
 
-npx lint-staged
+npx lint-staged && log_emails=$(git config user.email) && if [[ ${log_emails} =~ '@tencent.com' ]];then echo 本地提交邮箱 $log_emails 校验非法，需要本地更改重新提交 && exit 2;else echo 邮箱 $log_emails 校验通过;fi
diff --git a/src/radio/radio-group.vue b/src/radio/radio-group.vue
index e0af83b4..78ae4b9e 100644
--- a/src/radio/radio-group.vue
+++ b/src/radio/radio-group.vue
@@ -10,6 +10,7 @@
         :disabled="'disabled' in opt ? opt.disabled : disabled"
         :value="opt[keys?.value ?? 'value']"
         :label="opt[keys?.label ?? 'label']"
+        :placement="placement"
       ></radio>
     </template>
     <slot v-if="!options"></slot>
diff --git a/src/table/base-table.vue b/src/table/base-table.vue
index 25639b6c..caa2f850 100644
--- a/src/table/base-table.vue
+++ b/src/table/base-table.vue
@@ -63,13 +63,13 @@
               ]"
               @click="handleCellClick(tr_item, td_item, tr_index, td_index, $event)"
             >
-              <div
-                v-if="![undefined, '', null].includes(get(tr_item, td_item.colKey || ''))"
-                :class="td_item.ellipsis && ellipsisClasses"
-              >
-                {{ get(tr_item, td_item.colKey || '') }}
+              <div :class="td_item.ellipsis && ellipsisClasses">
+                <t-node
+                  :content="
+                    renderCell({ row: tr_item, col: td_item, rowIndex: tr_index, colIndex: td_index }, cellEmptyContent)
+                  "
+                ></t-node>
               </div>
-              <t-node v-else :content="renderCellEmptyContent"></t-node>
             </td>
           </tr>
         </tbody>
@@ -82,14 +82,16 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, computed, toRefs, getCurrentInstance, h } from 'vue';
+import { defineComponent, computed, toRefs, getCurrentInstance, h, SetupContext } from 'vue';
 import get from 'lodash/get';
-import TdBaseTableProps from './base-table-props';
+import isFunction from 'lodash/isFunction';
+import isString from 'lodash/isString';
+import baseTableProps from './base-table-props';
 import config from '../config';
 import useClassName from './hooks/useClassName';
 import useStyle, { formatCSSUnit } from './hooks/useStyle';
 import { renderTNode, TNode } from '../shared';
-import { TableRowData } from './type';
+import { BaseTableCellParams, TableRowData, TdBaseTableProps } from './type';
 import TLoading from '../loading';
 import { TdLoadingProps } from '../loading/type';
 
@@ -99,9 +101,9 @@ const name = `${prefix}-base-table`;
 export default defineComponent({
   name,
   components: { TNode },
-  props: TdBaseTableProps,
+  props: baseTableProps,
   emits: ['cell-click', 'row-click', 'scroll'],
-  setup(props) {
+  setup(props, context) {
     const { classPrefix, tableLayoutClasses, tableHeaderClasses, tableBaseClass, tdAlignClasses, tdEllipsisClass } =
       useClassName();
     const defaultLoadingContent = h(TLoading, { ...(props.loadingProps as TdLoadingProps) });
@@ -139,6 +141,35 @@ export default defineComponent({
     const internalInstance = getCurrentInstance();
     const renderContentEmpty = computed(() => renderTNode(internalInstance, 'empty'));
     const renderCellEmptyContent = computed(() => renderTNode(internalInstance, 'cellEmptyContent'));
+
+    const renderCell = (
+      params: BaseTableCellParams<TableRowData>,
+      cellEmptyContent?: TdBaseTableProps['cellEmptyContent'],
+    ) => {
+      const { col, row } = params;
+      if (isFunction(col.cell)) {
+        return col.cell(h, params);
+      }
+      if (context.slots[col.colKey]) {
+        return context.slots[col.colKey](params);
+      }
+
+      if (isString(col.cell) && context.slots?.[col.cell]) {
+        return context.slots[col.cell](params);
+      }
+      const r = get(row, col.colKey);
+      // 0 和 false 属于正常可用值，不能使用兜底逻辑 cellEmptyContent
+      if (![undefined, '', null].includes(r)) return r;
+
+      // cellEmptyContent 作为空数据兜底显示，用户可自定义
+      if (cellEmptyContent) {
+        return isFunction(cellEmptyContent) ? cellEmptyContent(h, params) : cellEmptyContent;
+      }
+      if (context.slots.cellEmptyContent) return context.slots.cellEmptyContent(params);
+      if (context.slots['cell-empty-content']) return context.slots['cell-empty-content'](params);
+      return r;
+    };
+
     const loadingClasses = computed(() => [`${classPrefix}-table__loading--full`]);
     const loadingContent = computed(() =>
       renderTNode(internalInstance, 'loading', { defaultNode: defaultLoadingContent }),
@@ -171,6 +202,7 @@ export default defineComponent({
       get,
       handleCellClick,
       handleRowClick,
+      renderCell,
     };
   },
 });
diff --git a/src/table/demos/base.vue b/src/table/demos/base.vue
index fdd842fc..04421f91 100644
--- a/src/table/demos/base.vue
+++ b/src/table/demos/base.vue
@@ -9,7 +9,17 @@
       @row-click="handleRowClick"
       @cell-click="handleCellClick"
       @scroll="handleScroll"
-    ></t-table>
+    >
+      <!-- 插槽方式 自定义单元格：cell 的值为插槽名称，参数有：{col, colIndex, row, rowIndex}  -->
+      <template #type-slot-name="{ col, row }">
+        {{ row[col.colKey] }}
+      </template>
+
+      <!-- 插槽方式 自定义单元格， colKey 的值默认为插槽名称  -->
+      <template #status="{ col, row }">
+        {{ row[col.colKey] }}
+      </template>
+    </t-table>
   </div>
 </template>
 
@@ -30,19 +40,28 @@ for (let i = 0; i < total; i++) {
   });
 }
 
-const stripe = ref(true);
-const bordered = ref(true);
 const showHeader = ref(true);
 
 const columns = ref([
-  { colKey: 'applicant', title: '标题', ellipsis: true },
+  { colKey: 'applicant', title: '标题', ellipsis: true, cell: 'type-slot-name' },
   {
     colKey: 'status',
     title: '标题',
     ellipsis: true,
   },
-  { colKey: 'channel', title: '标题', ellipsis: true },
-  { colKey: 'detail.email', title: '标题', ellipsis: true },
+  {
+    colKey: 'channel',
+    title: '标题',
+    // @ts-ignore
+    cell: (h, { col, row }) => row[col.colKey],
+    ellipsis: true,
+  },
+  {
+    colKey: 'detail.email',
+    title: '标题',
+    cell: () => '内容',
+    ellipsis: true,
+  },
 ]);
 
 const handleRowClick = (e: any) => {
diff --git a/src/table/table.md b/src/table/table.md
index 504e0ede..257f9104 100644
--- a/src/table/table.md
+++ b/src/table/table.md
@@ -40,7 +40,7 @@ scroll | `(params: { e: WheelEvent })` | 表格内容滚动时触发
 名称 | 类型 | 默认值 | 说明 | 必传
 -- | -- | -- | -- | --
 align | String | left | 列横向对齐方式。可选项：left/right/center | N
-cell | String / Function | - | 【开发中】自定义单元格渲染。值类型为 Function 表示以函数形式渲染单元格。值类型为 string 表示使用插槽渲染，插槽名称为 cell 的值。默认使用 colKey 作为插槽名称。优先级高于 render。泛型 T 指表格数据类型。TS 类型：`string \| TNode<BaseTableCellParams<T>>` `interface BaseTableCellParams<T> { row: T; rowIndex: number; col: BaseTableCol<T>; colIndex: number }`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts)。[详细类型定义](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/table/type.ts) | N
+cell | String / Function | - | 自定义单元格渲染。值类型为 Function 表示以函数形式渲染单元格。值类型为 string 表示使用插槽渲染，插槽名称为 cell 的值。默认使用 colKey 作为插槽名称。优先级高于 render。泛型 T 指表格数据类型。TS 类型：`string \| TNode<BaseTableCellParams<T>>` `interface BaseTableCellParams<T> { row: T; rowIndex: number; col: BaseTableCol<T>; colIndex: number }`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts)。[详细类型定义](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/table/type.ts) | N
 colKey | String | - | 渲染列所需字段，值为 `serial-number` 表示当前列为「序号」列 | N
 ellipsis | Boolean / Object / Slot / Function | false | 单元格和表头内容超出时，是否显示省略号。如果仅希望单元格超出省略，可设置 `ellipsisTitle = false`。<br/> 值为 `true`，则超出省略浮层默认显示单元格内容；<br/>值类型为 `Function` 则自定义超出省略浮中层显示的内容；<br/>值类型为 `Object`，则自动透传属性到 Tooltip 组件，可用于调整浮层背景色和方向等特性。<br/> 同时透传 Tooltip 属性和自定义浮层内容，请使用 `{ props: { theme: 'light' }, content: () => 'something' }`。TS 类型：`boolean \| TNode<BaseTableCellParams<T>> \| TooltipProps \| { props: TooltipProps; content: TNode<BaseTableCellParams<T>> }`，[Tooltip API Documents](./tooltip?tab=api)。[通用类型定义](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts)。[详细类型定义](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/table/type.ts) | N
 ellipsisTitle | Boolean / Object / Slot / Function | undefined | 表头内容超出时，是否显示省略号。优先级高于 `ellipsis`。<br/>值为 `true`，则超出省略的浮层默认显示表头全部内容；<br/>值类型为 `Function` 用于自定义超出省略浮层显示的表头内容；<br/>值类型为 `Object`，则自动透传属性到 Tooltip 组件，则自动透传属性到 Tooltip 组件，可用于调整浮层背景色和方向等特性。<br/> 同时透传 Tooltip 属性和自定义浮层内容，请使用 `{ props: { theme: 'light' }, content: () => 'something' }`。TS 类型：`boolean \| TNode<BaseTableColParams<T>> \| TooltipProps \| { props: TooltipProps; content: TNode<BaseTableColParams<T>> }` `interface BaseTableColParams<T> { col: BaseTableCol<T>; colIndex: number }`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts)。[详细类型定义](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/table/type.ts) | N


Test patch:
diff --git a/src/badge/__test__/__snapshots__/demo.test.jsx.snap b/src/badge/__test__/__snapshots__/demo.test.jsx.snap
index c720d726..b5ede3f6 100644
--- a/src/badge/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/badge/__test__/__snapshots__/demo.test.jsx.snap
@@ -644,7 +644,7 @@ exports[`Badge > Badge mobileVue demo works fine 1`] = `
                   width="1em"
                 >
                   <path
-                    d="M7.5 5.5a4.5 4.5 0 019 0V7H21v16H3V7h4.5V5.5zm0 3.5H5v12h14V9h-2.5v3h-2V9h-5v3h-2V9zm7-2h-5V5.5a2.5 2.5 0 015 0V7z"
+                    d="M7.5 5.5a4.5 4.5 0 019 0V7H21v16H3V7h4.5V5.5zm0 3.5H5v12h14V9h-2.5v3h-2V9h-5v3h-2V9zm7-2V5.5a2.5 2.5 0 00-5 0V7h5z"
                     fill="currentColor"
                   />
                 </svg>
@@ -1084,7 +1084,7 @@ exports[`Badge > Badge themeVue demo works fine 1`] = `
             width="1em"
           >
             <path
-              d="M7.5 5.5a4.5 4.5 0 019 0V7H21v16H3V7h4.5V5.5zm0 3.5H5v12h14V9h-2.5v3h-2V9h-5v3h-2V9zm7-2h-5V5.5a2.5 2.5 0 015 0V7z"
+              d="M7.5 5.5a4.5 4.5 0 019 0V7H21v16H3V7h4.5V5.5zm0 3.5H5v12h14V9h-2.5v3h-2V9h-5v3h-2V9zm7-2V5.5a2.5 2.5 0 00-5 0V7h5z"
               fill="currentColor"
             />
           </svg>
diff --git a/src/cascader/__test__/__snapshots__/demo.test.jsx.snap b/src/cascader/__test__/__snapshots__/demo.test.jsx.snap
index 7ecad1e8..749c8eb3 100644
--- a/src/cascader/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/cascader/__test__/__snapshots__/demo.test.jsx.snap
@@ -145,7 +145,7 @@ exports[`Cascader > Cascader baseVue demo works fine 1`] = `
                 >
                   
                   <div
-                    class="t-radio t-radio--left t-radio--block"
+                    class="t-radio t-radio--right t-radio--block"
                   >
                     <input
                       class="t-radio__original"
@@ -154,7 +154,7 @@ exports[`Cascader > Cascader baseVue demo works fine 1`] = `
                       value="110000"
                     />
                     <div
-                      class="t-radio__icon t-radio__icon--left"
+                      class="t-radio__icon t-radio__icon--right"
                     >
                       <!--v-if-->
                       <!--v-if-->
@@ -179,7 +179,7 @@ exports[`Cascader > Cascader baseVue demo works fine 1`] = `
                     <!--v-if-->
                   </div>
                   <div
-                    class="t-radio t-radio--left t-radio--block"
+                    class="t-radio t-radio--right t-radio--block"
                   >
                     <input
                       class="t-radio__original"
@@ -188,7 +188,7 @@ exports[`Cascader > Cascader baseVue demo works fine 1`] = `
                       value="120000"
                     />
                     <div
-                      class="t-radio__icon t-radio__icon--left"
+                      class="t-radio__icon t-radio__icon--right"
                     >
                       <!--v-if-->
                       <!--v-if-->
@@ -373,7 +373,7 @@ exports[`Cascader > Cascader keysVue demo works fine 1`] = `
                 >
                   
                   <div
-                    class="t-radio t-radio--left t-radio--block"
+                    class="t-radio t-radio--right t-radio--block"
                   >
                     <input
                       class="t-radio__original"
@@ -382,7 +382,7 @@ exports[`Cascader > Cascader keysVue demo works fine 1`] = `
                       value="110000"
                     />
                     <div
-                      class="t-radio__icon t-radio__icon--left"
+                      class="t-radio__icon t-radio__icon--right"
                     >
                       <!--v-if-->
                       <!--v-if-->
@@ -407,7 +407,7 @@ exports[`Cascader > Cascader keysVue demo works fine 1`] = `
                     <!--v-if-->
                   </div>
                   <div
-                    class="t-radio t-radio--left t-radio--block"
+                    class="t-radio t-radio--right t-radio--block"
                   >
                     <input
                       class="t-radio__original"
@@ -416,7 +416,7 @@ exports[`Cascader > Cascader keysVue demo works fine 1`] = `
                       value="120000"
                     />
                     <div
-                      class="t-radio__icon t-radio__icon--left"
+                      class="t-radio__icon t-radio__icon--right"
                     >
                       <!--v-if-->
                       <!--v-if-->
@@ -601,7 +601,7 @@ exports[`Cascader > Cascader lazyVue demo works fine 1`] = `
                 >
                   
                   <div
-                    class="t-radio t-radio--left t-radio--block"
+                    class="t-radio t-radio--right t-radio--block"
                   >
                     <input
                       class="t-radio__original"
@@ -610,7 +610,7 @@ exports[`Cascader > Cascader lazyVue demo works fine 1`] = `
                       value="440300"
                     />
                     <div
-                      class="t-radio__icon t-radio__icon--left"
+                      class="t-radio__icon t-radio__icon--right"
                     >
                       <!--v-if-->
                       <!--v-if-->
@@ -826,7 +826,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
                     >
                       
                       <div
-                        class="t-radio t-radio--left t-radio--block"
+                        class="t-radio t-radio--right t-radio--block"
                       >
                         <input
                           class="t-radio__original"
@@ -835,7 +835,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
                           value="110000"
                         />
                         <div
-                          class="t-radio__icon t-radio__icon--left"
+                          class="t-radio__icon t-radio__icon--right"
                         >
                           <!--v-if-->
                           <!--v-if-->
@@ -860,7 +860,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
                         <!--v-if-->
                       </div>
                       <div
-                        class="t-radio t-radio--left t-radio--block"
+                        class="t-radio t-radio--right t-radio--block"
                       >
                         <input
                           class="t-radio__original"
@@ -869,7 +869,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
                           value="120000"
                         />
                         <div
-                          class="t-radio__icon t-radio__icon--left"
+                          class="t-radio__icon t-radio__icon--right"
                         >
                           <!--v-if-->
                           <!--v-if-->
@@ -1038,7 +1038,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
                     >
                       
                       <div
-                        class="t-radio t-radio--left t-radio--block"
+                        class="t-radio t-radio--right t-radio--block"
                       >
                         <input
                           class="t-radio__original"
@@ -1047,7 +1047,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
                           value="110000"
                         />
                         <div
-                          class="t-radio__icon t-radio__icon--left"
+                          class="t-radio__icon t-radio__icon--right"
                         >
                           <!--v-if-->
                           <!--v-if-->
@@ -1072,7 +1072,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
                         <!--v-if-->
                       </div>
                       <div
-                        class="t-radio t-radio--left t-radio--block"
+                        class="t-radio t-radio--right t-radio--block"
                       >
                         <input
                           class="t-radio__original"
@@ -1081,7 +1081,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
                           value="120000"
                         />
                         <div
-                          class="t-radio__icon t-radio__icon--left"
+                          class="t-radio__icon t-radio__icon--right"
                         >
                           <!--v-if-->
                           <!--v-if-->
@@ -1283,7 +1283,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
                     >
                       
                       <div
-                        class="t-radio t-radio--left t-radio--block"
+                        class="t-radio t-radio--right t-radio--block"
                       >
                         <input
                           class="t-radio__original"
@@ -1292,7 +1292,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
                           value="110000"
                         />
                         <div
-                          class="t-radio__icon t-radio__icon--left"
+                          class="t-radio__icon t-radio__icon--right"
                         >
                           <!--v-if-->
                           <!--v-if-->
@@ -1317,7 +1317,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
                         <!--v-if-->
                       </div>
                       <div
-                        class="t-radio t-radio--left t-radio--block"
+                        class="t-radio t-radio--right t-radio--block"
                       >
                         <input
                           class="t-radio__original"
@@ -1326,7 +1326,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
                           value="120000"
                         />
                         <div
-                          class="t-radio__icon t-radio__icon--left"
+                          class="t-radio__icon t-radio__icon--right"
                         >
                           <!--v-if-->
                           <!--v-if-->
@@ -1524,7 +1524,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
                     >
                       
                       <div
-                        class="t-radio t-radio--left t-radio--block"
+                        class="t-radio t-radio--right t-radio--block"
                       >
                         <input
                           class="t-radio__original"
@@ -1533,7 +1533,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
                           value="110000"
                         />
                         <div
-                          class="t-radio__icon t-radio__icon--left"
+                          class="t-radio__icon t-radio__icon--right"
                         >
                           <!--v-if-->
                           <!--v-if-->
@@ -1558,7 +1558,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
                         <!--v-if-->
                       </div>
                       <div
-                        class="t-radio t-radio--left t-radio--block"
+                        class="t-radio t-radio--right t-radio--block"
                       >
                         <input
                           class="t-radio__original"
@@ -1567,7 +1567,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
                           value="120000"
                         />
                         <div
-                          class="t-radio__icon t-radio__icon--left"
+                          class="t-radio__icon t-radio__icon--right"
                         >
                           <!--v-if-->
                           <!--v-if-->
@@ -1769,7 +1769,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
                     >
                       
                       <div
-                        class="t-radio t-radio--left t-radio--block"
+                        class="t-radio t-radio--right t-radio--block"
                       >
                         <input
                           class="t-radio__original"
@@ -1778,7 +1778,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
                           value="110000"
                         />
                         <div
-                          class="t-radio__icon t-radio__icon--left"
+                          class="t-radio__icon t-radio__icon--right"
                         >
                           <!--v-if-->
                           <!--v-if-->
@@ -1803,7 +1803,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
                         <!--v-if-->
                       </div>
                       <div
-                        class="t-radio t-radio--left t-radio--block"
+                        class="t-radio t-radio--right t-radio--block"
                       >
                         <input
                           class="t-radio__original"
@@ -1812,7 +1812,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
                           value="120000"
                         />
                         <div
-                          class="t-radio__icon t-radio__icon--left"
+                          class="t-radio__icon t-radio__icon--right"
                         >
                           <!--v-if-->
                           <!--v-if-->
@@ -2010,7 +2010,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
                     >
                       
                       <div
-                        class="t-radio t-radio--left t-radio--block"
+                        class="t-radio t-radio--right t-radio--block"
                       >
                         <input
                           class="t-radio__original"
@@ -2019,7 +2019,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
                           value="440300"
                         />
                         <div
-                          class="t-radio__icon t-radio__icon--left"
+                          class="t-radio__icon t-radio__icon--right"
                         >
                           <!--v-if-->
                           <!--v-if-->
@@ -2178,7 +2178,7 @@ exports[`Cascader > Cascader themeTabVue demo works fine 1`] = `
                 >
                   
                   <div
-                    class="t-radio t-radio--left t-radio--block"
+                    class="t-radio t-radio--right t-radio--block"
                   >
                     <input
                       class="t-radio__original"
@@ -2187,7 +2187,7 @@ exports[`Cascader > Cascader themeTabVue demo works fine 1`] = `
                       value="110000"
                     />
                     <div
-                      class="t-radio__icon t-radio__icon--left"
+                      class="t-radio__icon t-radio__icon--right"
                     >
                       <!--v-if-->
                       <!--v-if-->
@@ -2212,7 +2212,7 @@ exports[`Cascader > Cascader themeTabVue demo works fine 1`] = `
                     <!--v-if-->
                   </div>
                   <div
-                    class="t-radio t-radio--left t-radio--block"
+                    class="t-radio t-radio--right t-radio--block"
                   >
                     <input
                       class="t-radio__original"
@@ -2221,7 +2221,7 @@ exports[`Cascader > Cascader themeTabVue demo works fine 1`] = `
                       value="120000"
                     />
                     <div
-                      class="t-radio__icon t-radio__icon--left"
+                      class="t-radio__icon t-radio__icon--right"
                     >
                       <!--v-if-->
                       <!--v-if-->
@@ -2410,7 +2410,7 @@ exports[`Cascader > Cascader withTitleVue demo works fine 1`] = `
                 >
                   
                   <div
-                    class="t-radio t-radio--left t-radio--block"
+                    class="t-radio t-radio--right t-radio--block"
                   >
                     <input
                       class="t-radio__original"
@@ -2419,7 +2419,7 @@ exports[`Cascader > Cascader withTitleVue demo works fine 1`] = `
                       value="110000"
                     />
                     <div
-                      class="t-radio__icon t-radio__icon--left"
+                      class="t-radio__icon t-radio__icon--right"
                     >
                       <!--v-if-->
                       <!--v-if-->
@@ -2444,7 +2444,7 @@ exports[`Cascader > Cascader withTitleVue demo works fine 1`] = `
                     <!--v-if-->
                   </div>
                   <div
-                    class="t-radio t-radio--left t-radio--block"
+                    class="t-radio t-radio--right t-radio--block"
                   >
                     <input
                       class="t-radio__original"
@@ -2453,7 +2453,7 @@ exports[`Cascader > Cascader withTitleVue demo works fine 1`] = `
                       value="120000"
                     />
                     <div
-                      class="t-radio__icon t-radio__icon--left"
+                      class="t-radio__icon t-radio__icon--right"
                     >
                       <!--v-if-->
                       <!--v-if-->
@@ -2638,7 +2638,7 @@ exports[`Cascader > Cascader withValueVue demo works fine 1`] = `
                 >
                   
                   <div
-                    class="t-radio t-radio--left t-radio--block"
+                    class="t-radio t-radio--right t-radio--block"
                   >
                     <input
                       class="t-radio__original"
@@ -2647,7 +2647,7 @@ exports[`Cascader > Cascader withValueVue demo works fine 1`] = `
                       value="110000"
                     />
                     <div
-                      class="t-radio__icon t-radio__icon--left"
+                      class="t-radio__icon t-radio__icon--right"
                     >
                       <!--v-if-->
                       <!--v-if-->
@@ -2672,7 +2672,7 @@ exports[`Cascader > Cascader withValueVue demo works fine 1`] = `
                     <!--v-if-->
                   </div>
                   <div
-                    class="t-radio t-radio--left t-radio--block"
+                    class="t-radio t-radio--right t-radio--block"
                   >
                     <input
                       class="t-radio__original"
@@ -2681,7 +2681,7 @@ exports[`Cascader > Cascader withValueVue demo works fine 1`] = `
                       value="120000"
                     />
                     <div
-                      class="t-radio__icon t-radio__icon--left"
+                      class="t-radio__icon t-radio__icon--right"
                     >
                       <!--v-if-->
                       <!--v-if-->
diff --git a/src/cascader/__test__/__snapshots__/index.test.jsx.snap b/src/cascader/__test__/__snapshots__/index.test.jsx.snap
index 9b5e65d4..79bdeafc 100644
--- a/src/cascader/__test__/__snapshots__/index.test.jsx.snap
+++ b/src/cascader/__test__/__snapshots__/index.test.jsx.snap
@@ -97,7 +97,7 @@ exports[`cascader > events > : pick 1`] = `
               >
                 
                 <div
-                  class="t-radio t-radio--left t-radio--block"
+                  class="t-radio t-radio--right t-radio--block"
                 >
                   <input
                     class="t-radio__original"
@@ -106,7 +106,7 @@ exports[`cascader > events > : pick 1`] = `
                     value="110000"
                   />
                   <div
-                    class="t-radio__icon t-radio__icon--left"
+                    class="t-radio__icon t-radio__icon--right"
                   >
                     <!--v-if-->
                     <!--v-if-->
@@ -131,7 +131,7 @@ exports[`cascader > events > : pick 1`] = `
                   <!--v-if-->
                 </div>
                 <div
-                  class="t-radio t-radio--left t-radio--block"
+                  class="t-radio t-radio--right t-radio--block"
                 >
                   <input
                     class="t-radio__original"
@@ -140,7 +140,7 @@ exports[`cascader > events > : pick 1`] = `
                     value="120000"
                   />
                   <div
-                    class="t-radio__icon t-radio__icon--left"
+                    class="t-radio__icon t-radio__icon--right"
                   >
                     <!--v-if-->
                     <!--v-if-->
diff --git a/src/cell/__test__/__snapshots__/demo.test.jsx.snap b/src/cell/__test__/__snapshots__/demo.test.jsx.snap
index 2c4736d0..04cf8beb 100644
--- a/src/cell/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/cell/__test__/__snapshots__/demo.test.jsx.snap
@@ -133,10 +133,8 @@ exports[`Cell > Cell groupVue demo works fine 1`] = `
             width="1em"
           >
             <path
-              clip-rule="evenodd"
-              d="M3.05 11h3.98a16.9 16.9 0 012.3-7.6A9 9 0 003.05 11zM11 1.05a11 11 0 000 21.9l.01.01.43.03a12.48 12.48 0 001.14 0l.43-.03a11 11 0 000-21.91v-.01L12.57 1a11.16 11.16 0 00-1.14 0l-.43.03zM12 3c1.7 2.26 2.77 5 2.97 8H9.03c.2-3 1.27-5.74 2.97-8zM7.03 13H3.05a9 9 0 006.28 7.6 16.9 16.9 0 01-2.3-7.6zM12 21c-1.7-2.26-2.77-5-2.97-8h5.94c-.2 3-1.27 5.74-2.97 8zm2.67-.4a9 9 0 006.28-7.6h-3.98a16.9 16.9 0 01-2.3 7.6zm2.3-9.6a16.9 16.9 0 00-2.3-7.6 9 9 0 016.28 7.6h-3.98z"
+              d="M3.05 11a9 9 0 016.28-7.6 16.9 16.9 0 00-2.3 7.6H3.05zM11 1.05a11 11 0 000 21.9l.01.01.43.03a12.48 12.48 0 001.14 0l.43-.03a11 11 0 000-21.91v-.01L12.57 1a11.16 11.16 0 00-1.14 0l-.43.03zM12 3c1.7 2.26 2.77 5 2.97 8H9.03c.2-3 1.27-5.74 2.97-8zM7.03 13a16.9 16.9 0 002.3 7.6A9 9 0 013.05 13h3.98zM12 21c-1.7-2.26-2.77-5-2.97-8h5.94c-.2 3-1.27 5.74-2.97 8zm2.67-.4a16.9 16.9 0 002.3-7.6h3.98a9 9 0 01-6.28 7.6zm2.3-9.6a16.9 16.9 0 00-2.3-7.6 9 9 0 016.28 7.6h-3.98z"
               fill="currentColor"
-              fill-rule="evenodd"
             />
           </svg>
         </div>
@@ -1167,10 +1165,8 @@ exports[`Cell > Cell mobileVue demo works fine 1`] = `
                 width="1em"
               >
                 <path
-                  clip-rule="evenodd"
-                  d="M3.05 11h3.98a16.9 16.9 0 012.3-7.6A9 9 0 003.05 11zM11 1.05a11 11 0 000 21.9l.01.01.43.03a12.48 12.48 0 001.14 0l.43-.03a11 11 0 000-21.91v-.01L12.57 1a11.16 11.16 0 00-1.14 0l-.43.03zM12 3c1.7 2.26 2.77 5 2.97 8H9.03c.2-3 1.27-5.74 2.97-8zM7.03 13H3.05a9 9 0 006.28 7.6 16.9 16.9 0 01-2.3-7.6zM12 21c-1.7-2.26-2.77-5-2.97-8h5.94c-.2 3-1.27 5.74-2.97 8zm2.67-.4a9 9 0 006.28-7.6h-3.98a16.9 16.9 0 01-2.3 7.6zm2.3-9.6a16.9 16.9 0 00-2.3-7.6 9 9 0 016.28 7.6h-3.98z"
+                  d="M3.05 11a9 9 0 016.28-7.6 16.9 16.9 0 00-2.3 7.6H3.05zM11 1.05a11 11 0 000 21.9l.01.01.43.03a12.48 12.48 0 001.14 0l.43-.03a11 11 0 000-21.91v-.01L12.57 1a11.16 11.16 0 00-1.14 0l-.43.03zM12 3c1.7 2.26 2.77 5 2.97 8H9.03c.2-3 1.27-5.74 2.97-8zM7.03 13a16.9 16.9 0 002.3 7.6A9 9 0 013.05 13h3.98zM12 21c-1.7-2.26-2.77-5-2.97-8h5.94c-.2 3-1.27 5.74-2.97 8zm2.67-.4a16.9 16.9 0 002.3-7.6h3.98a9 9 0 01-6.28 7.6zm2.3-9.6a16.9 16.9 0 00-2.3-7.6 9 9 0 016.28 7.6h-3.98z"
                   fill="currentColor"
-                  fill-rule="evenodd"
                 />
               </svg>
             </div>
diff --git a/src/dropdown-menu/__test__/__snapshots__/demo.test.jsx.snap b/src/dropdown-menu/__test__/__snapshots__/demo.test.jsx.snap
index d1d458c9..af942bb1 100644
--- a/src/dropdown-menu/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/dropdown-menu/__test__/__snapshots__/demo.test.jsx.snap
@@ -55,10 +55,8 @@ exports[`DropdownMenu > DropdownMenu directionVue demo works fine 1`] = `
       width="1em"
     >
       <path
-        clip-rule="evenodd"
         d="M12 7.5l7 7H5l7-7z"
         fill="currentColor"
-        fill-rule="evenodd"
       />
     </svg>
   </div>
@@ -78,10 +76,8 @@ exports[`DropdownMenu > DropdownMenu directionVue demo works fine 1`] = `
       width="1em"
     >
       <path
-        clip-rule="evenodd"
         d="M12 7.5l7 7H5l7-7z"
         fill="currentColor"
-        fill-rule="evenodd"
       />
     </svg>
   </div>
@@ -378,10 +374,8 @@ exports[`DropdownMenu > DropdownMenu mobileVue demo works fine 1`] = `
             width="1em"
           >
             <path
-              clip-rule="evenodd"
               d="M12 7.5l7 7H5l7-7z"
               fill="currentColor"
-              fill-rule="evenodd"
             />
           </svg>
         </div>
@@ -401,10 +395,8 @@ exports[`DropdownMenu > DropdownMenu mobileVue demo works fine 1`] = `
             width="1em"
           >
             <path
-              clip-rule="evenodd"
               d="M12 7.5l7 7H5l7-7z"
               fill="currentColor"
-              fill-rule="evenodd"
             />
           </svg>
         </div>
diff --git a/src/form/__test__/__snapshots__/demo.test.jsx.snap b/src/form/__test__/__snapshots__/demo.test.jsx.snap
index d6c75a05..9466f88d 100644
--- a/src/form/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/form/__test__/__snapshots__/demo.test.jsx.snap
@@ -916,7 +916,7 @@ exports[`Form > Form horizontalVue demo works fine 1`] = `
                         >
                           
                           <div
-                            class="t-radio t-radio--left t-radio--block"
+                            class="t-radio t-radio--right t-radio--block"
                           >
                             <input
                               class="t-radio__original"
@@ -925,7 +925,7 @@ exports[`Form > Form horizontalVue demo works fine 1`] = `
                               value="110000"
                             />
                             <div
-                              class="t-radio__icon t-radio__icon--left"
+                              class="t-radio__icon t-radio__icon--right"
                             >
                               <!--v-if-->
                               <!--v-if-->
@@ -950,7 +950,7 @@ exports[`Form > Form horizontalVue demo works fine 1`] = `
                             <!--v-if-->
                           </div>
                           <div
-                            class="t-radio t-radio--left t-radio--block"
+                            class="t-radio t-radio--right t-radio--block"
                           >
                             <input
                               class="t-radio__original"
@@ -959,7 +959,7 @@ exports[`Form > Form horizontalVue demo works fine 1`] = `
                               value="120000"
                             />
                             <div
-                              class="t-radio__icon t-radio__icon--left"
+                              class="t-radio__icon t-radio__icon--right"
                             >
                               <!--v-if-->
                               <!--v-if-->
@@ -2644,7 +2644,7 @@ exports[`Form > Form mobileVue demo works fine 1`] = `
                               >
                                 
                                 <div
-                                  class="t-radio t-radio--left t-radio--block"
+                                  class="t-radio t-radio--right t-radio--block"
                                 >
                                   <input
                                     class="t-radio__original"
@@ -2653,7 +2653,7 @@ exports[`Form > Form mobileVue demo works fine 1`] = `
                                     value="110000"
                                   />
                                   <div
-                                    class="t-radio__icon t-radio__icon--left"
+                                    class="t-radio__icon t-radio__icon--right"
                                   >
                                     <!--v-if-->
                                     <!--v-if-->
@@ -2678,7 +2678,7 @@ exports[`Form > Form mobileVue demo works fine 1`] = `
                                   <!--v-if-->
                                 </div>
                                 <div
-                                  class="t-radio t-radio--left t-radio--block"
+                                  class="t-radio t-radio--right t-radio--block"
                                 >
                                   <input
                                     class="t-radio__original"
@@ -2687,7 +2687,7 @@ exports[`Form > Form mobileVue demo works fine 1`] = `
                                     value="120000"
                                   />
                                   <div
-                                    class="t-radio__icon t-radio__icon--left"
+                                    class="t-radio__icon t-radio__icon--right"
                                   >
                                     <!--v-if-->
                                     <!--v-if-->
@@ -4232,7 +4232,7 @@ exports[`Form > Form verticalVue demo works fine 1`] = `
                         >
                           
                           <div
-                            class="t-radio t-radio--left t-radio--block"
+                            class="t-radio t-radio--right t-radio--block"
                           >
                             <input
                               class="t-radio__original"
@@ -4241,7 +4241,7 @@ exports[`Form > Form verticalVue demo works fine 1`] = `
                               value="110000"
                             />
                             <div
-                              class="t-radio__icon t-radio__icon--left"
+                              class="t-radio__icon t-radio__icon--right"
                             >
                               <!--v-if-->
                               <!--v-if-->
@@ -4266,7 +4266,7 @@ exports[`Form > Form verticalVue demo works fine 1`] = `
                             <!--v-if-->
                           </div>
                           <div
-                            class="t-radio t-radio--left t-radio--block"
+                            class="t-radio t-radio--right t-radio--block"
                           >
                             <input
                               class="t-radio__original"
@@ -4275,7 +4275,7 @@ exports[`Form > Form verticalVue demo works fine 1`] = `
                               value="120000"
                             />
                             <div
-                              class="t-radio__icon t-radio__icon--left"
+                              class="t-radio__icon t-radio__icon--right"
                             >
                               <!--v-if-->
                               <!--v-if-->
diff --git a/src/table/__test__/__snapshots__/demo.test.jsx.snap b/src/table/__test__/__snapshots__/demo.test.jsx.snap
index 1979d1a8..c1ca873e 100644
--- a/src/table/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/table/__test__/__snapshots__/demo.test.jsx.snap
@@ -84,7 +84,9 @@ exports[`Table > Table baseVue demo works fine 1`] = `
               <div
                 class="t-table__ellipsis t-text-ellipsis"
               >
+                
                 内容
+                
               </div>
             </td>
             <td
@@ -93,7 +95,9 @@ exports[`Table > Table baseVue demo works fine 1`] = `
               <div
                 class="t-table__ellipsis t-text-ellipsis"
               >
+                
                 内容
+                
               </div>
             </td>
             <td
@@ -124,7 +128,9 @@ exports[`Table > Table baseVue demo works fine 1`] = `
               <div
                 class="t-table__ellipsis t-text-ellipsis"
               >
+                
                 内容
+                
               </div>
             </td>
             <td
@@ -133,7 +139,9 @@ exports[`Table > Table baseVue demo works fine 1`] = `
               <div
                 class="t-table__ellipsis t-text-ellipsis"
               >
+                
                 内容
+                
               </div>
             </td>
             <td
@@ -164,7 +172,9 @@ exports[`Table > Table baseVue demo works fine 1`] = `
               <div
                 class="t-table__ellipsis t-text-ellipsis"
               >
+                
                 内容
+                
               </div>
             </td>
             <td
@@ -173,7 +183,9 @@ exports[`Table > Table baseVue demo works fine 1`] = `
               <div
                 class="t-table__ellipsis t-text-ellipsis"
               >
+                
                 内容
+                
               </div>
             </td>
             <td
@@ -191,7 +203,7 @@ exports[`Table > Table baseVue demo works fine 1`] = `
               <div
                 class="t-table__ellipsis t-text-ellipsis"
               >
-                内容内容内容
+                内容
               </div>
             </td>
             
@@ -204,7 +216,9 @@ exports[`Table > Table baseVue demo works fine 1`] = `
               <div
                 class="t-table__ellipsis t-text-ellipsis"
               >
+                
                 内容
+                
               </div>
             </td>
             <td
@@ -213,7 +227,9 @@ exports[`Table > Table baseVue demo works fine 1`] = `
               <div
                 class="t-table__ellipsis t-text-ellipsis"
               >
+                
                 内容
+                
               </div>
             </td>
             <td
@@ -244,7 +260,9 @@ exports[`Table > Table baseVue demo works fine 1`] = `
               <div
                 class="t-table__ellipsis t-text-ellipsis"
               >
+                
                 内容
+                
               </div>
             </td>
             <td
@@ -253,7 +271,9 @@ exports[`Table > Table baseVue demo works fine 1`] = `
               <div
                 class="t-table__ellipsis t-text-ellipsis"
               >
+                
                 内容
+                
               </div>
             </td>
             <td
@@ -284,7 +304,9 @@ exports[`Table > Table baseVue demo works fine 1`] = `
               <div
                 class="t-table__ellipsis t-text-ellipsis"
               >
+                
                 内容
+                
               </div>
             </td>
             <td
@@ -293,7 +315,9 @@ exports[`Table > Table baseVue demo works fine 1`] = `
               <div
                 class="t-table__ellipsis t-text-ellipsis"
               >
+                
                 内容
+                
               </div>
             </td>
             <td
@@ -311,7 +335,7 @@ exports[`Table > Table baseVue demo works fine 1`] = `
               <div
                 class="t-table__ellipsis t-text-ellipsis"
               >
-                内容内容内容
+                内容
               </div>
             </td>
             
@@ -324,7 +348,9 @@ exports[`Table > Table baseVue demo works fine 1`] = `
               <div
                 class="t-table__ellipsis t-text-ellipsis"
               >
+                
                 内容
+                
               </div>
             </td>
             <td
@@ -333,7 +359,9 @@ exports[`Table > Table baseVue demo works fine 1`] = `
               <div
                 class="t-table__ellipsis t-text-ellipsis"
               >
+                
                 内容
+                
               </div>
             </td>
             <td
@@ -364,7 +392,9 @@ exports[`Table > Table baseVue demo works fine 1`] = `
               <div
                 class="t-table__ellipsis t-text-ellipsis"
               >
+                
                 内容
+                
               </div>
             </td>
             <td
@@ -373,7 +403,9 @@ exports[`Table > Table baseVue demo works fine 1`] = `
               <div
                 class="t-table__ellipsis t-text-ellipsis"
               >
+                
                 内容
+                
               </div>
             </td>
             <td
@@ -404,7 +436,9 @@ exports[`Table > Table baseVue demo works fine 1`] = `
               <div
                 class="t-table__ellipsis t-text-ellipsis"
               >
+                
                 内容
+                
               </div>
             </td>
             <td
@@ -413,7 +447,9 @@ exports[`Table > Table baseVue demo works fine 1`] = `
               <div
                 class="t-table__ellipsis t-text-ellipsis"
               >
+                
                 内容
+                
               </div>
             </td>
             <td
@@ -431,7 +467,7 @@ exports[`Table > Table baseVue demo works fine 1`] = `
               <div
                 class="t-table__ellipsis t-text-ellipsis"
               >
-                内容内容内容
+                内容
               </div>
             </td>
             
@@ -444,7 +480,9 @@ exports[`Table > Table baseVue demo works fine 1`] = `
               <div
                 class="t-table__ellipsis t-text-ellipsis"
               >
+                
                 内容
+                
               </div>
             </td>
             <td
@@ -453,7 +491,9 @@ exports[`Table > Table baseVue demo works fine 1`] = `
               <div
                 class="t-table__ellipsis t-text-ellipsis"
               >
+                
                 内容
+                
               </div>
             </td>
             <td
@@ -1088,7 +1128,9 @@ exports[`Table > Table mobileVue demo works fine 1`] = `
                     <div
                       class="t-table__ellipsis t-text-ellipsis"
                     >
+                      
                       内容
+                      
                     </div>
                   </td>
                   <td
@@ -1097,7 +1139,9 @@ exports[`Table > Table mobileVue demo works fine 1`] = `
                     <div
                       class="t-table__ellipsis t-text-ellipsis"
                     >
+                      
                       内容
+                      
                     </div>
                   </td>
                   <td
@@ -1128,7 +1172,9 @@ exports[`Table > Table mobileVue demo works fine 1`] = `
                     <div
                       class="t-table__ellipsis t-text-ellipsis"
                     >
+                      
                       内容
+                      
                     </div>
                   </td>
                   <td
@@ -1137,7 +1183,9 @@ exports[`Table > Table mobileVue demo works fine 1`] = `
                     <div
                       class="t-table__ellipsis t-text-ellipsis"
                     >
+                      
                       内容
+                      
                     </div>
                   </td>
                   <td
@@ -1168,7 +1216,9 @@ exports[`Table > Table mobileVue demo works fine 1`] = `
                     <div
                       class="t-table__ellipsis t-text-ellipsis"
                     >
+                      
                       内容
+                      
                     </div>
                   </td>
                   <td
@@ -1177,7 +1227,9 @@ exports[`Table > Table mobileVue demo works fine 1`] = `
                     <div
                       class="t-table__ellipsis t-text-ellipsis"
                     >
+                      
                       内容
+                      
                     </div>
                   </td>
                   <td
@@ -1195,7 +1247,7 @@ exports[`Table > Table mobileVue demo works fine 1`] = `
                     <div
                       class="t-table__ellipsis t-text-ellipsis"
                     >
-                      内容内容内容
+                      内容
                     </div>
                   </td>
                   
@@ -1208,7 +1260,9 @@ exports[`Table > Table mobileVue demo works fine 1`] = `
                     <div
                       class="t-table__ellipsis t-text-ellipsis"
                     >
+                      
                       内容
+                      
                     </div>
                   </td>
                   <td
@@ -1217,7 +1271,9 @@ exports[`Table > Table mobileVue demo works fine 1`] = `
                     <div
                       class="t-table__ellipsis t-text-ellipsis"
                     >
+                      
                       内容
+                      
                     </div>
                   </td>
                   <td
@@ -1248,7 +1304,9 @@ exports[`Table > Table mobileVue demo works fine 1`] = `
                     <div
                       class="t-table__ellipsis t-text-ellipsis"
                     >
+                      
                       内容
+                      
                     </div>
                   </td>
                   <td
@@ -1257,7 +1315,9 @@ exports[`Table > Table mobileVue demo works fine 1`] = `
                     <div
                       class="t-table__ellipsis t-text-ellipsis"
                     >
+                      
                       内容
+                      
                     </div>
                   </td>
                   <td
@@ -1288,7 +1348,9 @@ exports[`Table > Table mobileVue demo works fine 1`] = `
                     <div
                       class="t-table__ellipsis t-text-ellipsis"
                     >
+                      
                       内容
+                      
                     </div>
                   </td>
                   <td
@@ -1297,7 +1359,9 @@ exports[`Table > Table mobileVue demo works fine 1`] = `
                     <div
                       class="t-table__ellipsis t-text-ellipsis"
                     >
+                      
                       内容
+                      
                     </div>
                   </td>
                   <td
@@ -1315,7 +1379,7 @@ exports[`Table > Table mobileVue demo works fine 1`] = `
                     <div
                       class="t-table__ellipsis t-text-ellipsis"
                     >
-                      内容内容内容
+                      内容
                     </div>
                   </td>
                   
@@ -1328,7 +1392,9 @@ exports[`Table > Table mobileVue demo works fine 1`] = `
                     <div
                       class="t-table__ellipsis t-text-ellipsis"
                     >
+                      
                       内容
+                      
                     </div>
                   </td>
                   <td
@@ -1337,7 +1403,9 @@ exports[`Table > Table mobileVue demo works fine 1`] = `
                     <div
                       class="t-table__ellipsis t-text-ellipsis"
                     >
+                      
                       内容
+                      
                     </div>
                   </td>
                   <td
@@ -1368,7 +1436,9 @@ exports[`Table > Table mobileVue demo works fine 1`] = `
                     <div
                       class="t-table__ellipsis t-text-ellipsis"
                     >
+                      
                       内容
+                      
                     </div>
                   </td>
                   <td
@@ -1377,7 +1447,9 @@ exports[`Table > Table mobileVue demo works fine 1`] = `
                     <div
                       class="t-table__ellipsis t-text-ellipsis"
                     >
+                      
                       内容
+                      
                     </div>
                   </td>
                   <td
@@ -1408,7 +1480,9 @@ exports[`Table > Table mobileVue demo works fine 1`] = `
                     <div
                       class="t-table__ellipsis t-text-ellipsis"
                     >
+                      
                       内容
+                      
                     </div>
                   </td>
                   <td
@@ -1417,7 +1491,9 @@ exports[`Table > Table mobileVue demo works fine 1`] = `
                     <div
                       class="t-table__ellipsis t-text-ellipsis"
                     >
+                      
                       内容
+                      
                     </div>
                   </td>
                   <td
@@ -1435,7 +1511,7 @@ exports[`Table > Table mobileVue demo works fine 1`] = `
                     <div
                       class="t-table__ellipsis t-text-ellipsis"
                     >
-                      内容内容内容
+                      内容
                     </div>
                   </td>
                   
@@ -1448,7 +1524,9 @@ exports[`Table > Table mobileVue demo works fine 1`] = `
                     <div
                       class="t-table__ellipsis t-text-ellipsis"
                     >
+                      
                       内容
+                      
                     </div>
                   </td>
                   <td
@@ -1457,7 +1535,9 @@ exports[`Table > Table mobileVue demo works fine 1`] = `
                     <div
                       class="t-table__ellipsis t-text-ellipsis"
                     >
+                      
                       内容
+                      
                     </div>
                   </td>
                   <td