revert: 修复 f-table 组件 data 参数响应式丢失问题

FightingDesign · Dec 21, 2023 · 43aca13 · 43aca13
1 parent 6720d50
commit 43aca13
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 3 deletions.
diff --git a/CHANGELOG.en-US.md b/CHANGELOG.en-US.md
@@ -4,6 +4,10 @@
 
 English | [Chinese](https://github.com/FightingDesign/fighting-design/blob/master/CHANGELOG.md)
 
+## 0.66.3 (2023-12-21)
+
+- Fix the issue of responsive loss of parameter `data` in the `f-table` component
+
 ## 0.66.2 (2023-12-20)
 
 - Add `f-table` components, `select` and `on-select` configuration items

diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,6 +2,10 @@
 
 中文 | [英文](https://github.com/FightingDesign/fighting-design/blob/master/CHANGELOG.en-US.md)
 
+## 0.66.3 (2023-12-21)
+
+- 修复 `f-table` 组件 `data` 参数响应式丢失问题
+
 ## 0.66.2 (2023-12-20)
 
 - 新增 `f-tabale` 组件 `select` 和 `on-select` 配置项

diff --git a/docs/docs/changelog.md b/docs/docs/changelog.md
@@ -2,6 +2,10 @@
 
 中文 | [英文](https://github.com/FightingDesign/fighting-design/blob/master/CHANGELOG.en-US.md)
 
+## 0.66.3 (2023-12-21)
+
+- 修复 `f-table` 组件 `data` 参数响应式丢失问题
+
 ## 0.66.2 (2023-12-20)
 
 - 新增 `f-tabale` 组件 `select` 和 `on-select` 配置项

diff --git a/packages/fighting-design/package.json b/packages/fighting-design/package.json
@@ -1,6 +1,6 @@
 {
   "name": "fighting-design",
-  "version": "0.66.2",
+  "version": "0.66.3",
   "description": "Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.",
   "keywords": [
     "fighting",

diff --git a/packages/fighting-design/table/src/table.vue b/packages/fighting-design/table/src/table.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
   import { Props } from './props'
-  import { h, computed, ref } from 'vue'
+  import { h, computed, ref, watch } from 'vue'
   import { useList, useRun } from '../../_hooks'
   import { FEmpty } from '../../empty'
   import { FCheckbox } from '../../checkbox'
@@ -105,7 +105,8 @@
     formatData.value = prop.data
   }
 
-  setFormData() // 设置格式化后的数据方法
+  // 设置格式化后的数据方法
+  watch(() => prop.data, setFormData, { immediate: true })
 
   /** 选择器切换触发 */
   const checkboxChange = (): void => {