stk-table-vue 1.0.0-beta.4 → 1.0.0

package/lib/{Dropdown-CtiuG-7-.js → Dropdown-Clc70S1z.js}

@@ -1,12 +1,12 @@
 /**
  * name: stk-table-vue
- * version: v1.0.0-beta.4
+ * version: v1.0.0
  * 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-Bz-71TiQ.js";
+import { t as StkTable_default } from "./StkTable-QUd4TJCF.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-Bz-71TiQ.js → StkTable-QUd4TJCF.js}

@@ -1,6 +1,6 @@
 /**
  * name: stk-table-vue
- * version: v1.0.0-beta.4
+ * version: v1.0.0
  * description: High performance realtime virtual table for vue3 and vue2.7
  * author: japlus
  * homepage: https://ja-plus.github.io/stk-table-vue/
@@ -543,6 +543,7 @@ function useAreaSelection(props, emits, tableContainerRef, dataSourceCopy, table
 		return [
 			ranges.length,
 			ranges.length > 0 ? JSON.stringify(ranges.map((r) => r.index)) : "",
+			vsx.scrollLeft,
 			vs.startIndex,
 			vs.endIndex,
 			vsx.startIndex,
@@ -3201,7 +3202,10 @@ function useVirtualScroll(props, tableContainerRef, trRef, dataSourceCopy, table
 		updateVirtualScrollX(scrollLeft);
 	}
 	let vue2ScrollYTimeout = null;
-	/** every row actual height */
+	/**
+	* every row actual height.
+	* FIXME: use a weak map instead of a plain map
+	*/
 	const autoRowHeightMap = /* @__PURE__ */ new Map();
 	/** 如果行高度有变化，则要调用此方法清除保存的行高 */
 	function setAutoHeight(rowKey, height) {
@@ -4631,8 +4635,8 @@ var StkTable_default = /* @__PURE__ */ defineComponent({
 									class: "vt-x-left",
 									style: normalizeStyle(`min-width:${unref(theadVirtualX).offsetLeft}px;width:${unref(theadVirtualX).offsetLeft}px`)
 								}, null, 4)) : createCommentVNode("", true),
-								(openBlock(true), createElementBlock(Fragment, null, renderList(unref(virtualX_columnPart), (col) => {
-									return openBlock(), createElementBlock(Fragment, { key: col.__VT_C_SP__ ? "spacer" : colKeyGen.value(col) }, [col.__VT_C_SP__ ? (openBlock(), createElementBlock("td", {
+								(openBlock(true), createElementBlock(Fragment, null, renderList(unref(virtualX_columnPart), (col, _colIdx) => {
+									return openBlock(), createElementBlock(Fragment, { key: col.__VT_C_SP__ ? `spacer-${_colIdx}` : colKeyGen.value(col) }, [col.__VT_C_SP__ ? (openBlock(), createElementBlock("td", {
 										key: 0,
 										class: "vt-x-spacer",
 										colspan: col.__VT_C_SP__
@@ -4686,8 +4690,8 @@ var StkTable_default = /* @__PURE__ */ defineComponent({
 								class: "vt-x-left",
 								style: normalizeStyle(`min-width:${unref(theadVirtualX).offsetLeft}px;width:${unref(theadVirtualX).offsetLeft}px`)
 							}, null, 4)) : createCommentVNode("", true),
-							(openBlock(true), createElementBlock(Fragment, null, renderList(unref(virtualX_columnPart), (col) => {
-								return openBlock(), createElementBlock(Fragment, { key: col.__VT_C_SP__ ? "spacer" : colKeyGen.value(col) }, [col.__VT_C_SP__ ? (openBlock(), createElementBlock("td", {
+							(openBlock(true), createElementBlock(Fragment, null, renderList(unref(virtualX_columnPart), (col, _colIdx) => {
+								return openBlock(), createElementBlock(Fragment, { key: col.__VT_C_SP__ ? `spacer-${_colIdx}` : colKeyGen.value(col) }, [col.__VT_C_SP__ ? (openBlock(), createElementBlock("td", {
 									key: 0,
 									class: "vt-x-spacer",
 									colspan: col.__VT_C_SP__
@@ -4716,8 +4720,8 @@ var StkTable_default = /* @__PURE__ */ defineComponent({
 								col: row.__EXP_C__
 							}, () => [createTextVNode(toDisplayString(row.__EXP_R__ && row.__EXP_C__ && row.__EXP_R__[row.__EXP_C__.dataIndex] || ""), 1)])])], 8, _hoisted_12)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
 								unref(virtualX_on) ? (openBlock(), createElementBlock("td", _hoisted_14)) : createCommentVNode("", true),
-								(openBlock(true), createElementBlock(Fragment, null, renderList(unref(virtualX_columnPart), (col) => {
-									return openBlock(), createElementBlock(Fragment, { key: col.__VT_C_SP__ ? "spacer" : colKeyGen.value(col) }, [col.__VT_C_SP__ ? (openBlock(), createElementBlock("td", {
+								(openBlock(true), createElementBlock(Fragment, null, renderList(unref(virtualX_columnPart), (col, _colIdx) => {
+									return openBlock(), createElementBlock(Fragment, { key: col.__VT_C_SP__ ? `spacer-${_colIdx}` : colKeyGen.value(col) }, [col.__VT_C_SP__ ? (openBlock(), createElementBlock("td", {
 										key: 0,
 										class: "vt-x-spacer",
 										colspan: col.__VT_C_SP__

package/lib/stk-table-vue.js

@@ -1,12 +1,12 @@
 /**
  * name: stk-table-vue
- * version: v1.0.0-beta.4
+ * version: v1.0.0
  * 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-Bz-71TiQ.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-QUd4TJCF.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-CtiuG-7-.js").then((module) => module.default)).mount(div);
+		DropdownIns = createApp(await import("./Dropdown-Clc70S1z.js").then((module) => module.default)).mount(div);
 	}
 	return DropdownIns;
 }
@@ -311,13 +311,13 @@ function createEditableCell(option) {
 	return { EditableCell: EditableCellComponent };
 }
 //#endregion
-//#region src/StkTable/custom-cells/CheckboxCell/Checkbox.vue?vue&type=script&setup=true&lang.ts
+//#region src/StkTable/custom-cells/CheckboxCell/CheckboxCell.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "stk-checkbox-cell" };
 var _hoisted_2 = ["checked", ".indeterminate"];
 //#endregion
-//#region src/StkTable/custom-cells/CheckboxCell/Checkbox.vue
-var Checkbox_default = /* @__PURE__ */ defineComponent({
-	__name: "Checkbox",
+//#region src/StkTable/custom-cells/CheckboxCell/CheckboxCell.vue
+var CheckboxCell_default = /* @__PURE__ */ defineComponent({
+	__name: "CheckboxCell",
 	props: {
 		checked: { type: Boolean },
 		indeterminate: { type: Boolean },
@@ -326,17 +326,33 @@ var Checkbox_default = /* @__PURE__ */ defineComponent({
 	emits: ["change"],
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
+		/** 防重保护：部分 UI 库（Element Plus / Arco Design）会同时触发多个事件 */
+		let _lastValue;
 		function handleChange(e) {
-			emit("change", typeof e === "boolean" ? e : e.target.checked);
+			var _e$target;
+			let checked;
+			if (typeof e === "boolean") checked = e;
+			else if ((e === null || e === void 0 || (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.checked) !== void 0) checked = e.target.checked;
+			else checked = !!e;
+			if (checked === _lastValue) return;
+			_lastValue = checked;
+			emit("change", checked);
 		}
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1, [__props.customComponent ? (openBlock(), createBlock(resolveDynamicComponent(__props.customComponent), {
 				key: 0,
 				"model-value": __props.checked,
+				checked: __props.checked,
 				indeterminate: __props.indeterminate,
 				"onUpdate:modelValue": handleChange,
+				"onUpdate:checked": handleChange,
+				onChange: handleChange,
 				onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"]))
-			}, null, 8, ["model-value", "indeterminate"])) : (openBlock(), createElementBlock("input", {
+			}, null, 40, [
+				"model-value",
+				"checked",
+				"indeterminate"
+			])) : (openBlock(), createElementBlock("input", {
 				key: 1,
 				type: "checkbox",
 				checked: __props.checked,
@@ -409,7 +425,7 @@ function createCheckboxCell(options) {
 					props.row[field] = checked;
 					options === null || options === void 0 || (_options$onChange = options.onChange) === null || _options$onChange === void 0 || _options$onChange.call(options, checked, props.row);
 				}
-				return () => h(Checkbox_default, {
+				return () => h(CheckboxCell_default, {
 					checked: isChecked.value,
 					customComponent,
 					onChange: handleChange
@@ -447,7 +463,7 @@ function createCheckboxCell(options) {
 					});
 					options === null || options === void 0 || (_options$onSelectAll = options.onSelectAll) === null || _options$onSelectAll === void 0 || _options$onSelectAll.call(options, checked);
 				}
-				return () => h(Checkbox_default, {
+				return () => h(CheckboxCell_default, {
 					checked: isCheckAll.value,
 					indeterminate: isIndeterminate.value,
 					customComponent,

package/lib/style.css

@@ -1,6 +1,6 @@
 /**
  * name: stk-table-vue
- * version: v1.0.0-beta.4
+ * version: v1.0.0
  * description: High performance realtime virtual table for vue3 and vue2.7
  * author: japlus
  * homepage: https://ja-plus.github.io/stk-table-vue/
@@ -119,6 +119,7 @@
   width:100%;
   font-size:inherit;
   line-height:inherit;
+  font-family:inherit;
   box-sizing:border-box;
   outline:none;
   padding:0 4px;

package/package.json

@@ -1,85 +1,89 @@
-{
-  "name": "stk-table-vue",
-  "version": "1.0.0-beta.4",
-  "description": "High performance realtime virtual table for vue3 and vue2.7",
-  "main": "./lib/stk-table-vue.js",
-  "types": "./lib/src/StkTable/index.d.ts",
-  "homepage": "https://ja-plus.github.io/stk-table-vue/",
-  "author": "japlus",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/ja-plus/stk-table-vue"
-  },
-  "bugs": {
-    "url": "https://github.com/ja-plus/stk-table-vue/issues"
-  },
-  "packageManager": "pnpm@10.7.0",
-  "directories": {
-    "test": "test"
-  },
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "test": "vitest",
-    "docs:dev": "vitepress dev docs-src",
-    "docs:build": "vitepress build docs-src",
-    "docs:preview": "vitepress preview docs-src",
-    "docs:update": "cp -rf ./docs-src/.vitepress/dist/* ./docs"
-  },
-  "keywords": [
-    "vue",
-    "table",
-    "vue-table",
-    "virtual table",
-    "virtual-scroll",
-    "data-table",
-    "vue-component",
-    "grid",
-    "vue2",
-    "vue3",
-    "highlight",
-    "sticky",
-    "virtual",
-    "list"
-  ],
-  "files": [
-    "lib",
-    "src"
-  ],
-  "devDependencies": {
-    "@chenglou/pretext": "^0.0.8",
-    "@types/mockjs": "^1.0.10",
-    "@types/node": "^22.18.10",
-    "@typescript-eslint/eslint-plugin": "^7.7.0",
-    "@typescript-eslint/parser": "^7.7.0",
-    "@vitejs/plugin-vue": "^6.0.5",
-    "@vue/test-utils": "^2.4.6",
-    "eslint": "^8.57.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-html": "^8.1.0",
-    "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-vue": "^9.25.0",
-    "happy-dom": "^18.0.1",
-    "ja-contextmenu": "^1.11.0",
-    "less": "^4.2.0",
-    "mitt": "^3.0.1",
-    "mockjs": "^1.1.0",
-    "postcss": "^8.4.47",
-    "postcss-discard-comments": "^6.0.2",
-    "postcss-preset-env": "^9.5.11",
-    "prettier": "^3.2.5",
-    "stk-table-vue": "^0.11.15",
-    "typescript": "^5.8.3",
-    "vite": "^8.1.2",
-    "vite-plugin-banner": "^0.8.1",
-    "vite-plugin-dts": "3.9.1",
-    "vitepress": "^1.6.4",
-    "vitepress-demo-plugin": "^1.5.1",
-    "vitepress-plugin-llms": "^1.13.2",
-    "vitest": "^4.1.9",
-    "vue": "^3.5.39",
-    "vue-eslint-parser": "^9.4.2"
-  }
-}
+{
+  "name": "stk-table-vue",
+  "version": "1.0.0",
+  "description": "High performance realtime virtual table for vue3 and vue2.7",
+  "main": "./lib/stk-table-vue.js",
+  "types": "./lib/src/StkTable/index.d.ts",
+  "homepage": "https://ja-plus.github.io/stk-table-vue/",
+  "author": "japlus",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ja-plus/stk-table-vue"
+  },
+  "bugs": {
+    "url": "https://github.com/ja-plus/stk-table-vue/issues"
+  },
+  "packageManager": "pnpm@10.7.0",
+  "directories": {
+    "test": "test"
+  },
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "test": "vitest",
+    "docs:dev": "vitepress dev docs-src",
+    "docs:build": "vitepress build docs-src",
+    "docs:preview": "vitepress preview docs-src",
+    "docs:update": "cp -rf ./docs-src/.vitepress/dist/* ./docs"
+  },
+  "keywords": [
+    "vue",
+    "table",
+    "vue-table",
+    "virtual table",
+    "virtual-scroll",
+    "data-table",
+    "vue-component",
+    "grid",
+    "vue2",
+    "vue3",
+    "highlight",
+    "sticky",
+    "virtual",
+    "list"
+  ],
+  "files": [
+    "lib",
+    "src"
+  ],
+  "devDependencies": {
+    "@arco-design/web-vue": "^2.58.0",
+    "@chenglou/pretext": "^0.0.8",
+    "@types/mockjs": "^1.0.10",
+    "@types/node": "^22.18.10",
+    "@typescript-eslint/eslint-plugin": "^7.7.0",
+    "@typescript-eslint/parser": "^7.7.0",
+    "@vitejs/plugin-vue": "^6.0.5",
+    "@vue/test-utils": "^2.4.6",
+    "ant-design-vue": "4",
+    "element-plus": "^2.14.3",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-html": "^8.1.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-vue": "^9.25.0",
+    "happy-dom": "^18.0.1",
+    "ja-contextmenu": "^1.11.0",
+    "less": "^4.2.0",
+    "mitt": "^3.0.1",
+    "mockjs": "^1.1.0",
+    "naive-ui": "2",
+    "postcss": "^8.4.47",
+    "postcss-discard-comments": "^6.0.2",
+    "postcss-preset-env": "^9.5.11",
+    "prettier": "^3.2.5",
+    "stk-table-vue": "^0.11.15",
+    "typescript": "^5.8.3",
+    "vite": "^8.1.2",
+    "vite-plugin-banner": "^0.8.1",
+    "vite-plugin-dts": "3.9.1",
+    "vitepress": "^1.6.4",
+    "vitepress-demo-plugin": "^1.5.1",
+    "vitepress-plugin-llms": "^1.13.2",
+    "vitest": "^4.1.9",
+    "vue": "^3.5.39",
+    "vue-eslint-parser": "^9.4.2"
+  }
+}

package/src/StkTable/StkTable.vue

@@ -119,7 +119,7 @@
                             class="vt-x-left"
                             :style="`min-width:${theadVirtualX.offsetLeft}px;width:${theadVirtualX.offsetLeft}px`"
                         ></td>
-                        <template v-for="col in virtualX_columnPart" :key="col.__VT_C_SP__ ? 'spacer' : colKeyGen(col)">
+                        <template v-for="(col, _colIdx) in virtualX_columnPart" :key="col.__VT_C_SP__ ? `spacer-${_colIdx}` : colKeyGen(col)">
                             <td v-if="col.__VT_C_SP__" class="vt-x-spacer" :colspan="col.__VT_C_SP__"></td>
                             <td v-else v-bind="getTFProps(col)">
                                 <component
@@ -157,7 +157,7 @@
                                 class="vt-x-left"
                                 :style="`min-width:${theadVirtualX.offsetLeft}px;width:${theadVirtualX.offsetLeft}px`"
                             ></td>
-                            <template v-for="col in virtualX_columnPart" :key="col.__VT_C_SP__ ? 'spacer' : colKeyGen(col)">
+                            <template v-for="(col, _colIdx) in virtualX_columnPart" :key="col.__VT_C_SP__ ? `spacer-${_colIdx}` : colKeyGen(col)">
                                 <td v-if="col.__VT_C_SP__" class="vt-x-spacer" :colspan="col.__VT_C_SP__"></td>
                                 <td v-else :style="cellStyleMap[TagType.TD].get(colKeyGen(col))"></td>
                             </template>
@@ -178,7 +178,7 @@
                         </td>
                         <template v-else>
                             <td v-if="virtualX_on" class="vt-x-left"></td>
-                            <template v-for="col in virtualX_columnPart" :key="col.__VT_C_SP__ ? 'spacer' : colKeyGen(col)">
+                            <template v-for="(col, _colIdx) in virtualX_columnPart" :key="col.__VT_C_SP__ ? `spacer-${_colIdx}` : colKeyGen(col)">
                                 <td v-if="col.__VT_C_SP__" class="vt-x-spacer" :colspan="col.__VT_C_SP__"></td>
                                 <td
                                     v-else-if="!shouldHideCell(row, col)"

package/src/StkTable/custom-cells/CheckboxCell/{Checkbox.vue → CheckboxCell.vue}

@@ -4,8 +4,11 @@
             :is="customComponent"
             v-if="customComponent"
             :model-value="checked"
+            :checked="checked"
             :indeterminate="indeterminate"
             @update:model-value="handleChange"
+            @update:checked="handleChange"
+            @change="handleChange"
             @click.stop
         />
         <input
@@ -34,8 +37,20 @@ const emit = defineEmits<{
     (e: 'change', checked: boolean): void;
 }>();
 
-function handleChange(e: Event | boolean) {
-    const checked = typeof e === 'boolean' ? e : (e.target as HTMLInputElement).checked;
+/** 防重保护：部分 UI 库（Element Plus / Arco Design）会同时触发多个事件 */
+let _lastValue: boolean | undefined;
+
+function handleChange(e: any) {
+    let checked: boolean;
+    if (typeof e === 'boolean') {
+        checked = e;
+    } else if (e?.target?.checked !== undefined) {
+        checked = e.target.checked;
+    } else {
+        checked = !!e;
+    }
+    if (checked === _lastValue) return;
+    _lastValue = checked;
     emit('change', checked);
 }
 </script>

package/src/StkTable/custom-cells/CheckboxCell/createCheckboxCell.ts

@@ -1,7 +1,7 @@
 /* eslint-disable vue/one-component-per-file */
 import type { CustomCellProps } from '../../types';
 import { computed, defineComponent, getCurrentInstance, h, markRaw } from 'vue';
-import CheckboxVue from './Checkbox.vue';
+import CheckboxVue from './CheckboxCell.vue';
 
 /** createCheckboxCell 配置选项 */
 export interface createCheckboxCellOptions<T = any> {

package/src/StkTable/custom-cells/CheckboxCell/index.ts

@@ -2,4 +2,4 @@
 export { createCheckboxCell } from './createCheckboxCell';
 export type { createCheckboxCellOptions } from './createCheckboxCell';
 
-import './Checkbox.less';
+import './CheckboxCell.less';

package/src/StkTable/custom-cells/EditableCell/EditableCell.less

@@ -10,6 +10,7 @@
     width: 100%;
     font-size: inherit;
     line-height: inherit;
+    font-family: inherit;
     box-sizing: border-box;
     outline: none;
     padding: 0 4px;

package/src/StkTable/features/useAreaSelection.ts

@@ -296,6 +296,7 @@ export function useAreaSelection<DT extends Record<string, any>>(
             return [
                 ranges.length,
                 ranges.length > 0 ? JSON.stringify(ranges.map(r => r.index)) : '',
+                vsx.scrollLeft,
                 vs.startIndex,
                 vs.endIndex,
                 vsx.startIndex,

package/src/StkTable/useVirtualScroll.ts

@@ -402,7 +402,10 @@ export function useVirtualScroll(
 
     let vue2ScrollYTimeout: null | number = null;
 
-    /** every row actual height */
+    /**
+     * every row actual height.
+     * FIXME: use a weak map instead of a plain map
+     */
     const autoRowHeightMap = new Map<string, number>();
     /** 如果行高度有变化，则要调用此方法清除保存的行高 */
     function setAutoHeight(rowKey: UniqKey, height?: number | null) {