stk-table-vue 1.2.4 → 1.2.6

package/README.md

@@ -1,194 +1,194 @@
-<p align="center">
-    <a href="https://ja-plus.github.io/stk-table-vue/">
-        <img src="./docs-src/public/assets/logo.svg" width="152">
-    </a>
-    <h3 align='center'>Stk Table Vue</h3>
-    <p align="center">
-        <a href="https://www.npmjs.com/package/stk-table-vue"><img src="https://img.shields.io/npm/v/stk-table-vue"></a>
-        <a href="https://www.npmjs.com/package/stk-table-vue"><img src="https://img.shields.io/npm/dw/stk-table-vue"></a>
-        <a href="https://github.com/ja-plus/stk-table-vue/stargazers"><img src="https://img.shields.io/github/stars/ja-plus/stk-table-vue.svg"></a>
-        <a href="https://raw.githubusercontent.com/ja-plus/stk-table-vue/master/LICENSE"><img src="https://img.shields.io/npm/l/stk-table-vue"></a>
-        <a href="https://github.com/ja-plus/stk-table-vue"><img src="https://img.shields.io/npm/types/stk-table-vue"></a>
-    </p>
-</p>
-
-Stk Table Vue(Sticky Table) is a high-performance virtual scrolling table component based on Vue 3 / Vue 2.7.
-
-Smooth performance with tens of thousands of rows. Designed for real-time data display with built-in highlighting and animation effects.
-
-- Vue 3 & Vue 2.7 support
-- Virtual scrolling (X & Y axis)
-- CSS `sticky` based fixed columns & fixed header
-- Multi-level header with horizontal virtual scroll
-- Tree table & expandable rows
-- Area selection with keyboard navigation
-- Cell highlighting with Animation API
-- Built-in custom cells: Filter, Editable, Checkbox, Number, Change
-- Column resize, header drag, row drag
-- Merge cells (virtual mode, huge rowspan / colspan supported)
-- Custom scrollbar
-- Sortable & filterable
-- Theme support (dark / light)
-- CSS variables for easy customization
-- Based on native `<table>` element
-- Zero third-party runtime dependencies
-
-
-## Documentation
-### [Stk Table Vue Official](https://ja-plus.github.io/stk-table-vue/)
-### [Stk Table React Official](https://ja-plus.github.io/stk-table-react/)
-### [Stk Table Svelte Official](https://ja-plus.github.io/stk-table-svelte/)
-### [Stk Table Solid Official](https://ja-plus.github.io/stk-table-solid/)
-
-
-## Repo: 
-- [Github](https://github.com/ja-plus/stk-table-vue)
-- [Gitee](https://gitee.com/japlus/stk-table-vue)
-
-## Demo
-[<span style="font-size: 16px;font-weight: bold;">Online Demo in stackblitz</span>](https://stackblitz.com/edit/vitejs-vite-ad91hh?file=src%2FDemo%2Findex.vue)
-
-## Usage
-> npm install stk-table-vue
-
-```html
-<script setup>
-import { StkTable } from 'stk-table-vue'
-import { ref, useTemplateRef } from 'vue'
-const stkTableRef = ref<InstanceType<typeof StkTable>>();
-// or Vue 3.5 useTemplateRef
-const stkTableRef = useTemplateRef('stkTableRef');
-
-// highlight row
-stkTableRef.value.setHighlightDimRow([rowKey], {
-  method: 'css' | 'animation', // default animation
-  className: 'custom-class-name', // for method 'css'
-  keyframe: [{ backgroundColor: '#aaa' }, { backgroundColor: '#222' }], // same as https://developer.mozilla.org/zh-CN/docs/Web/API/Web_Animations_API/Keyframe_Formats
-  duration: 2000,
-});
-// highlight cell
-stkTableRef.value.setHighlightDimCell(rowKey, colDataIndex, {
-  method: 'css' | 'animation',
-  className: 'custom-class-name', // for method 'css'
-  keyframe: [{ backgroundColor: '#aaa' }, { backgroundColor: '#222' }], // for method 'animation'
-  duration: 2000,
-});
-
-const columns = [
-  {title: 'name', dataIndex: 'name'},
-  {title: 'age', dataIndex: 'age'},
-  {title: 'address', dataIndex: 'address'},
-];
-
-const dataSource = [
-  {id: 1, name: 'John', age: 32, address: 'New York'},
-  {id: 2, name: 'Jim', age: 42, address: 'London'},
-  {id: 3, name: 'Joe', age: 52, address: 'Tokyo'},
-  {id: 4, name: 'Jack', age: 62, address: 'Sydney'},
-  {id: 5, name: 'Jill', age: 72, address: 'Paris'},
-]
-
-</script>
-
-<template>
-    <StkTable ref='stkTableRef' row-key="id" :data-source="dataSource" :columns="columns"></StkTable>
-</template>
-
-```
-
-### Vue2.7 Usage
-[Vue2.7 Usage](https://ja-plus.github.io/stk-table-vue/main/start/vue2-usage.html)
-
-## API
-* [Props](https://ja-plus.github.io/stk-table-vue/main/api/table-props.html)
-
-* [Emits](https://ja-plus.github.io/stk-table-vue/main/api/emits.html)
-
-* [Slots](https://ja-plus.github.io/stk-table-vue/main/api/slots.html)
-
-* [Expose](https://ja-plus.github.io/stk-table-vue/main/api/expose.html)
-
-* [StkTableColumn: Define column type](https://ja-plus.github.io/stk-table-vue/main/api/stk-table-column.html)
-
-* [Highlight: setHighlightDimCell & setHighlightDimRow](https://ja-plus.github.io/stk-table-vue/main/api/expose.html#sethighlightdimcell)
-
-
-### Example
-```vue
-<template>
- <StkTable
-    ref="stkTable"
-    row-key="name"
-    v-model:columns="columns"
-    :style="{height:props.height}"
-    theme='dark'
-    height='200px'
-    bordered="h"
-    :row-height="28"
-    :show-overflow="false"
-    :show-header-overflow="false"
-    :sort-remote="false"
-    col-resizable
-    header-drag
-    virtual
-    virtual-x
-    no-data-full
-    col-resizable
-    auto-resize
-    fixed-col-shadow
-    :col-min-width="10"
-    :headless="false"
-    :data-source="dataSource"
-    @current-change="onCurrentChange"
-    @row-menu="onRowMenu"
-    @header-row-menu="onHeaderRowMenu"
-    @row-click="onRowClick"
-    @row-dblclick="onRowDblclick"
-    @sort-change="handleSortChange"
-    @cell-click="onCellClick"
-    @header-cell-click="onHeaderCellClick"
-    @scroll="onTableScroll"
-    @scroll-x="onTableScrollX"
-    @col-order-change="onColOrderChange"
-  />
-</template>
-<script setup>
-  import { h, defineComponent } from 'vue';
-  const columns = [
-    {
-      title: 'Name',
-      dataIndex: 'name',
-      fixed: 'left',
-      width: '200px',
-      headerClassName: 'my-th',
-      className: 'my-td',
-      sorter: true,
-      customHeaderCell: function FunctionalComponent(props){
-          return h(
-              'span',
-              { style: 'overflow:hidden;text-overflow:ellipsis;white-space:nowrap' },
-              props.col.title + '(render) text-overflow,',
-          );
-      },
-      customCell: defineComponent({
-        setup(){
-          //...
-          return () => <div></div> // vue jsx
-        }
-      })
-    },
-  ]
-</script>
-```
-
-## Compare
-Compare performance with other vue table [vue-virtual-table-benchmark](https://github.com/ja-plus/vue-virtual-table-benchmark)
-
-[Benchmark Result Page](https://ja-plus.github.io/vue-virtual-table-benchmark/perf-report.html)
-
-## Changelog
-[CHANGELOG](CHANGELOG.md)
-
-
-## License
-[MIT](LICENSE)
+<p align="center">
+    <a href="https://ja-plus.github.io/stk-table-vue/">
+        <img src="./docs-src/public/assets/logo.svg" width="152">
+    </a>
+    <h3 align='center'>Stk Table Vue</h3>
+    <p align="center">
+        <a href="https://www.npmjs.com/package/stk-table-vue"><img src="https://img.shields.io/npm/v/stk-table-vue"></a>
+        <a href="https://www.npmjs.com/package/stk-table-vue"><img src="https://img.shields.io/npm/dw/stk-table-vue"></a>
+        <a href="https://github.com/ja-plus/stk-table-vue/stargazers"><img src="https://img.shields.io/github/stars/ja-plus/stk-table-vue.svg"></a>
+        <a href="https://raw.githubusercontent.com/ja-plus/stk-table-vue/master/LICENSE"><img src="https://img.shields.io/npm/l/stk-table-vue"></a>
+        <a href="https://github.com/ja-plus/stk-table-vue"><img src="https://img.shields.io/npm/types/stk-table-vue"></a>
+    </p>
+</p>
+
+Stk Table Vue(Sticky Table) is a high-performance virtual scrolling table component based on Vue 3 / Vue 2.7.
+
+Smooth performance with tens of thousands of rows. Designed for real-time data display with built-in highlighting and animation effects.
+
+- Vue 3 & Vue 2.7 support
+- Virtual scrolling (X & Y axis)
+- CSS `sticky` based fixed columns & fixed header
+- Multi-level header with horizontal virtual scroll
+- Tree table & expandable rows
+- Area selection with keyboard navigation
+- Cell highlighting with Animation API
+- Built-in custom cells: Filter, Editable, Checkbox, Number, Change
+- Column resize, header drag, row drag
+- Merge cells (virtual mode, huge rowspan / colspan supported)
+- Custom scrollbar
+- Sortable & filterable
+- Theme support (dark / light)
+- CSS variables for easy customization
+- Based on native `<table>` element
+- Zero third-party runtime dependencies
+
+
+## Documentation
+### [Stk Table Vue Official](https://ja-plus.github.io/stk-table-vue/)
+### [Stk Table React Official](https://ja-plus.github.io/stk-table-react/)
+### [Stk Table Svelte Official](https://ja-plus.github.io/stk-table-svelte/)
+### [Stk Table Solid Official](https://ja-plus.github.io/stk-table-solid/)
+
+
+## Repo: 
+- [Github](https://github.com/ja-plus/stk-table-vue)
+- [Gitee](https://gitee.com/japlus/stk-table-vue)
+
+## Demo
+[<span style="font-size: 16px;font-weight: bold;">Online Demo in stackblitz</span>](https://stackblitz.com/edit/vitejs-vite-ad91hh?file=src%2FDemo%2Findex.vue)
+
+## Usage
+> npm install stk-table-vue
+
+```html
+<script setup>
+import { StkTable } from 'stk-table-vue'
+import { ref, useTemplateRef } from 'vue'
+const stkTableRef = ref<InstanceType<typeof StkTable>>();
+// or Vue 3.5 useTemplateRef
+const stkTableRef = useTemplateRef('stkTableRef');
+
+// highlight row
+stkTableRef.value.setHighlightDimRow([rowKey], {
+  method: 'css' | 'animation', // default animation
+  className: 'custom-class-name', // for method 'css'
+  keyframe: [{ backgroundColor: '#aaa' }, { backgroundColor: '#222' }], // same as https://developer.mozilla.org/zh-CN/docs/Web/API/Web_Animations_API/Keyframe_Formats
+  duration: 2000,
+});
+// highlight cell
+stkTableRef.value.setHighlightDimCell(rowKey, colDataIndex, {
+  method: 'css' | 'animation',
+  className: 'custom-class-name', // for method 'css'
+  keyframe: [{ backgroundColor: '#aaa' }, { backgroundColor: '#222' }], // for method 'animation'
+  duration: 2000,
+});
+
+const columns = [
+  {title: 'name', dataIndex: 'name'},
+  {title: 'age', dataIndex: 'age'},
+  {title: 'address', dataIndex: 'address'},
+];
+
+const dataSource = [
+  {id: 1, name: 'John', age: 32, address: 'New York'},
+  {id: 2, name: 'Jim', age: 42, address: 'London'},
+  {id: 3, name: 'Joe', age: 52, address: 'Tokyo'},
+  {id: 4, name: 'Jack', age: 62, address: 'Sydney'},
+  {id: 5, name: 'Jill', age: 72, address: 'Paris'},
+]
+
+</script>
+
+<template>
+    <StkTable ref='stkTableRef' row-key="id" :data-source="dataSource" :columns="columns"></StkTable>
+</template>
+
+```
+
+### Vue2.7 Usage
+[Vue2.7 Usage](https://ja-plus.github.io/stk-table-vue/main/start/vue2-usage.html)
+
+## API
+* [Props](https://ja-plus.github.io/stk-table-vue/main/api/table-props.html)
+
+* [Emits](https://ja-plus.github.io/stk-table-vue/main/api/emits.html)
+
+* [Slots](https://ja-plus.github.io/stk-table-vue/main/api/slots.html)
+
+* [Expose](https://ja-plus.github.io/stk-table-vue/main/api/expose.html)
+
+* [StkTableColumn: Define column type](https://ja-plus.github.io/stk-table-vue/main/api/stk-table-column.html)
+
+* [Highlight: setHighlightDimCell & setHighlightDimRow](https://ja-plus.github.io/stk-table-vue/main/api/expose.html#sethighlightdimcell)
+
+
+### Example
+```vue
+<template>
+ <StkTable
+    ref="stkTable"
+    row-key="name"
+    v-model:columns="columns"
+    :style="{height:props.height}"
+    theme='dark'
+    height='200px'
+    bordered="h"
+    :row-height="28"
+    :show-overflow="false"
+    :show-header-overflow="false"
+    :sort-remote="false"
+    col-resizable
+    header-drag
+    virtual
+    virtual-x
+    no-data-full
+    col-resizable
+    auto-resize
+    fixed-col-shadow
+    :col-min-width="10"
+    :headless="false"
+    :data-source="dataSource"
+    @current-change="onCurrentChange"
+    @row-menu="onRowMenu"
+    @header-row-menu="onHeaderRowMenu"
+    @row-click="onRowClick"
+    @row-dblclick="onRowDblclick"
+    @sort-change="handleSortChange"
+    @cell-click="onCellClick"
+    @header-cell-click="onHeaderCellClick"
+    @scroll="onTableScroll"
+    @scroll-x="onTableScrollX"
+    @col-order-change="onColOrderChange"
+  />
+</template>
+<script setup>
+  import { h, defineComponent } from 'vue';
+  const columns = [
+    {
+      title: 'Name',
+      dataIndex: 'name',
+      fixed: 'left',
+      width: '200px',
+      headerClassName: 'my-th',
+      className: 'my-td',
+      sorter: true,
+      customHeaderCell: function FunctionalComponent(props){
+          return h(
+              'span',
+              { style: 'overflow:hidden;text-overflow:ellipsis;white-space:nowrap' },
+              props.col.title + '(render) text-overflow,',
+          );
+      },
+      customCell: defineComponent({
+        setup(){
+          //...
+          return () => <div></div> // vue jsx
+        }
+      })
+    },
+  ]
+</script>
+```
+
+## Compare
+Compare performance with other vue table [vue-virtual-table-benchmark](https://github.com/ja-plus/vue-virtual-table-benchmark)
+
+[Benchmark Result Page](https://ja-plus.github.io/vue-virtual-table-benchmark/perf-report.html)
+
+## Changelog
+[CHANGELOG](CHANGELOG.md)
+
+
+## License
+[MIT](LICENSE)

package/lib/{Dropdown-D_9cB0rD.js → Dropdown-BAANgg_5.js}

@@ -1,12 +1,12 @@
 /**
  * name: stk-table-vue
- * version: v1.2.4
+ * version: v1.2.6
  * description: High performance realtime virtual table for vue3 and vue2.7
  * author: japlus
  * homepage: https://ja-plus.github.io/stk-table-vue/
  * license: MIT
  */
-import { t as StkTable_default } from "./StkTable-CVcmlZi9.js";
+import { t as StkTable_default } from "./StkTable-CGcxwpdb.js";
 import { createElementBlock, createElementVNode, createVNode, defineComponent, h, nextTick, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, reactive, ref, withModifiers } from "vue";
 //#region src/StkTable/custom-cells/FilterCell/Dropdown/index.vue?vue&type=script&setup=true&lang.ts
 var DROPDOWN_DEFAULT_WIDTH = 300;

package/lib/{StkTable-CVcmlZi9.js → StkTable-CGcxwpdb.js}

@@ -1,6 +1,6 @@
 /**
  * name: stk-table-vue
- * version: v1.2.4
+ * version: v1.2.6
  * description: High performance realtime virtual table for vue3 and vue2.7
  * author: japlus
  * homepage: https://ja-plus.github.io/stk-table-vue/
@@ -4093,6 +4093,7 @@ function useVirtualScroll(props, tableContainerRef, trRef, dataSourceCopy, table
  /** fix： 滚动条不在顶部时，表格数据变少，导致滚动条位置有误 */
 		scrollTop = maxScrollTop;
 		assignVs(virtualScroll, {
+			rowHeight,
 			containerHeight,
 			pageSize,
 			scrollHeight
@@ -4875,6 +4876,7 @@ var StkTable_default = /* @__PURE__ */ defineComponent({
 		if (props.autoResize) useAutoResize(tableContainerRef, () => {
 			initVirtualScroll();
 			updateFixedShadow();
+			updateCustomScrollbar();
 		}, props, 200);
 		const [colResizeOn, isColResizing, onThResizeMouseDown] = useColResize(props, emits, tableContainerRef, tableHeaderLast, colResizeIndicatorRef, colKeyGen, fixedCols, clearColWidthCache);
 		const [toggleExpandRow, setRowExpand] = useRowExpand(emits, dataSourceCopy, rowKeyGen, onDataSourceChange);
@@ -4953,7 +4955,21 @@ var StkTable_default = /* @__PURE__ */ defineComponent({
 		watch(() => props.virtual, () => {
 			nextTick(initVirtualScrollY);
 		});
-		watch(() => props.rowHeight, initVirtualScrollY);
+		/**
+		* 行高类配置变化后重算虚拟滚动几何。
+		* 合并为一个 watcher：同一 tick 内多项同时变化只重算一次。
+		* 必须无参调用 initVirtualScrollY（其首参是虚拟滚动容器高度，不能把行高值传入），
+		* 且需 nextTick 等新的 --row-height / 表头行高等样式应用到 DOM 后再测量。
+		*
+		* 监听值拼接为单个原始值（字符串）而非返回数组：getter 返回数组时每次求值都是新数组，
+		* 身份比较必然变化，父组件传入内联对象字面量（如 :expand-config="{ height: 40 }"，官方示例即如此写法）
+		* 会让本 watcher 在父组件每次重渲染时误触发；展开行/变高大表下误触发一次会连带行高树 O(n) 重建
+		* （实测 50K 行每次父重渲染多付 ~10ms）。拼接为原始值后仅在值真正变化时触发，且兼容 Vue 2.7。
+		*/
+		watch(() => {
+			var _props$expandConfig;
+			return `${props.rowHeight}|${props.headerRowHeight}|${props.footerRowHeight}|${(_props$expandConfig = props.expandConfig) === null || _props$expandConfig === void 0 ? void 0 : _props$expandConfig.height}`;
+		}, () => nextTick(initVirtualScrollY));
 		watch(() => props.virtualX, () => {
 			handleDealColumns();
 			nextTick(() => {
@@ -5168,7 +5184,7 @@ var StkTable_default = /* @__PURE__ */ defineComponent({
 			return col.title || "";
 		}
 		function getTRProps(row, index) {
-			var _props$expandConfig;
+			var _props$expandConfig2;
 			const rowIndex = getAbsoluteRowIndex(index);
 			const rowKey = rowKeyGen(row);
 			const classList = [
@@ -5185,9 +5201,9 @@ var StkTable_default = /* @__PURE__ */ defineComponent({
 				class: classList.filter(Boolean).join(" "),
 				style: null
 			};
-			if ((row === null || row === void 0 ? void 0 : row.__EXP_R__) && props.virtual && ((_props$expandConfig = props.expandConfig) === null || _props$expandConfig === void 0 ? void 0 : _props$expandConfig.height)) {
-				var _props$expandConfig2;
-				result.style = `--row-height: ${(_props$expandConfig2 = props.expandConfig) === null || _props$expandConfig2 === void 0 ? void 0 : _props$expandConfig2.height}px`;
+			if ((row === null || row === void 0 ? void 0 : row.__EXP_R__) && props.virtual && ((_props$expandConfig2 = props.expandConfig) === null || _props$expandConfig2 === void 0 ? void 0 : _props$expandConfig2.height)) {
+				var _props$expandConfig3;
+				result.style = `--row-height: ${(_props$expandConfig3 = props.expandConfig) === null || _props$expandConfig3 === void 0 ? void 0 : _props$expandConfig3.height}px`;
 			}
 			return result;
 		}

package/lib/src/StkTable/StkTable.vue.d.ts

@@ -20,6 +20,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     /**
      * 行高
      * - `props.autoRowHeight` 为 `true` 时，将表示为期望行高，用于计算。不再影响实际行高。
+     * - 支持动态修改，修改后自动重算可视区行数与滚动高度，并与 `--row-height` 保持同步。
      */
     rowHeight?: number;
     /**
@@ -35,9 +36,15 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
      * @deprecated
      */
     rowCurrentRevokable?: boolean;
-    /** 表头行高。default = rowHeight */
+    /**
+     * 表头行高。default = rowHeight
+     * - 支持动态修改，表头占用的表体行数（pageSize）随之重算。
+     */
     headerRowHeight?: number | string;
-    /** 表尾行高。default = rowHeight */
+    /**
+     * 表尾行高。default = rowHeight
+     * - 支持动态修改。表尾行悬浮于滚动区底部，不计入虚拟滚动的总高度。
+     */
     footerRowHeight?: number | string;
     /** 虚拟滚动 */
     virtual?: boolean;
@@ -510,6 +517,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     /**
      * 行高
      * - `props.autoRowHeight` 为 `true` 时，将表示为期望行高，用于计算。不再影响实际行高。
+     * - 支持动态修改，修改后自动重算可视区行数与滚动高度，并与 `--row-height` 保持同步。
      */
     rowHeight?: number;
     /**
@@ -525,9 +533,15 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
      * @deprecated
      */
     rowCurrentRevokable?: boolean;
-    /** 表头行高。default = rowHeight */
+    /**
+     * 表头行高。default = rowHeight
+     * - 支持动态修改，表头占用的表体行数（pageSize）随之重算。
+     */
     headerRowHeight?: number | string;
-    /** 表尾行高。default = rowHeight */
+    /**
+     * 表尾行高。default = rowHeight
+     * - 支持动态修改。表尾行悬浮于滚动区底部，不计入虚拟滚动的总高度。
+     */
     footerRowHeight?: number | string;
     /** 虚拟滚动 */
     virtual?: boolean;

package/lib/src/StkTable/types/index.d.ts

@@ -297,7 +297,10 @@ export type SeqConfig = {
 };
 /** Configuration options for the expand column  */
 export type ExpandConfig = {
-    /** worked in virtual mode */
+    /**
+     * worked in virtual mode
+     * 展开行的行高，支持动态修改（修改后行高累计与虚拟滚动会一同重算）
+     */
     height?: number;
 };
 /** drag row config */

package/lib/src/StkTable/useVirtualScroll.d.ts

@@ -13,7 +13,12 @@ export type VirtualScrollStore = {
     startIndex: number;
     /** 数组结束位置 */
     endIndex: number;
-    /** 行高 */
+    /**
+     * 基准行高（px）。
+     * 由 initVirtualScrollY 随 props.rowHeight 同步（模板中的 --row-height 亦取此值，二者同源），
+     * 因此行高配置动态变化后此处不会是旧快照。
+     * 仅记录统一基准行高：变高模式（autoRowHeight）与展开行的行级高度不写入此字段。
+     */
     rowHeight: number;
     /** 表格定位上边距 */
     offsetTop: number;

package/lib/stk-table-vue.js

@@ -1,12 +1,12 @@
 /**
  * name: stk-table-vue
- * version: v1.2.4
+ * version: v1.2.6
  * description: High performance realtime virtual table for vue3 and vue2.7
  * author: japlus
  * homepage: https://ja-plus.github.io/stk-table-vue/
  * license: MIT
  */
-import { a as insertToOrderedArray, i as binarySearch, n as registerFeature, o as strCompare, r as useAreaSelection, s as tableSort, t as StkTable_default } from "./StkTable-CVcmlZi9.js";
+import { a as insertToOrderedArray, i as binarySearch, n as registerFeature, o as strCompare, r as useAreaSelection, s as tableSort, t as StkTable_default } from "./StkTable-CGcxwpdb.js";
 import { Fragment, computed, createApp, createBlock, createElementBlock, createElementVNode, createTextVNode, defineComponent, getCurrentInstance, h, markRaw, nextTick, normalizeClass, openBlock, ref, renderSlot, resolveDynamicComponent, toDisplayString, watch, withModifiers } from "vue";
 //#region src/StkTable/custom-cells/FilterCell/Dropdown/index.ts
 var DropdownIns = null;
@@ -15,7 +15,7 @@ async function getDropdownIns() {
 		const div = document.createElement("div");
 		div.classList.add("stk-filter-dropdown-wrapper");
 		document.body.appendChild(div);
-		DropdownIns = createApp(await import("./Dropdown-D_9cB0rD.js").then((module) => module.default)).mount(div);
+		DropdownIns = createApp(await import("./Dropdown-BAANgg_5.js").then((module) => module.default)).mount(div);
 	}
 	return DropdownIns;
 }

package/lib/style.css

@@ -1,6 +1,6 @@
 /**
  * name: stk-table-vue
- * version: v1.2.4
+ * version: v1.2.6
  * description: High performance realtime virtual table for vue3 and vue2.7
  * author: japlus
  * homepage: https://ja-plus.github.io/stk-table-vue/