@jnrs/vue-core 1.2.23 → 1.2.24

package/AGENTS.md

@@ -368,13 +368,21 @@ console.log(routes)
 | showIndexColumn     | `boolean`                        | `false`                      | 是否显示序号列                                                                              |
 | showSelectionColumn | `boolean`                        | `false`                      | 是否显示选择列                                                                              |
 | showMouseSelection  | `boolean`                        | `false`                      | 是否开启鼠标框选                                                                            |
+| containerClass      | `string`                         | `'jn_table'`                 | 表格容器类名，用于鼠标框选功能，多个表格时需传入不同类名                                    |
 | pagination          | `IPagination`                    | `{ pageNo: 0, pageSize: 0 }` | 当前页码和每页大小（用于序号计算）                                                          |
 
+**暴露方法 (Exposed)：**
+
+| 方法名         | 类型         | 说明           |
+| -------------- | ------------ | -------------- |
+| clearSelection | `() => void` | 清空所有选中项 |
+
 **使用示例：**
 
 ```vue
 <template>
   <JnTable
+    ref="tableRef"
     :data="tableData"
     :pagination="{ pageNo: 1, pageSize: 20 }"
     show-index-column
@@ -384,7 +392,18 @@ console.log(routes)
     <el-table-column prop="name" label="姓名" />
     <el-table-column prop="age" label="年龄" />
   </JnTable>
+  <el-button @click="handleClearSelection">清空选择</el-button>
 </template>
+
+<script setup>
+import { ref } from 'vue'
+
+const tableRef = ref()
+
+const handleClearSelection = () => {
+  tableRef.value?.clearSelection()
+}
+</script>
 ```
 
 ---
@@ -696,11 +715,11 @@ const dialogVisible = ref(false)
 
 **参数：**
 
-| 参数名         | 类型                            | 默认值            | 说明           |
-| -------------- | ------------------------------- | ----------------- | -------------- |
-| containerClass | `string`                        | `'jn_table'`      | 表格或容器类名 |
-| rowClass       | `string`                        | `'el-table__row'` | 表格行类名     |
-| callback       | `(rows: HTMLElement[]) => void` | `handleSelection` | 框选后的回调   |
+| 参数名         | 类型                         | 默认值            | 说明                                               |
+| -------------- | ---------------------------- | ----------------- | -------------------------------------------------- |
+| containerClass | `string`                     | `'jn_table'`      | 表格或容器类名，多个表格时需传入不同类名           |
+| rowClass       | `string`                     | `'el-table__row'` | 表格行类名                                         |
+| callback       | `(row: HTMLElement) => void` | `handleSelection` | 框选后的回调，默认处理 input[type='checkbox'] 元素 |
 
 **返回值：**
 
@@ -722,8 +741,8 @@ import { useMouseSelection } from '@jnrs/vue-core/composables'
 
 const { handleMouseDown } = useMouseSelection({
   containerClass: 'jn_table',
-  callback: (rows) => {
-    console.log('框选的行', rows)
+  callback: (row) => {
+    console.log('选中的行', row)
   }
 })
 

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # 发版日志
 
+## [1.2.24] - 2026-07-08
+
+### Fixed
+
+- `JnTable` 组件新增对于 MouseSelection 的支持，新增 clearSelection 方法
+
 ## [1.2.23] - 2026-07-08
 
 ### Fixed

package/dist/components/JnTable.vue.d.ts

@@ -40,6 +40,10 @@ export interface Props {
      * 是否开启鼠标框选
      */
     showMouseSelection?: boolean;
+    /**
+     * 表格容器类名，用于鼠标框选功能，多个表格时需传入不同类名
+     */
+    containerClass?: string;
     /**
      * 当前页码和每页大小（用于序号计算）
      */
@@ -1565,7 +1569,9 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+declare const __VLS_component: import('vue').DefineComponent<Props, {
+    clearSelection: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     jnTableRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
         data: {
             type: import('vue').PropType<any[]>;