holyes-table 1.0.8 → 1.0.9

package/README.md

@@ -1,10 +1,10 @@
 # 组件说明
 
-这个是用@chenglou-pretext开发的虚拟滚动表格组件。
+这个基于Canvas计算行高的虚拟滚动表格组件。
 
 ## 优化
 
-1. 用div+grid布局, 每一行的行高是通过@chenglou-pretext计算的, 这样不会触发 ResizeObserver 导致重排。
+1. 用div+grid布局, 每一行的行高是通过Canvas计算的, 这样不会触发重排。
 
 2. 大数据时, 会通过worker线程计算高度，然后逐渐渲染最大高度，提升首次渲染性能。
 
@@ -31,7 +31,6 @@
 
 ## 组件依赖
 
-- @chenglou-pretext ^0.0.5
 - vxe-pc-ui ^4.9.41
 - xe-utils ^4.0.4
 
@@ -665,7 +664,7 @@ const columns = [
 1 **自定义插槽**
 
 - 已经默认配置了一些单元格类型 defaultType，不一定都需要自定义插槽。
-- 如果确实需要自定义插槽，必须填写插槽的高度defaultHeight，最好定死列宽度，因为整个表格的高度是根据 @chenglou-pretext 计算的，能准确计算出每一行的行高。
+- 如果确实需要自定义插槽，必须填写插槽的高度defaultHeight，最好定死列宽度，因为整个表格的高度是根据 Canvas 计算的，能准确计算出每一行的行高。
 
 2 **性能优化**
 
@@ -678,4 +677,4 @@ const columns = [
 - 表格使用 CSS Grid 布局，可以通过 CSS 变量自定义样式
 - 支持斑马纹、悬停高亮、当前行高亮等样式配置
 - 表头支持固定定位，滚动时保持可见
-- 暂不支持自定义文字大小，会影响@chenglou-pretext 计算行高
+- 暂不支持自定义文字大小，会影响计算行高

package/dist/index.mjs

@@ -2,7 +2,7 @@ import { Fragment as e, Teleport as t, createBlock as n, createCommentVNode as r
 import { VxeButton as k, VxeCheckbox as ee, VxeCheckboxGroup as te, VxeIcon as A, VxeInput as ne, VxeLoading as re, VxeNumberInput as ie, VxeRadioGroup as j, VxeSwitch as ae, VxeTag as oe } from "vxe-pc-ui";
 import M, { debounce as se, isNaN as N, orderBy as ce, toArrayTree as le } from "xe-utils";
 //#region lib/pretextTable/worker/pretextTableGetItemHeight.ts?worker&inline
-var ue = "(function(){let e=e=>{let t=0;switch(!0){case!e:case typeof e!=`string`:return t;default:break}for(let n=0;n<e.length;n++){let r=e.charCodeAt(n);r>=19968&&r<=40959||r>=12352&&r<=12543||r>=44032&&r<=55215?t+=2:t+=1}return t};self.onmessage=t=>{let{tempData:n,commonStyles:r,itemStyles:i,divLineHeight:a,cellMinHeight:o,keyNames:s,isNoAutoWrap:c,columns:l,treeConfig:u,defaultTreeConfig:d}=t.data,f=0;performance.mark(`start`);let p=new OffscreenCanvas(1,1).getContext(`2d`);p.font=`${i.fontWeight} ${i.fontSize}/${a} ${r?.fontFamily}`;function m(e){return p.measureText(e).width}function h(e,t,n){let r=m(e);return Math.ceil(r/t)*a+n}let g=[],_=new Map,v=e=>{e.slots?.default&&!e.slots?.defaultHeight&&(_.has(e.field)||(console.error(`表格设置了插槽，插槽高度defaultHeight不能为空，否则会导致高度计算错误`,e.field),_.set(e.field,1))),(e.slots.defaultType==`tag`||e.slots.defaultType==`buttons`)&&(e.slots.defaultHeight||(e.slots.defaultHeight=30))},y=u?.childrenField||d.childrenField,b=(t,n)=>{t[y]?.length&&t[y].forEach(e=>{b(e,n+1)});let r=o,i=[],p=0;if(c)for(let e of l)v(e),p=Math.max(p,e.slots?.defaultHeight||0),r=Math.max(r,a);else{for(let r of l){(r.slots?.default||r.slots?.defaultType)&&(v(r),p=Math.max(p,r.slots?.defaultHeight||0));let a=Math.max(r.minWidth||30,r.width||0),o=t[r.field]||``;r.treeNode&&u?.isOpenTree&&(u?.showIcon&&(o+=`图`),u?.indent&&(a-=(u?.indent||d.indent||20)*n));let s=e(o)/a;testLength:for(let e=0;e<3;e++)if((i[e]?.density||0)<s){i[e]={field:r.field,tempWidth:a,density:s,tempText:o};break testLength}}for(let e of i){let t=e.tempWidth,n=h(e.tempText,t,0);r=Math.max(r,n)}}g.push({pretextHeight:Math.max(r,p)+1,id:t[s.id]}),n==0&&(f+=Math.max(r,p)+1)};for(let e of n)b(e,0);performance.mark(`end`),self.postMessage({tempItemHeights:f,heightDatas:g}),self.close()}})();", P = typeof self < "u" && self.Blob && new Blob(["(self.URL || self.webkitURL).revokeObjectURL(self.location.href);", ue], { type: "text/javascript;charset=utf-8" });
+var ue = "(function(){let e=e=>{let t=0;switch(!0){case!e:case typeof e!=`string`:return t;default:break}for(let n=0;n<e.length;n++){let r=e.charCodeAt(n);r==64||r>=19968&&r<=40959||r>=12352&&r<=12543||r>=44032&&r<=55215?t+=2:t+=1}return t};self.onmessage=t=>{let{tempData:n,commonStyles:r,itemStyles:i,divLineHeight:a,cellMinHeight:o,keyNames:s,isNoAutoWrap:c,columns:l,treeConfig:u,defaultTreeConfig:d}=t.data,f=0;performance.mark(`start`);let p=new OffscreenCanvas(1,1).getContext(`2d`);p.font=`${i.fontWeight} ${i.fontSize}/${a} ${r?.fontFamily}`;function m(e){return p.measureText(e).width}function h(e,t,n){let r=m(e);return Math.ceil(r/t)*a+n}let g=[],_=new Map,v=e=>{e.slots?.default&&!e.slots?.defaultHeight&&(_.has(e.field)||(console.error(`表格设置了插槽，插槽高度defaultHeight不能为空，否则会导致高度计算错误`,e.field),_.set(e.field,1))),(e.slots.defaultType==`tag`||e.slots.defaultType==`buttons`)&&(e.slots.defaultHeight||(e.slots.defaultHeight=30))},y=u?.childrenField||d.childrenField,b=(t,n)=>{t[y]?.length&&t[y].forEach(e=>{b(e,n+1)});let r=o,i=[],p=0;if(c)for(let e of l)v(e),p=Math.max(p,e.slots?.defaultHeight||0),r=Math.max(r,a);else{for(let r of l){(r.slots?.default||r.slots?.defaultType)&&(v(r),p=Math.max(p,r.slots?.defaultHeight||0));let a=Math.max(r.minWidth||30,r.width||0),o=t[r.field]||``;r.treeNode&&u?.isOpenTree&&(u?.showIcon&&(o+=`图`),u?.indent&&(a-=(u?.indent||d.indent||20)*n));let s=e(o)/a;testLength:for(let e=0;e<3;e++)if((i[e]?.density||0)<s){i[e]={field:r.field,tempWidth:a,density:s,tempText:o};break testLength}}for(let e of i){let t=e.tempWidth,n=h(e.tempText,t,0);r=Math.max(r,n)}}g.push({pretextHeight:Math.max(r,p)+1,id:t[s.id]}),n==0&&(f+=Math.max(r,p)+1)};for(let e of n)b(e,0);performance.mark(`end`),self.postMessage({tempItemHeights:f,heightDatas:g}),self.close()}})();", P = typeof self < "u" && self.Blob && new Blob(["(self.URL || self.webkitURL).revokeObjectURL(self.location.href);", ue], { type: "text/javascript;charset=utf-8" });
 function de(e) {
 	let t;
 	try {
@@ -24,8 +24,8 @@ function fe(e) {
 	}, i = (e) => {
 		n.value = 0;
 		let r = t.value?.clientWidth || 0, i = [], a = 0, o = () => {
-			if (r - 20 - a <= 0) return;
-			let e = Number(((r - 20) / a).toFixed(2));
+			if (r - 13 - a <= 0) return;
+			let e = Number(((r - 13) / a).toFixed(2));
 			i.forEach((t) => {
 				t.width = Math.round(Number((t.minWidth || 100) * e));
 			});
@@ -377,7 +377,7 @@ function ge(e) {
 			} else {
 				for (let e of f.value) e.value = "", e.type == "listFilter" && (e.listFilter.selectedValue = []), e.isActive = !1;
 				if (o(), !h) return;
-				h = !1, i(r.value), s();
+				h = !1, D();
 			}
 			return Promise.resolve();
 		}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "holyes-table",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "description": "合力思虚拟滚动表格组件",
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
@@ -30,13 +30,11 @@
     "废弃某个版本": "npm deprecate holyes-table@1.0.3 '请升级到版本1.0.4+' --registry https://registry.npmjs.org"
   },
   "peerDependencies": {
-    "@chenglou/pretext": "^0.0.7",
     "vue": "^3.3.13",
     "vxe-pc-ui": "^4.9.41",
     "xe-utils": "^4.0.4"
   },
   "devDependencies": {
-    "@chenglou/pretext": "^0.0.7",
     "@vitejs/plugin-vue": "^6.0.6",
     "less": "^4.6.4",
     "typescript": "~6.0.2",