@aimerthyr/virtual-table 1.4.0 → 1.4.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## [1.4.1] - 2026-04-01
+
+### Breaking Changes
+
+- 重构可编辑功能（支持行编辑和单元格编辑两种模式）
+- 原 setEditingRow 改为 setEditingState，参数调整为 (rowId: string | number | null, columnKey?: string | null)
+- 原 bodyCell 中的 isEditing 改为 isEditingMode，类型调整为 'row' | 'cell' | null
+
 ## [1.4.0] - 2026-03-22
 
 ### Features

package/README.en.md

@@ -84,6 +84,20 @@ Or:
 import { VTable } from '@aimerthyr/virtual-table'
 ```
 
+## CDN Usage
+
+You can also use the UMD build directly in the browser:
+
+```html
+<link rel="stylesheet" href="https://unpkg.com/@aimerthyr/virtual-table/dist/virtual-table.css" />
+<script src="https://unpkg.com/vue@3/dist/vue.global.prod.js"></script>
+<script src="https://unpkg.com/@aimerthyr/virtual-table/dist/index.umd.js"></script>
+<script>
+  // UMD global name comes from vite lib.name = 'VirtualTable'
+  const VTable = window.VirtualTable.default || window.VirtualTable
+</script>
+```
+
 ## Documentation
 
 For the complete API (props / slots / examples), please refer to:

package/README.md

@@ -99,6 +99,20 @@ import type {
 } from '@aimerthyr/virtual-table'
 ```
 
+## CDN 方式
+
+支持通过 UMD 产物直接在浏览器中使用：
+
+```html
+<link rel="stylesheet" href="https://unpkg.com/@aimerthyr/virtual-table/dist/virtual-table.css" />
+<script src="https://unpkg.com/vue@3/dist/vue.global.prod.js"></script>
+<script src="https://unpkg.com/@aimerthyr/virtual-table/dist/index.umd.js"></script>
+<script>
+  // UMD 挂载名来自 vite lib.name = 'VirtualTable'
+  const VTable = window.VirtualTable.default || window.VirtualTable
+</script>
+```
+
 ## 常见用法
 
 ### 1. 启用排序和筛选
@@ -368,11 +382,11 @@ const handleSelectionChange = (rows: any[]) => {
 
 组件暴露了以下实例能力：
 
-| 方法名          | 类型                                                     | 说明                |
-| --------------- | -------------------------------------------------------- | ------------------- |
-| `tanstackTable` | `Table<TData>`                                           | TanStack Table 实例 |
-| `scrollToIndex` | `(index: number, behavior?: 'auto' \| 'smooth') => void` | 滚动到指定行        |
-| `setEditingRow` | `(rowId: string \| number \| null) => void`              | 设置当前编辑行      |
+| 方法名            | 类型                                                                    | 说明                                                                                                             |
+| ----------------- | ----------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------- |
+| `tanstackTable`   | `Table<TData>`                                                          | TanStack Table 实例                                                                                              |
+| `scrollToIndex`   | `(index: number, behavior?: 'auto' \| 'smooth') => void`                | 滚动到指定行                                                                                                     |
+| `setEditingState` | `(rowId: string \| number \| null, columnKey?: string \| null) => void` | 设置编辑状态（1. columnKey 为空，则为行编辑 2. columnKey 不为空，则为单元格编辑 3. rowId 传 null，清除编辑状态） |
 
 使用示例：