fix: 修复 f-table 组件对于英文字母的文字不换行样式的问题

CHANGELOG.md

@@ -2,6 +2,8 @@
 
 中文 | [英文](https://github.com/FightingDesign/fighting-design/blob/master/CHANGELOG.en-US.md)
 
+- 修复 `f-table` 组件对于英文字母的文字不换行样式的问题
+
 ## 0.65.0 (2023-12-12)
 
 - 更新 `f-menu` 组件 `on-menu-item-click` 和 `on-submenu-click` 方法参数接收顺序

packages/fighting-theme/src/table.scss

@@ -50,6 +50,7 @@
             box-sizing: border-box;
             font-size: 15px;
             color: #4f4f4f;
+            word-wrap: break-word;
           }
         }
       }
@@ -68,6 +69,7 @@
             font-size: 15px;
             box-sizing: border-box;
             color: #333;
+            word-wrap: break-word;
           }
         }
       }

start/src/App.vue

@@ -1,3 +1,62 @@
-<script lang="ts" setup></script>
+<script lang="ts" setup>
+  import { ref } from 'vue'
+  import { FButton } from 'fighting-design'
 
-<template></template>
+  const columns = ref([
+    {
+      title: '姓名',
+      key: 'name'
+    },
+    {
+      title: '年龄',
+      key: 'age'
+    },
+    {
+      title: '介绍',
+      key: 'introduce'
+    },
+    {
+      name: '操作',
+      render: h => {
+        return h('div', { class: 'table-wrapper' }, [
+          h(FButton, { type: 'info' }, { default: () => '按钮1' }),
+          h(FButton, { type: 'info' }, { default: () => '按钮2' })
+        ])
+      }
+    }
+  ])
+
+  const data = ref([
+    {
+      name: '卡莉斯塔',
+      age: '22',
+      introduce: 'dhasjhdjahdjasdhjadhasjhdasjhdasjhdjdj'
+    },
+    {
+      name: '艾希',
+      age: '16',
+      introduce: '拥有强大减速和控制能力的远程射手'
+    },
+    {
+      name: '李青',
+      age: '34',
+      introduce: '非常优秀的打野英雄'
+    },
+    {
+      name: '贾克斯',
+      age: '109',
+      introduce: '取得优势的武器可以输出成吨的伤害'
+    }
+  ])
+</script>
+
+<template>
+  <f-table :data="data" :columns="columns" />
+</template>
+
+<style>
+  .table-wrapper {
+    display: flex;
+    column-gap: 20px;
+  }
+</style>