holyes-table 1.0.18 → 1.0.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
CHANGED
|
@@ -564,6 +564,7 @@ type HolyesTableFooterProps = {
|
|
|
564
564
|
| 方法名 | 参数 | 返回值 | 说明 |
|
|
565
565
|
| -------- | ------ | -------- | -------- |
|
|
566
566
|
| reloadData | `(data: any[])` | `Promise<void>` | 重新设置表格数据 |
|
|
567
|
+
| setCurrentRow | `(item: any, isEmitsCurrentChange?: boolean = true)` | `void` | 设置当前选中的行, 会判断是否更换了选中行, 并触发 currentChange 事件 |
|
|
567
568
|
| getTableData | `()` | `{ fullData, visibleData }` | 获取表格数据(包含全部数据、当前可见数据) |
|
|
568
569
|
| getCheckboxRecords | `(isFull: boolean, field?: string)` | `any[]` | 获取所有选中的行数据,isFull 为false时, 只获取当前可见数据的选中行; field 为选中列字段, 默认第一个选中列字段 |
|
|
569
570
|
| clearCheckboxRow | `()` | `void` | 清空多选列选中状态 |
|
package/dist/index.mjs
CHANGED
|
@@ -257,7 +257,7 @@ function me(e) {
|
|
|
257
257
|
}
|
|
258
258
|
//#endregion
|
|
259
259
|
//#region lib/pretextTable/hook/useSort.ts
|
|
260
|
-
function
|
|
260
|
+
function L(e) {
|
|
261
261
|
let { nowDataSource: t, getVisibleData: n, setNowDataSource: r, treeConfig: i, defaultTreeConfig: a, columns: o } = e, s = g(""), c = "", l = g(null), u = (e, t) => {
|
|
262
262
|
let n = o?.value || [];
|
|
263
263
|
c = "";
|
|
@@ -304,7 +304,7 @@ function he(e) {
|
|
|
304
304
|
}
|
|
305
305
|
//#endregion
|
|
306
306
|
//#region lib/pretextTable/hook/useFilter.ts
|
|
307
|
-
function
|
|
307
|
+
function he(e) {
|
|
308
308
|
let { columns: t, baseDataSource: n, setNowDataSource: r, scrollTo: i, refresh: a, afterFilter: o, treeConfig: s, defaultTreeConfig: c } = e, l = [{
|
|
309
309
|
label: "模糊搜索",
|
|
310
310
|
value: "模糊"
|
|
@@ -501,7 +501,7 @@ function ge(e) {
|
|
|
501
501
|
}
|
|
502
502
|
//#endregion
|
|
503
503
|
//#region lib/pretextTable/hook/useHeaderResize.ts
|
|
504
|
-
var
|
|
504
|
+
var ge = (e) => {
|
|
505
505
|
let { pretextTableRef: t, afterResize: n } = e, r = g(!1), i = 0, a = g(0), o = 0, s = 0, c = null, l = (e, n) => {
|
|
506
506
|
e.preventDefault(), e.stopPropagation(), e.target && (c = n, o = t.value?.getBoundingClientRect().left || 0, r.value = !0, i = e.clientX - o - 0, a.value = i, s = e.clientX - o - 0 - (n.width || n.minWidth || 0) + (n.minWidth || 100), document.body.classList.add("pretextTable-resize-dragging"), document.addEventListener("mousemove", d), document.addEventListener("mouseup", f));
|
|
507
507
|
}, u = null, d = (e) => {
|
|
@@ -523,7 +523,7 @@ var _e = (e) => {
|
|
|
523
523
|
dragLineLeft: a,
|
|
524
524
|
startResize: l
|
|
525
525
|
};
|
|
526
|
-
},
|
|
526
|
+
}, _e = (e) => {
|
|
527
527
|
let { showFooter: t, nowDataSource: n, columns: r } = e, i = g(0), a = g([]), o = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map(), c = (e) => {
|
|
528
528
|
if (s.clear(), !t) {
|
|
529
529
|
i.value = 0;
|
|
@@ -622,7 +622,7 @@ var _e = (e) => {
|
|
|
622
622
|
}
|
|
623
623
|
}
|
|
624
624
|
};
|
|
625
|
-
},
|
|
625
|
+
}, ve = (e) => {
|
|
626
626
|
let { treeConfig: t, afterTreeExpand: n, insertChild: r } = e, i = t?.idField || I.idField, a = t?.parentField || I.parentField, o = t?.childrenField || I.childrenField, s = /* @__PURE__ */ new Map(), c = (e, n = !1) => {
|
|
627
627
|
let r = t?.childrenField || I.childrenField, i = t?.idField || F.id || "";
|
|
628
628
|
for (let t of e) s.get(t[i]) && (t[F.isCollapsed] = !0), n && t[r]?.length && c(t[r], !0);
|
|
@@ -665,10 +665,10 @@ var _e = (e) => {
|
|
|
665
665
|
n(e, i);
|
|
666
666
|
}
|
|
667
667
|
};
|
|
668
|
-
},
|
|
668
|
+
}, R = () => {
|
|
669
669
|
let e = document.activeElement;
|
|
670
670
|
e?.blur && e.blur();
|
|
671
|
-
},
|
|
671
|
+
}, ye = (e) => {
|
|
672
672
|
let { expandConfig: t, afterRowExpand: n, insertExpandRow: r } = e, i = {
|
|
673
673
|
transform: !0,
|
|
674
674
|
parentField: "parentId",
|
|
@@ -695,7 +695,7 @@ var _e = (e) => {
|
|
|
695
695
|
n(e, t);
|
|
696
696
|
}
|
|
697
697
|
};
|
|
698
|
-
},
|
|
698
|
+
}, z = (e) => {
|
|
699
699
|
let t = y([]), n = y([]), r = g(), i = g(), a = g(0), o = g(0), s = g(!1);
|
|
700
700
|
w(() => e.props.loading, (e) => {
|
|
701
701
|
s.value = e;
|
|
@@ -708,7 +708,7 @@ var _e = (e) => {
|
|
|
708
708
|
i.value?.scrollTo(e);
|
|
709
709
|
}, m = y([]), h = y([]), _ = [], v = /* @__PURE__ */ new Map(), b = (t) => {
|
|
710
710
|
v.clear(), h.value = t, _ = [], ne();
|
|
711
|
-
let n = 1, r = !1, i = 0, a = e.props.treeConfig?.childrenField ||
|
|
711
|
+
let n = 1, r = !1, i = 0, a = e.props.treeConfig?.childrenField || q.childrenField, o = (t, n, r) => {
|
|
712
712
|
if (_.push(t), t[F.level] = r, e.props.treeConfig?.isOpenTree) {
|
|
713
713
|
let e = t?.[a] || [];
|
|
714
714
|
if (t?.[F.filterChildren]?.length > 0 && (e = t[F.filterChildren]), e.length > 0 && t[F.isCollapsed]) {
|
|
@@ -751,7 +751,7 @@ var _e = (e) => {
|
|
|
751
751
|
});
|
|
752
752
|
if (o) {
|
|
753
753
|
P(o.heightDatas);
|
|
754
|
-
let t = e.props.treeConfig?.childrenField ||
|
|
754
|
+
let t = e.props.treeConfig?.childrenField || q.childrenField;
|
|
755
755
|
i[t] = n;
|
|
756
756
|
}
|
|
757
757
|
}, C = (t) => {
|
|
@@ -762,7 +762,7 @@ var _e = (e) => {
|
|
|
762
762
|
[F.height]: e.props.expandConfig?.height || 0
|
|
763
763
|
};
|
|
764
764
|
X([r]), n[F.expandChildren] = [r];
|
|
765
|
-
}, { headerHeight: T, headerStyles: E, createHeader: ee, headerRef: D, getHeaderRefHeight: O } = fe({ pretextTableRef: r }), { footerHeight: k, footerColumns: te, getFooterHeight: A, updateFooter: ne, updateFooterCellLabel: re } =
|
|
765
|
+
}, { headerHeight: T, headerStyles: E, createHeader: ee, headerRef: D, getHeaderRefHeight: O } = fe({ pretextTableRef: r }), { footerHeight: k, footerColumns: te, getFooterHeight: A, updateFooter: ne, updateFooterCellLabel: re } = _e({
|
|
766
766
|
showFooter: e.props.showFooter,
|
|
767
767
|
nowDataSource: h,
|
|
768
768
|
columns: t
|
|
@@ -776,7 +776,7 @@ var _e = (e) => {
|
|
|
776
776
|
ie.value = e;
|
|
777
777
|
}, M = {
|
|
778
778
|
fontWeight: "400",
|
|
779
|
-
fontSize: "14px"
|
|
779
|
+
fontSize: e.props.cellStyle?.fontSize ? isNaN(Number(e.props.cellStyle?.fontSize)) ? /^\d+px$/.test(e.props.cellStyle?.fontSize) ? e.props.cellStyle?.fontSize : "14px" : e.props.cellStyle?.fontSize + "px" : "14px"
|
|
780
780
|
}, le = !!e.props.showOverflow, ue = e.props.cellMinHeight || 22, N = (t) => new Promise((n, r) => {
|
|
781
781
|
let i = new de(), a = {
|
|
782
782
|
tempData: t.tempData,
|
|
@@ -792,7 +792,7 @@ var _e = (e) => {
|
|
|
792
792
|
...e.props.treeConfig,
|
|
793
793
|
loadMethod: void 0
|
|
794
794
|
},
|
|
795
|
-
defaultTreeConfig: { ...
|
|
795
|
+
defaultTreeConfig: { ...q }
|
|
796
796
|
};
|
|
797
797
|
i.postMessage(a), i.onmessage = (e) => {
|
|
798
798
|
n(e.data), i.terminate();
|
|
@@ -804,14 +804,14 @@ var _e = (e) => {
|
|
|
804
804
|
let e = Y.get(t.id);
|
|
805
805
|
e && (e[F.height] = t.pretextHeight);
|
|
806
806
|
}
|
|
807
|
-
}, I = 0,
|
|
807
|
+
}, I = 0, z = !1, be = async (e) => {
|
|
808
808
|
if (t.value?.length === 0) {
|
|
809
809
|
if (I++, I > 50) {
|
|
810
810
|
console.error("表格没有设置 columns.value");
|
|
811
811
|
return;
|
|
812
812
|
}
|
|
813
813
|
setTimeout(() => {
|
|
814
|
-
|
|
814
|
+
be(e);
|
|
815
815
|
}, 100);
|
|
816
816
|
return;
|
|
817
817
|
}
|
|
@@ -837,9 +837,9 @@ var _e = (e) => {
|
|
|
837
837
|
treeNode: t.treeNode || !1
|
|
838
838
|
});
|
|
839
839
|
}
|
|
840
|
-
if (e.length *
|
|
840
|
+
if (e.length * xe >= Se) {
|
|
841
841
|
let t = 5e3;
|
|
842
|
-
|
|
842
|
+
z = !0;
|
|
843
843
|
let i = await N({
|
|
844
844
|
tempData: e.slice(0, 100),
|
|
845
845
|
index: 0,
|
|
@@ -863,28 +863,28 @@ var _e = (e) => {
|
|
|
863
863
|
index: i.tempI,
|
|
864
864
|
columns: r
|
|
865
865
|
});
|
|
866
|
-
t && (n += t.tempItemHeights, se(n), oe(n), c++, P(t.heightDatas), c == s && (b(e), j(),
|
|
866
|
+
t && (n += t.tempItemHeights, se(n), oe(n), c++, P(t.heightDatas), c == s && (b(e), j(), z = !1));
|
|
867
867
|
}
|
|
868
868
|
};
|
|
869
869
|
for (let e of a) t(e);
|
|
870
870
|
}
|
|
871
871
|
} else {
|
|
872
|
-
|
|
872
|
+
z = !0;
|
|
873
873
|
let t = await N({
|
|
874
874
|
tempData: e,
|
|
875
875
|
index: 0,
|
|
876
876
|
columns: r
|
|
877
877
|
});
|
|
878
|
-
|
|
878
|
+
z = !1, t && (P(t.heightDatas), b(e), j(), H());
|
|
879
879
|
}
|
|
880
|
-
},
|
|
881
|
-
if (
|
|
880
|
+
}, xe = 0, Se = 1e4, B = 0, Ce = 0, we = g(0), V = !1, Te = (e) => {
|
|
881
|
+
if (Ce = i.value?.scrollLeft || 0, B == i.value?.scrollTop) {
|
|
882
882
|
V ||= (window.requestAnimationFrame(() => {
|
|
883
883
|
Me(), V = !1;
|
|
884
884
|
}), !0);
|
|
885
885
|
return;
|
|
886
886
|
}
|
|
887
|
-
|
|
887
|
+
B = i.value?.scrollTop || 0, e.preventDefault(), V ||= (window.requestAnimationFrame(() => {
|
|
888
888
|
H(), V = !1;
|
|
889
889
|
}), !0);
|
|
890
890
|
}, Ee = (e) => {
|
|
@@ -925,7 +925,7 @@ var _e = (e) => {
|
|
|
925
925
|
s = v.get(i) || {
|
|
926
926
|
totalHeight: 0,
|
|
927
927
|
row: {}
|
|
928
|
-
}, r = s.totalHeight,
|
|
928
|
+
}, r = s.totalHeight, we.value = r - s.row[F.height], o.push(s.row), n = e + t;
|
|
929
929
|
getHeightFor: for (let e = i; e < _.length; e++) {
|
|
930
930
|
let t = _[e];
|
|
931
931
|
if (r += t[F.height], n) if (r <= n) o.push(t);
|
|
@@ -936,7 +936,7 @@ var _e = (e) => {
|
|
|
936
936
|
let a = _[i];
|
|
937
937
|
if (a) {
|
|
938
938
|
if (r += a[F.height], e <= r && n == 0) {
|
|
939
|
-
|
|
939
|
+
we.value = r - a[F.height], o.push(a), n = e + t;
|
|
940
940
|
continue;
|
|
941
941
|
}
|
|
942
942
|
if (n) if (r <= n) o.push(a);
|
|
@@ -962,13 +962,12 @@ var _e = (e) => {
|
|
|
962
962
|
}
|
|
963
963
|
}
|
|
964
964
|
}
|
|
965
|
-
r
|
|
966
|
-
}, Ne = ce(H, 200), { fixedColumnsLeft: Pe, fixedColumnsRight: Fe, fixedLeftIndex: Ie, fixedRightIndex: Le, reflashGridTemplateColumns: Re, gridTemplateColumns: ze, getGridStyles: U } = pe({ columns: t }), W = y({}),
|
|
967
|
-
|
|
968
|
-
|
|
969
|
-
|
|
970
|
-
|
|
971
|
-
let r = e.props.treeConfig.childrenField || K.childrenField;
|
|
965
|
+
r <= a && (Ae.value = r, je.value = a);
|
|
966
|
+
}, Ne = ce(H, 200), { fixedColumnsLeft: Pe, fixedColumnsRight: Fe, fixedLeftIndex: Ie, fixedRightIndex: Le, reflashGridTemplateColumns: Re, gridTemplateColumns: ze, getGridStyles: U } = pe({ columns: t }), W = y({}), G = (t, n = !0) => {
|
|
967
|
+
e.props.rowConfig?.isCurrent && W.value != t && (W.value = t, n && e.emits("currentChange", { newValue: t }));
|
|
968
|
+
}, Be = (t, n) => {
|
|
969
|
+
if (G(t), e.props.treeConfig?.isOpenTree) {
|
|
970
|
+
let r = e.props.treeConfig.childrenField || q.childrenField;
|
|
972
971
|
switch (!0) {
|
|
973
972
|
case t?.[r]?.length == 0: break;
|
|
974
973
|
case e.props.treeConfig?.trigger == "cell" && n.treeNode:
|
|
@@ -981,7 +980,7 @@ var _e = (e) => {
|
|
|
981
980
|
if (e.props.expandConfig?.isExpand) switch (!0) {
|
|
982
981
|
case e.props.expandConfig?.trigger == "cell" && n.type == "expand":
|
|
983
982
|
case e.props.expandConfig?.trigger == "row":
|
|
984
|
-
|
|
983
|
+
ct([t], !t[F.isRowExpanded]);
|
|
985
984
|
break;
|
|
986
985
|
default: break;
|
|
987
986
|
}
|
|
@@ -989,14 +988,14 @@ var _e = (e) => {
|
|
|
989
988
|
row: t,
|
|
990
989
|
column: n
|
|
991
990
|
});
|
|
992
|
-
},
|
|
993
|
-
e.emits && e.emits("headerCellClick", { column: t }), e.props.sortConfig?.trigger == "cell" && t.sortable &&
|
|
994
|
-
},
|
|
995
|
-
e.props.rowConfig?.isHover && (
|
|
991
|
+
}, K = (t) => {
|
|
992
|
+
e.emits && e.emits("headerCellClick", { column: t }), e.props.sortConfig?.trigger == "cell" && t.sortable && ht(t.field, "auto"), e.emits && e.emits("cellClick", { column: t });
|
|
993
|
+
}, Ve = y({}), He = (t) => {
|
|
994
|
+
e.props.rowConfig?.isHover && (Ve.value = t);
|
|
996
995
|
}, { getCheckField: Ue, headerChecked: We, headerCheckedIndeterminate: Ge, onHeaderChecked: Ke, upDataHeaderChecked: qe, upDataAllRowCheckedDeep: Je, onCellChecked: Ye, getCheckboxRecords: Xe, clearCheckboxRowInit: Ze } = me({
|
|
997
996
|
pretextId: F.id,
|
|
998
997
|
columns: t,
|
|
999
|
-
blurAnyElement:
|
|
998
|
+
blurAnyElement: R,
|
|
1000
999
|
nowDataSource: h,
|
|
1001
1000
|
baseDataSource: m,
|
|
1002
1001
|
emits: e.emits,
|
|
@@ -1005,7 +1004,7 @@ var _e = (e) => {
|
|
|
1005
1004
|
Ze();
|
|
1006
1005
|
let t = [];
|
|
1007
1006
|
if (t = e ? [e] : Ue(), t) for (let e of h.value) for (let n of t) e[n] = !1;
|
|
1008
|
-
}, { isDragging: $e, dragLineLeft: et, startResize: tt } =
|
|
1007
|
+
}, { isDragging: $e, dragLineLeft: et, startResize: tt } = ge({
|
|
1009
1008
|
pretextTableRef: r,
|
|
1010
1009
|
afterResize: (t) => {
|
|
1011
1010
|
Re(), e.emits("resizableChange", {
|
|
@@ -1017,7 +1016,7 @@ var _e = (e) => {
|
|
|
1017
1016
|
b(h.value), j(), H();
|
|
1018
1017
|
}, rt = (t) => {
|
|
1019
1018
|
if (t) {
|
|
1020
|
-
let t = e.props.treeConfig?.childrenField ||
|
|
1019
|
+
let t = e.props.treeConfig?.childrenField || q.childrenField, n = [], r = (e) => {
|
|
1021
1020
|
if (e[t]?.length) {
|
|
1022
1021
|
n.push(e);
|
|
1023
1022
|
for (let n of e[t]) r(n);
|
|
@@ -1027,14 +1026,14 @@ var _e = (e) => {
|
|
|
1027
1026
|
ot(n, !0);
|
|
1028
1027
|
} else it();
|
|
1029
1028
|
}, it = () => {
|
|
1030
|
-
|
|
1029
|
+
J.forEach((e) => {
|
|
1031
1030
|
e[F.isCollapsed] = !1;
|
|
1032
|
-
}),
|
|
1033
|
-
}, { defaultTreeConfig:
|
|
1031
|
+
}), J.clear(), b(h.value), j(), H();
|
|
1032
|
+
}, { defaultTreeConfig: q, treeExpandMap: J, handleTree: at, setTreeExpand: ot } = ve({
|
|
1034
1033
|
treeConfig: e.props.treeConfig,
|
|
1035
1034
|
afterTreeExpand: nt,
|
|
1036
1035
|
insertChild: S
|
|
1037
|
-
}), { handleExpand: st, setRowExpand:
|
|
1036
|
+
}), { handleExpand: st, setRowExpand: ct } = ye({
|
|
1038
1037
|
expandConfig: e.props.expandConfig,
|
|
1039
1038
|
afterRowExpand: (t, n) => {
|
|
1040
1039
|
b(h.value), j(), H(), e.emits("toggleRowExpand", {
|
|
@@ -1043,47 +1042,47 @@ var _e = (e) => {
|
|
|
1043
1042
|
});
|
|
1044
1043
|
},
|
|
1045
1044
|
insertExpandRow: C
|
|
1046
|
-
}),
|
|
1047
|
-
m.value = [], b([]), Y.clear(), W.value = {},
|
|
1045
|
+
}), lt = 0, ut = () => {
|
|
1046
|
+
m.value = [], b([]), Y.clear(), W.value = {}, Ve.value = {}, Ze(), Q.value = "", mt.value = null, wt(), lt = 0, I = 0;
|
|
1048
1047
|
}, Y = /* @__PURE__ */ new Map(), X = (t) => {
|
|
1049
|
-
let n =
|
|
1048
|
+
let n = lt;
|
|
1050
1049
|
for (let r of t) {
|
|
1051
|
-
r[F.id] = Math.random().toString(36).substring(2), r[F.index] = n, n++,
|
|
1052
|
-
let t = e.props.treeConfig?.childrenField ||
|
|
1050
|
+
r[F.id] = Math.random().toString(36).substring(2), r[F.index] = n, n++, lt++, Y.set(r[F.id], r);
|
|
1051
|
+
let t = e.props.treeConfig?.childrenField || q.childrenField;
|
|
1053
1052
|
e.props.treeConfig?.isOpenTree && r?.[t]?.length > 0 && X(r[t]);
|
|
1054
1053
|
}
|
|
1055
1054
|
}, Z = (e, t, n = 0) => {
|
|
1056
|
-
|
|
1055
|
+
z ? setTimeout(() => {
|
|
1057
1056
|
n >= 50 || Z(e, t, n + 1);
|
|
1058
1057
|
}, 100) : u({
|
|
1059
1058
|
top: e,
|
|
1060
1059
|
left: t
|
|
1061
1060
|
});
|
|
1062
|
-
}, ut = async (e) => {
|
|
1063
|
-
let t = z, n = we;
|
|
1064
|
-
await dt(e), Z(t, n);
|
|
1065
1061
|
}, dt = async (e) => {
|
|
1062
|
+
let t = B, n = Ce;
|
|
1063
|
+
await ft(e), Z(t, n);
|
|
1064
|
+
}, ft = async (e) => {
|
|
1066
1065
|
try {
|
|
1067
|
-
u({ top: 0 }),
|
|
1066
|
+
u({ top: 0 }), ut();
|
|
1068
1067
|
let t = at(e || []);
|
|
1069
|
-
X(t || []), m.value = t || [],
|
|
1068
|
+
X(t || []), m.value = t || [], be(m.value);
|
|
1070
1069
|
} catch (e) {
|
|
1071
1070
|
console.error(e);
|
|
1072
1071
|
}
|
|
1073
|
-
},
|
|
1072
|
+
}, pt = () => {
|
|
1074
1073
|
let e = _.filter((e) => !e[F.isExpandRow]);
|
|
1075
1074
|
return {
|
|
1076
1075
|
fullData: m.value,
|
|
1077
1076
|
visibleData: e
|
|
1078
1077
|
};
|
|
1079
|
-
}, { sortField: Q, sortOrder:
|
|
1078
|
+
}, { sortField: Q, sortOrder: mt, sort: ht, handleSort: $ } = L({
|
|
1080
1079
|
nowDataSource: h,
|
|
1081
1080
|
getVisibleData: H,
|
|
1082
1081
|
setNowDataSource: b,
|
|
1083
1082
|
treeConfig: e.props.treeConfig,
|
|
1084
|
-
defaultTreeConfig:
|
|
1083
|
+
defaultTreeConfig: q,
|
|
1085
1084
|
columns: t
|
|
1086
|
-
}), { filterPopupWidth:
|
|
1085
|
+
}), { filterPopupWidth: gt, filterPopupId: _t, inputFilterOptions: vt, numberFilterOptions: yt, filterFields: bt, getFilterFields: xt, filterClick: St, setFilter: Ct, clearFilter: wt } = he({
|
|
1087
1086
|
columns: t,
|
|
1088
1087
|
baseDataSource: m,
|
|
1089
1088
|
setNowDataSource: b,
|
|
@@ -1093,45 +1092,45 @@ var _e = (e) => {
|
|
|
1093
1092
|
j(), $(), Je();
|
|
1094
1093
|
},
|
|
1095
1094
|
treeConfig: e.props.treeConfig,
|
|
1096
|
-
defaultTreeConfig:
|
|
1097
|
-
}),
|
|
1098
|
-
|
|
1099
|
-
},
|
|
1095
|
+
defaultTreeConfig: q
|
|
1096
|
+
}), Tt = (e) => {
|
|
1097
|
+
R(), e.listFilter.selectedValue.length == e.listFilter.listOptions.length ? e.listFilter.selectedValue = [] : e.listFilter.selectedValue = e.listFilter.listOptions.map((e) => e.value);
|
|
1098
|
+
}, Et = (i) => {
|
|
1100
1099
|
if (!r.value) {
|
|
1101
1100
|
setTimeout(() => {
|
|
1102
|
-
|
|
1101
|
+
Et(i);
|
|
1103
1102
|
}, 100);
|
|
1104
1103
|
return;
|
|
1105
1104
|
}
|
|
1106
1105
|
let a = ee(i) || [];
|
|
1107
|
-
a.finalColumns.length == 0 || a.realColumns.length == 0 || (st(),
|
|
1106
|
+
a.finalColumns.length == 0 || a.realColumns.length == 0 || (st(), xe = a.finalColumns.length, j(), t.value = a.finalColumns, n.value = a.realColumns, setTimeout(() => {
|
|
1108
1107
|
O();
|
|
1109
|
-
}, 0), A(e.props.footerProps), Ue(), U(),
|
|
1108
|
+
}, 0), A(e.props.footerProps), Ue(), U(), xt(), l());
|
|
1110
1109
|
};
|
|
1111
1110
|
w(() => e.props.columns, (e) => {
|
|
1112
|
-
|
|
1111
|
+
Et(e);
|
|
1113
1112
|
}, { immediate: !0 }), w(() => e.props.footerProps, (e) => {
|
|
1114
1113
|
A(e);
|
|
1115
1114
|
}), w(() => e.props.height, (e) => {
|
|
1116
1115
|
a.value = e, Ne();
|
|
1117
1116
|
}, { immediate: !0 });
|
|
1118
|
-
let
|
|
1117
|
+
let Dt = () => {
|
|
1119
1118
|
r.value && (o.value = r.value.clientWidth);
|
|
1120
|
-
},
|
|
1119
|
+
}, Ot = ce(Dt, 100), kt = () => {
|
|
1121
1120
|
if (!r.value) {
|
|
1122
1121
|
setTimeout(() => {
|
|
1123
|
-
|
|
1122
|
+
kt();
|
|
1124
1123
|
}, 100);
|
|
1125
1124
|
return;
|
|
1126
1125
|
}
|
|
1127
|
-
window.addEventListener("resize",
|
|
1126
|
+
window.addEventListener("resize", Ot), Dt();
|
|
1128
1127
|
};
|
|
1129
1128
|
return p(() => {
|
|
1130
|
-
|
|
1129
|
+
kt();
|
|
1131
1130
|
}), d(() => {
|
|
1132
1131
|
u({
|
|
1133
|
-
top:
|
|
1134
|
-
left:
|
|
1132
|
+
top: B,
|
|
1133
|
+
left: Ce
|
|
1135
1134
|
}), H();
|
|
1136
1135
|
}), f(() => {}), {
|
|
1137
1136
|
keyNames: F,
|
|
@@ -1143,11 +1142,11 @@ var _e = (e) => {
|
|
|
1143
1142
|
visibleWidthStartColumnIndex: Ae,
|
|
1144
1143
|
visibleWidthEndColumnIndex: je,
|
|
1145
1144
|
gridTemplateColumns: ze,
|
|
1146
|
-
blurAnyElement:
|
|
1145
|
+
blurAnyElement: R,
|
|
1147
1146
|
columns: t,
|
|
1148
1147
|
onScroll: Te,
|
|
1149
1148
|
onWheel: Ee,
|
|
1150
|
-
topEmptyHeight:
|
|
1149
|
+
topEmptyHeight: we,
|
|
1151
1150
|
scrollbarHeight: ie,
|
|
1152
1151
|
headerHeight: T,
|
|
1153
1152
|
headerStyles: E,
|
|
@@ -1166,9 +1165,10 @@ var _e = (e) => {
|
|
|
1166
1165
|
getGridStyles: U,
|
|
1167
1166
|
divLineHeightOffset: 20,
|
|
1168
1167
|
currentRow: W,
|
|
1168
|
+
setCurrentRow: G,
|
|
1169
1169
|
cellClick: Be,
|
|
1170
|
-
headerClick:
|
|
1171
|
-
hoverRow:
|
|
1170
|
+
headerClick: K,
|
|
1171
|
+
hoverRow: Ve,
|
|
1172
1172
|
cellMousemove: He,
|
|
1173
1173
|
headerChecked: We,
|
|
1174
1174
|
headerCheckedIndeterminate: Ge,
|
|
@@ -1177,38 +1177,38 @@ var _e = (e) => {
|
|
|
1177
1177
|
getCheckboxRecords: Xe,
|
|
1178
1178
|
clearCheckboxRow: Qe,
|
|
1179
1179
|
sortField: Q,
|
|
1180
|
-
sortOrder:
|
|
1181
|
-
sort:
|
|
1182
|
-
filterPopupWidth:
|
|
1183
|
-
filterPopupId:
|
|
1184
|
-
inputFilterOptions:
|
|
1185
|
-
numberFilterOptions:
|
|
1186
|
-
filterFields:
|
|
1187
|
-
getFilterFields:
|
|
1188
|
-
filterClick:
|
|
1189
|
-
setFilter:
|
|
1190
|
-
clearFilter:
|
|
1191
|
-
setListFilterAll:
|
|
1180
|
+
sortOrder: mt,
|
|
1181
|
+
sort: ht,
|
|
1182
|
+
filterPopupWidth: gt,
|
|
1183
|
+
filterPopupId: _t,
|
|
1184
|
+
inputFilterOptions: vt,
|
|
1185
|
+
numberFilterOptions: yt,
|
|
1186
|
+
filterFields: bt,
|
|
1187
|
+
getFilterFields: xt,
|
|
1188
|
+
filterClick: St,
|
|
1189
|
+
setFilter: Ct,
|
|
1190
|
+
clearFilter: wt,
|
|
1191
|
+
setListFilterAll: Tt,
|
|
1192
1192
|
isDragging: $e,
|
|
1193
1193
|
dragLineLeft: et,
|
|
1194
1194
|
startResize: tt,
|
|
1195
1195
|
setTreeExpand: ot,
|
|
1196
1196
|
setAllTreeExpand: rt,
|
|
1197
1197
|
clearTreeExpand: it,
|
|
1198
|
-
defaultTreeConfig:
|
|
1199
|
-
setRowExpand:
|
|
1198
|
+
defaultTreeConfig: q,
|
|
1199
|
+
setRowExpand: ct,
|
|
1200
1200
|
slotShowTimestamp: Oe,
|
|
1201
1201
|
isRefresh: c,
|
|
1202
1202
|
realTableHeight: a,
|
|
1203
1203
|
realTableWidth: o,
|
|
1204
|
-
loadData:
|
|
1205
|
-
reloadData:
|
|
1206
|
-
getTableData:
|
|
1204
|
+
loadData: dt,
|
|
1205
|
+
reloadData: ft,
|
|
1206
|
+
getTableData: pt
|
|
1207
1207
|
};
|
|
1208
|
-
},
|
|
1208
|
+
}, be = ["onClick"], xe = { key: 0 }, Se = { key: 1 }, B = { key: 2 }, Ce = {
|
|
1209
1209
|
key: 3,
|
|
1210
1210
|
style: { "text-align": "center" }
|
|
1211
|
-
},
|
|
1211
|
+
}, we = {
|
|
1212
1212
|
key: 0,
|
|
1213
1213
|
style: {
|
|
1214
1214
|
display: "inline-flex",
|
|
@@ -1261,6 +1261,10 @@ var _e = (e) => {
|
|
|
1261
1261
|
type: Number,
|
|
1262
1262
|
default: 22
|
|
1263
1263
|
},
|
|
1264
|
+
cellStyle: {
|
|
1265
|
+
type: Object,
|
|
1266
|
+
default: () => ({})
|
|
1267
|
+
},
|
|
1264
1268
|
loading: {
|
|
1265
1269
|
type: Boolean,
|
|
1266
1270
|
default: !1
|
|
@@ -1316,22 +1320,23 @@ var _e = (e) => {
|
|
|
1316
1320
|
"toggleRowExpand"
|
|
1317
1321
|
],
|
|
1318
1322
|
setup(c, { expose: d, emit: f }) {
|
|
1319
|
-
let p = c, { keyNames: m, pretextTableRef: g, nowDataSource: y, tableRef: x, isLoading: w, headerHeight: j, topEmptyHeight: ce, visibleData: M, visibleWidthStartColumnIndex: le, visibleWidthEndColumnIndex: ue, columns: N, realColumns: P, headerRef: de, onScroll: fe, onWheel: pe, gridTemplateColumns: F, blurAnyElement: I, scrollbarHeight: me, headerStyles:
|
|
1323
|
+
let p = c, { keyNames: m, pretextTableRef: g, nowDataSource: y, tableRef: x, isLoading: w, headerHeight: j, topEmptyHeight: ce, visibleData: M, visibleWidthStartColumnIndex: le, visibleWidthEndColumnIndex: ue, columns: N, realColumns: P, headerRef: de, onScroll: fe, onWheel: pe, gridTemplateColumns: F, blurAnyElement: I, scrollbarHeight: me, headerStyles: L, divLineHeightOffset: he, updateFooter: ge, updateFooterCellLabel: _e, footerHeight: ve, footerColumns: R, getFooterHeight: ye, itemStyles: U, fixedLeftIndex: W, fixedRightIndex: G, fixedColumnsLeft: Be, fixedColumnsRight: K, currentRow: Ve, setCurrentRow: He, cellClick: Ue, headerClick: We, hoverRow: Ge, cellMousemove: Ke, headerChecked: qe, headerCheckedIndeterminate: Je, onHeaderChecked: Ye, onCellChecked: Xe, getCheckboxRecords: Ze, clearCheckboxRow: Qe, sortField: $e, sortOrder: et, sort: tt, filterPopupWidth: nt, filterPopupId: rt, inputFilterOptions: it, numberFilterOptions: q, filterFields: J, getFilterFields: at, filterClick: ot, setFilter: st, clearFilter: ct, setListFilterAll: lt, isDragging: ut, dragLineLeft: Y, startResize: X, setTreeExpand: Z, setAllTreeExpand: dt, clearTreeExpand: ft, defaultTreeConfig: pt, setRowExpand: Q, slotShowTimestamp: mt, isRefresh: ht, realTableHeight: $, realTableWidth: gt, loadData: _t, reloadData: vt, getTableData: yt } = z({
|
|
1320
1324
|
props: p,
|
|
1321
1325
|
emits: f
|
|
1322
1326
|
});
|
|
1323
1327
|
return d({
|
|
1324
|
-
loadData:
|
|
1325
|
-
reloadData:
|
|
1328
|
+
loadData: _t,
|
|
1329
|
+
reloadData: vt,
|
|
1330
|
+
setCurrentRow: He,
|
|
1326
1331
|
getCheckboxRecords: Ze,
|
|
1327
1332
|
clearCheckboxRow: Qe,
|
|
1328
|
-
updateFooter:
|
|
1329
|
-
updateFooterCellLabel:
|
|
1330
|
-
getFooterHeight:
|
|
1331
|
-
getTableData:
|
|
1333
|
+
updateFooter: ge,
|
|
1334
|
+
updateFooterCellLabel: _e,
|
|
1335
|
+
getFooterHeight: ye,
|
|
1336
|
+
getTableData: yt,
|
|
1332
1337
|
setTreeExpand: Z,
|
|
1333
|
-
setAllTreeExpand:
|
|
1334
|
-
clearTreeExpand:
|
|
1338
|
+
setAllTreeExpand: dt,
|
|
1339
|
+
clearTreeExpand: ft,
|
|
1335
1340
|
setRowExpand: Q
|
|
1336
1341
|
}), (c, d) => (h(), i("div", {
|
|
1337
1342
|
class: "cName-pretextTable",
|
|
@@ -1374,20 +1379,20 @@ var _e = (e) => {
|
|
|
1374
1379
|
key: "header_" + (f?.field || "null") + "_" + m,
|
|
1375
1380
|
class: "pretextTable-grid-header",
|
|
1376
1381
|
style: u(f ? {
|
|
1377
|
-
fontWeight: S(
|
|
1378
|
-
fontSize: S(
|
|
1382
|
+
fontWeight: S(L).fontWeight,
|
|
1383
|
+
fontSize: S(L).fontSize,
|
|
1379
1384
|
gridRow: f?.style?.gridRow || "",
|
|
1380
1385
|
gridColumn: f?.style?.gridColumn || "",
|
|
1381
1386
|
zIndex: m == 0 ? 3 : f.fixed == "left" || f.fixed == "right" ? 2 : 1,
|
|
1382
|
-
left: f.fixed == "left" ? S(
|
|
1383
|
-
right: f.fixed == "right" ? S(
|
|
1387
|
+
left: f.fixed == "left" ? S(Be)[m] : "",
|
|
1388
|
+
right: f.fixed == "right" ? S(K)[m] : "",
|
|
1384
1389
|
borderLeft: f.fixed == "right" ? "1px solid var(--pretextTable-border-color)" : "",
|
|
1385
|
-
boxShadow: f.fixed == "left" && m == S(W) ? "var(--pretextTable-shadow-color) 2px 0px 5px -1px" : f.fixed == "right" && m == S(
|
|
1390
|
+
boxShadow: f.fixed == "left" && m == S(W) ? "var(--pretextTable-shadow-color) 2px 0px 5px -1px" : f.fixed == "right" && m == S(G) ? "var(--pretextTable-shadow-color) -2px 0px 5px -1px" : "",
|
|
1386
1391
|
borderBottom: f ? "1px solid var(--pretextTable-border-color)" : "",
|
|
1387
1392
|
minHeight: "30px"
|
|
1388
1393
|
} : {}),
|
|
1389
1394
|
onClick: (e) => S(We)(f)
|
|
1390
|
-
}, [f ? f.type == "checkbox" && p == 0 ? (h(), i("span",
|
|
1395
|
+
}, [f ? f.type == "checkbox" && p == 0 ? (h(), i("span", Se, [s(S(k), {
|
|
1391
1396
|
modelValue: S(qe)[f.field],
|
|
1392
1397
|
indeterminate: S(Je)[f.field],
|
|
1393
1398
|
content: "",
|
|
@@ -1396,13 +1401,13 @@ var _e = (e) => {
|
|
|
1396
1401
|
"modelValue",
|
|
1397
1402
|
"indeterminate",
|
|
1398
1403
|
"onChange"
|
|
1399
|
-
])])) : f?.type == "seq" && p == 0 ? (h(), i("div",
|
|
1404
|
+
])])) : f?.type == "seq" && p == 0 ? (h(), i("div", B, b(f.title || "序号"), 1)) : (h(), i("span", Ce, [
|
|
1400
1405
|
a("span", null, [f.slots?.header ? v(c.$slots, f.slots?.header, {
|
|
1401
1406
|
key: 0,
|
|
1402
1407
|
column: f,
|
|
1403
1408
|
text: f.title
|
|
1404
1409
|
}, () => [o(b(f.title), 1)]) : (h(), i(e, { key: 1 }, [o(b(f.title), 1)], 64))]),
|
|
1405
|
-
f.sortable && !f.children?.length ? (h(), i("span",
|
|
1410
|
+
f.sortable && !f.children?.length ? (h(), i("span", we, [s(S(A), {
|
|
1406
1411
|
name: "caret-up",
|
|
1407
1412
|
style: {
|
|
1408
1413
|
position: "absolute",
|
|
@@ -1419,11 +1424,11 @@ var _e = (e) => {
|
|
|
1419
1424
|
class: l(["pretextTable-sort-icon", { "pretextTable-sort-icon-active": S($e) == f.field && S(et) == "desc" }]),
|
|
1420
1425
|
onClick: D((e) => S(tt)(f.field, "desc"), ["stop"])
|
|
1421
1426
|
}, null, 8, ["class", "onClick"])])) : r("", !0),
|
|
1422
|
-
S(
|
|
1427
|
+
S(J)[m]?.type && !f.children?.length ? (h(), i("span", V, [s(S(A), {
|
|
1423
1428
|
name: "funnel",
|
|
1424
|
-
class: l(["pretextTable-filter-icon", { "pretextTable-filter-icon-active": S(
|
|
1429
|
+
class: l(["pretextTable-filter-icon", { "pretextTable-filter-icon-active": S(J)[m].isActive }]),
|
|
1425
1430
|
onClick: D((e) => S(ot)(m, e), ["stop"])
|
|
1426
|
-
}, null, 8, ["class", "onClick"]), S(
|
|
1431
|
+
}, null, 8, ["class", "onClick"]), S(J)[m].isShow ? (h(), n(t, {
|
|
1427
1432
|
key: 0,
|
|
1428
1433
|
to: "body"
|
|
1429
1434
|
}, [a("div", {
|
|
@@ -1437,17 +1442,17 @@ var _e = (e) => {
|
|
|
1437
1442
|
"z-index": "99999"
|
|
1438
1443
|
}, {
|
|
1439
1444
|
position: "absolute",
|
|
1440
|
-
top: S(
|
|
1441
|
-
left: S(
|
|
1445
|
+
top: S(J)[m].clientY + "px",
|
|
1446
|
+
left: S(J)[m].clientX + "px"
|
|
1442
1447
|
}])
|
|
1443
1448
|
}, [
|
|
1444
1449
|
a("div", Ee, b(f.title), 1),
|
|
1445
|
-
S(
|
|
1450
|
+
S(J)[m].type == "inputFilter" ? (h(), i("div", {
|
|
1446
1451
|
key: 0,
|
|
1447
1452
|
style: u({ width: S(nt) + "px" })
|
|
1448
1453
|
}, [a("div", null, [s(S(ne), {
|
|
1449
|
-
modelValue: S(
|
|
1450
|
-
"onUpdate:modelValue": (e) => S(
|
|
1454
|
+
modelValue: S(J)[m].value,
|
|
1455
|
+
"onUpdate:modelValue": (e) => S(J)[m].value = e,
|
|
1451
1456
|
placeholder: "按回车筛选",
|
|
1452
1457
|
trim: !0,
|
|
1453
1458
|
style: { width: "100%" },
|
|
@@ -1457,28 +1462,28 @@ var _e = (e) => {
|
|
|
1457
1462
|
"onUpdate:modelValue",
|
|
1458
1463
|
"onKeyup"
|
|
1459
1464
|
])]), a("div", De, [s(S(ae), {
|
|
1460
|
-
modelValue: S(
|
|
1461
|
-
"onUpdate:modelValue": (e) => S(
|
|
1465
|
+
modelValue: S(J)[m].inputFilter.type,
|
|
1466
|
+
"onUpdate:modelValue": (e) => S(J)[m].inputFilter.type = e,
|
|
1462
1467
|
options: S(it)
|
|
1463
1468
|
}, null, 8, [
|
|
1464
1469
|
"modelValue",
|
|
1465
1470
|
"onUpdate:modelValue",
|
|
1466
1471
|
"options"
|
|
1467
1472
|
])])], 4)) : r("", !0),
|
|
1468
|
-
S(
|
|
1473
|
+
S(J)[m].type == "numberFilter" || S(J)[m].type == "numberFilter%" ? (h(), i("div", {
|
|
1469
1474
|
key: 1,
|
|
1470
1475
|
style: u({ width: S(nt) + "px" })
|
|
1471
1476
|
}, [a("div", Oe, [s(S(ae), {
|
|
1472
|
-
modelValue: S(
|
|
1473
|
-
"onUpdate:modelValue": (e) => S(
|
|
1474
|
-
options: S(
|
|
1477
|
+
modelValue: S(J)[m].numberFilter.type,
|
|
1478
|
+
"onUpdate:modelValue": (e) => S(J)[m].numberFilter.type = e,
|
|
1479
|
+
options: S(q)
|
|
1475
1480
|
}, null, 8, [
|
|
1476
1481
|
"modelValue",
|
|
1477
1482
|
"onUpdate:modelValue",
|
|
1478
1483
|
"options"
|
|
1479
1484
|
])]), a("div", null, [s(S(ie), {
|
|
1480
|
-
modelValue: S(
|
|
1481
|
-
"onUpdate:modelValue": (e) => S(
|
|
1485
|
+
modelValue: S(J)[m].value,
|
|
1486
|
+
"onUpdate:modelValue": (e) => S(J)[m].value = e,
|
|
1482
1487
|
placeholder: "按回车筛选",
|
|
1483
1488
|
controlConfig: { showButton: !1 },
|
|
1484
1489
|
style: { width: "100%" },
|
|
@@ -1491,22 +1496,22 @@ var _e = (e) => {
|
|
|
1491
1496
|
"onUpdate:modelValue",
|
|
1492
1497
|
"onKeyup"
|
|
1493
1498
|
])])], 4)) : r("", !0),
|
|
1494
|
-
S(
|
|
1499
|
+
S(J)[m].type == "listFilter" ? (h(), i("div", {
|
|
1495
1500
|
key: 2,
|
|
1496
1501
|
style: u({ maxWidth: S(nt) + "px" })
|
|
1497
1502
|
}, [a("div", ke, [s(S(k), {
|
|
1498
|
-
modelValue: S(
|
|
1499
|
-
indeterminate: S(
|
|
1503
|
+
modelValue: S(J)[m].listFilter.selectedValue.length == S(J)[m].listFilter.listOptions.length,
|
|
1504
|
+
indeterminate: S(J)[m].listFilter.selectedValue.length > 0 && S(J)[m].listFilter.selectedValue.length < S(J)[m].listFilter.listOptions.length,
|
|
1500
1505
|
content: "全部",
|
|
1501
|
-
onChange: (e) => S(
|
|
1506
|
+
onChange: (e) => S(lt)(S(J)[m])
|
|
1502
1507
|
}, null, 8, [
|
|
1503
1508
|
"modelValue",
|
|
1504
1509
|
"indeterminate",
|
|
1505
1510
|
"onChange"
|
|
1506
1511
|
])]), s(S(te), {
|
|
1507
|
-
modelValue: S(
|
|
1508
|
-
"onUpdate:modelValue": (e) => S(
|
|
1509
|
-
options: S(
|
|
1512
|
+
modelValue: S(J)[m].listFilter.selectedValue,
|
|
1513
|
+
"onUpdate:modelValue": (e) => S(J)[m].listFilter.selectedValue = e,
|
|
1514
|
+
options: S(J)[m].listFilter.listOptions,
|
|
1510
1515
|
onChange: S(I)
|
|
1511
1516
|
}, null, 8, [
|
|
1512
1517
|
"modelValue",
|
|
@@ -1528,7 +1533,7 @@ var _e = (e) => {
|
|
|
1528
1533
|
type: "primary",
|
|
1529
1534
|
size: "small",
|
|
1530
1535
|
mode: "text",
|
|
1531
|
-
onClick: (e) => S(
|
|
1536
|
+
onClick: (e) => S(ct)(f.field)
|
|
1532
1537
|
}, {
|
|
1533
1538
|
default: T(() => [...d[5] ||= [o(" 重置 ", -1)]]),
|
|
1534
1539
|
_: 1
|
|
@@ -1537,14 +1542,14 @@ var _e = (e) => {
|
|
|
1537
1542
|
type: "primary",
|
|
1538
1543
|
size: "small",
|
|
1539
1544
|
mode: "text",
|
|
1540
|
-
onClick: d[0] ||= (e) => S(
|
|
1545
|
+
onClick: d[0] ||= (e) => S(ct)()
|
|
1541
1546
|
}, {
|
|
1542
1547
|
default: T(() => [...d[6] ||= [o(" 重置所有 ", -1)]]),
|
|
1543
1548
|
_: 1
|
|
1544
1549
|
})
|
|
1545
1550
|
])
|
|
1546
1551
|
], 12, Te)])) : r("", !0)])) : r("", !0)
|
|
1547
|
-
])) : (h(), i("span",
|
|
1552
|
+
])) : (h(), i("span", xe)), f?.resizable && !f.children?.length ? (h(), i("div", {
|
|
1548
1553
|
key: 4,
|
|
1549
1554
|
style: {
|
|
1550
1555
|
position: "absolute",
|
|
@@ -1555,7 +1560,7 @@ var _e = (e) => {
|
|
|
1555
1560
|
cursor: "col-resize"
|
|
1556
1561
|
},
|
|
1557
1562
|
onMousedown: D((e) => S(X)(e, f), ["prevent", "stop"])
|
|
1558
|
-
}, null, 40, Ae)) : r("", !0)], 12,
|
|
1563
|
+
}, null, 40, Ae)) : r("", !0)], 12, be))), 128))], 64))), 128))], 4),
|
|
1559
1564
|
S(M).length == 0 ? (h(), i("div", {
|
|
1560
1565
|
key: 0,
|
|
1561
1566
|
style: u([{
|
|
@@ -1563,7 +1568,7 @@ var _e = (e) => {
|
|
|
1563
1568
|
"align-items": "center",
|
|
1564
1569
|
position: "absolute",
|
|
1565
1570
|
left: "calc(50% - 35px)"
|
|
1566
|
-
}, { minHeight: `${S($) - S(j) - S(
|
|
1571
|
+
}, { minHeight: `${S($) - S(j) - S(ve) - 30}px` }])
|
|
1567
1572
|
}, " 暂无数据 ", 4)) : r("", !0),
|
|
1568
1573
|
a("div", {
|
|
1569
1574
|
class: "pretextTable-grid",
|
|
@@ -1574,7 +1579,7 @@ var _e = (e) => {
|
|
|
1574
1579
|
contain: "layout paint style",
|
|
1575
1580
|
position: "relative"
|
|
1576
1581
|
}, {
|
|
1577
|
-
minHeight: `${S($) - S(j) - S(
|
|
1582
|
+
minHeight: `${S($) - S(j) - S(ve) - S(he)}px`,
|
|
1578
1583
|
height: `${S(me)}px`
|
|
1579
1584
|
}])
|
|
1580
1585
|
}, [a("div", {
|
|
@@ -1590,7 +1595,7 @@ var _e = (e) => {
|
|
|
1590
1595
|
}, [a("div", { style: u({
|
|
1591
1596
|
position: "sticky",
|
|
1592
1597
|
left: p.expandConfig?.mode == "inside" ? "0px" : void 0,
|
|
1593
|
-
width: p.expandConfig?.mode == "inside" ? `${S(
|
|
1598
|
+
width: p.expandConfig?.mode == "inside" ? `${S(gt) - 15}px` : "100%"
|
|
1594
1599
|
}) }, [v(c.$slots, p.expandConfig?.slotName, {
|
|
1595
1600
|
row: t,
|
|
1596
1601
|
rowIndex: d
|
|
@@ -1607,7 +1612,7 @@ var _e = (e) => {
|
|
|
1607
1612
|
key: "item_" + f.field,
|
|
1608
1613
|
class: l(["pretextTable-grid-item pretextTable-flex-align-items-center", {
|
|
1609
1614
|
"pretextTable-grid-item-hover": p.rowConfig?.isHover && S(Ge)[S(m).id] == t[S(m).id],
|
|
1610
|
-
"pretextTable-grid-item-current": p.rowConfig?.isCurrent && S(
|
|
1615
|
+
"pretextTable-grid-item-current": p.rowConfig?.isCurrent && S(Ve)[S(m).id] == t[S(m).id],
|
|
1611
1616
|
"pretextTable-grid-item-stripe": p.stripe && t[S(m).stripe]
|
|
1612
1617
|
}]),
|
|
1613
1618
|
style: u({
|
|
@@ -1615,16 +1620,16 @@ var _e = (e) => {
|
|
|
1615
1620
|
fontSize: S(U).fontSize,
|
|
1616
1621
|
zIndex: +(f.fixed == "left" || f.fixed == "right"),
|
|
1617
1622
|
position: f.fixed == "left" || f.fixed == "right" ? "sticky" : "static",
|
|
1618
|
-
left: f.fixed == "left" ? S(
|
|
1619
|
-
right: f.fixed == "right" ? S(
|
|
1623
|
+
left: f.fixed == "left" ? S(Be)[g] : "",
|
|
1624
|
+
right: f.fixed == "right" ? S(K)[g] : "",
|
|
1620
1625
|
borderLeft: f.fixed == "right" ? "1px solid var(--pretextTable-border-color)" : "",
|
|
1621
|
-
boxShadow: f.fixed == "left" && g == S(W) ? "var(--pretextTable-shadow-color) 2px 0px 5px -1px" : f.fixed == "right" && g == S(
|
|
1626
|
+
boxShadow: f.fixed == "left" && g == S(W) ? "var(--pretextTable-shadow-color) 2px 0px 5px -1px" : f.fixed == "right" && g == S(G) ? "var(--pretextTable-shadow-color) -2px 0px 5px -1px" : "",
|
|
1622
1627
|
height: `${t[S(m).height]}px`,
|
|
1623
1628
|
justifyContent: f.type == "checkbox" ? "center" : ""
|
|
1624
1629
|
}),
|
|
1625
1630
|
onClick: (e) => S(Ue)(t, f),
|
|
1626
1631
|
onMouseenter: (e) => S(Ke)(t)
|
|
1627
|
-
}, [f.fixed == "left" || f.fixed == "right" || g >= S(le) && g <= S(ue) ? (h(), i(e, { key: 0 }, [p.treeConfig?.isOpenTree && f.treeNode ? (h(), i(e, { key: 0 }, [a("span", { style: u({ marginLeft: (Number(t[S(m).level]) - 1) * (p.treeConfig?.indent || S(
|
|
1632
|
+
}, [f.fixed == "left" || f.fixed == "right" || g >= S(le) && g <= S(ue) ? (h(), i(e, { key: 0 }, [p.treeConfig?.isOpenTree && f.treeNode ? (h(), i(e, { key: 0 }, [a("span", { style: u({ marginLeft: (Number(t[S(m).level]) - 1) * (p.treeConfig?.indent || S(pt).indent) + "px" }) }, null, 4), p.treeConfig?.showIcon === !1 ? r("", !0) : (h(), i(e, { key: 0 }, [t[p.treeConfig?.childrenField || S(pt).childrenField]?.length > 0 || p.treeConfig?.lazy && t[p.treeConfig?.hasChildField || S(pt).hasChildField] ? (h(), i(e, { key: 0 }, [
|
|
1628
1633
|
E(s(S(A), {
|
|
1629
1634
|
name: "spinner",
|
|
1630
1635
|
roll: ""
|
|
@@ -1737,13 +1742,13 @@ var _e = (e) => {
|
|
|
1737
1742
|
key: 10,
|
|
1738
1743
|
class: l({ "pretextTable-text-ellipsis": !!p.showOverflow }),
|
|
1739
1744
|
title: p.showOverflow && t[f.field] || ""
|
|
1740
|
-
}, [f.slots?.default ? (h(), i(e, { key: 0 }, [!p.lazyLoadSlot || t.slotShowTimestamp == S(
|
|
1745
|
+
}, [f.slots?.default ? (h(), i(e, { key: 0 }, [!p.lazyLoadSlot || t.slotShowTimestamp == S(mt) ? v(c.$slots, f.slots?.default, {
|
|
1741
1746
|
key: 0,
|
|
1742
1747
|
row: t,
|
|
1743
1748
|
column: f,
|
|
1744
1749
|
rowIndex: d
|
|
1745
1750
|
}, () => [o(b(t[f.field] ?? ""), 1)]) : r("", !0)], 64)) : (h(), i(e, { key: 1 }, [o(b(t[f.field] ?? ""), 1)], 64))], 10, Re))], 64)) : r("", !0)], 46, je))), 128))], 4))], 64))), 128))], 4),
|
|
1746
|
-
p.showFooter && S(
|
|
1751
|
+
p.showFooter && S(R).length > 0 ? (h(), i("div", {
|
|
1747
1752
|
key: 1,
|
|
1748
1753
|
style: u([{
|
|
1749
1754
|
display: "grid",
|
|
@@ -1755,16 +1760,16 @@ var _e = (e) => {
|
|
|
1755
1760
|
bottom: "0",
|
|
1756
1761
|
"z-index": "1"
|
|
1757
1762
|
}, { gridTemplateColumns: S(F) }])
|
|
1758
|
-
}, [(h(!0), i(e, null, _(S(
|
|
1763
|
+
}, [(h(!0), i(e, null, _(S(R), (t) => (h(), i(e, null, [(h(!0), i(e, null, _(t, (e, t) => (h(), i("div", {
|
|
1759
1764
|
key: "footer_" + e.field,
|
|
1760
1765
|
class: "pretextTable-grid-footer",
|
|
1761
1766
|
style: u({
|
|
1762
|
-
fontSize: S(
|
|
1767
|
+
fontSize: S(L).fontSize,
|
|
1763
1768
|
zIndex: t == 0 ? 3 : e.fixed == "left" || e.fixed == "right" ? 2 : 1,
|
|
1764
|
-
left: e.fixed == "left" ? S(
|
|
1765
|
-
right: e.fixed == "right" ? S(
|
|
1769
|
+
left: e.fixed == "left" ? S(Be)[t] : "",
|
|
1770
|
+
right: e.fixed == "right" ? S(K)[t] : "",
|
|
1766
1771
|
borderLeft: e.fixed == "right" ? "1px solid var(--pretextTable-border-color)" : "",
|
|
1767
|
-
boxShadow: e.fixed == "left" && t == S(W) ? "var(--pretextTable-shadow-color) 2px 0px 5px -1px" : e.fixed == "right" && t == S(
|
|
1772
|
+
boxShadow: e.fixed == "left" && t == S(W) ? "var(--pretextTable-shadow-color) 2px 0px 5px -1px" : e.fixed == "right" && t == S(G) ? "var(--pretextTable-shadow-color) -2px 0px 5px -1px" : "",
|
|
1768
1773
|
height: `${e.height}px`,
|
|
1769
1774
|
maxHeight: `${e.height}px`
|
|
1770
1775
|
})
|
|
@@ -1786,8 +1791,8 @@ var _e = (e) => {
|
|
|
1786
1791
|
}, {
|
|
1787
1792
|
transform: `translateX(${S(Y)}px)`,
|
|
1788
1793
|
height: S($) + "px"
|
|
1789
|
-
}]) }, null, 4), [[C, S(
|
|
1790
|
-
a("div", { style: u({ backgroundColor: S(
|
|
1794
|
+
}]) }, null, 4), [[C, S(ut)]]),
|
|
1795
|
+
a("div", { style: u({ backgroundColor: S(ht) ? "red" : "" }) }, null, 4)
|
|
1791
1796
|
], 512));
|
|
1792
1797
|
}
|
|
1793
1798
|
}), W = U;
|
|
@@ -15,6 +15,14 @@ declare const _default: __VLS_WithSlots<import('vue').DefineComponent<import('vu
|
|
|
15
15
|
type: NumberConstructor;
|
|
16
16
|
default: number;
|
|
17
17
|
};
|
|
18
|
+
/** 单元格样式,统一设置 */
|
|
19
|
+
cellStyle: {
|
|
20
|
+
type: PropType<{
|
|
21
|
+
/** 字体大小,单位 px */
|
|
22
|
+
fontSize?: string;
|
|
23
|
+
}>;
|
|
24
|
+
default: () => {};
|
|
25
|
+
};
|
|
18
26
|
/** 加载中 */
|
|
19
27
|
loading: {
|
|
20
28
|
type: BooleanConstructor;
|
|
@@ -84,6 +92,7 @@ declare const _default: __VLS_WithSlots<import('vue').DefineComponent<import('vu
|
|
|
84
92
|
}>, {
|
|
85
93
|
loadData: (tempData: any[]) => Promise<void>;
|
|
86
94
|
reloadData: (tempData: any[]) => Promise<void>;
|
|
95
|
+
setCurrentRow: (item: any, isEmitsCurrentChange?: boolean) => void;
|
|
87
96
|
getCheckboxRecords: (isFull: boolean, field?: string) => any[];
|
|
88
97
|
clearCheckboxRow: (field?: string) => void;
|
|
89
98
|
updateFooter: (field?: string) => void;
|
|
@@ -120,6 +129,14 @@ declare const _default: __VLS_WithSlots<import('vue').DefineComponent<import('vu
|
|
|
120
129
|
type: NumberConstructor;
|
|
121
130
|
default: number;
|
|
122
131
|
};
|
|
132
|
+
/** 单元格样式,统一设置 */
|
|
133
|
+
cellStyle: {
|
|
134
|
+
type: PropType<{
|
|
135
|
+
/** 字体大小,单位 px */
|
|
136
|
+
fontSize?: string;
|
|
137
|
+
}>;
|
|
138
|
+
default: () => {};
|
|
139
|
+
};
|
|
123
140
|
/** 加载中 */
|
|
124
141
|
loading: {
|
|
125
142
|
type: BooleanConstructor;
|
|
@@ -200,6 +217,10 @@ declare const _default: __VLS_WithSlots<import('vue').DefineComponent<import('vu
|
|
|
200
217
|
showFooter: boolean;
|
|
201
218
|
expandConfig: HolyesTableExpandConfig;
|
|
202
219
|
cellMinHeight: number;
|
|
220
|
+
cellStyle: {
|
|
221
|
+
/** 字体大小,单位 px */
|
|
222
|
+
fontSize?: string;
|
|
223
|
+
};
|
|
203
224
|
loading: boolean;
|
|
204
225
|
loadingConfig: {
|
|
205
226
|
/** 加载中文本 */
|
|
@@ -50,7 +50,7 @@ export declare const useHolyesTable: (dataObj: {
|
|
|
50
50
|
getFooterHeight: (footerProps: import('./type').HolyesTableFooterProps[]) => void;
|
|
51
51
|
itemStyles: {
|
|
52
52
|
fontWeight: string;
|
|
53
|
-
fontSize:
|
|
53
|
+
fontSize: any;
|
|
54
54
|
};
|
|
55
55
|
fixedLeftIndex: import('vue').Ref<number, number>;
|
|
56
56
|
fixedRightIndex: import('vue').Ref<number, number>;
|
|
@@ -59,6 +59,7 @@ export declare const useHolyesTable: (dataObj: {
|
|
|
59
59
|
getGridStyles: () => void;
|
|
60
60
|
divLineHeightOffset: number;
|
|
61
61
|
currentRow: import('vue').ShallowRef<any, any>;
|
|
62
|
+
setCurrentRow: (item: any, isEmitsCurrentChange?: boolean) => void;
|
|
62
63
|
cellClick: (item: any, column: HolyesTableColumnPropsType) => void;
|
|
63
64
|
headerClick: (column: any) => void;
|
|
64
65
|
hoverRow: import('vue').ShallowRef<any, any>;
|
package/package.json
CHANGED
|
@@ -1,9 +1,23 @@
|
|
|
1
1
|
# 更新日志
|
|
2
2
|
|
|
3
|
-
## v1.0.
|
|
3
|
+
## v1.0.20 (2026-06-24)
|
|
4
|
+
|
|
5
|
+
- 增加setCurrentRow方法,用于设置当前选中的行, 会判断是否更换了选中行, 并触发 currentChange 事件
|
|
6
|
+
- 增加统一设置表格字体大小的props
|
|
7
|
+
|
|
8
|
+
## v1.0.19 (2026-06-09)
|
|
9
|
+
|
|
10
|
+
- 修复只有1个列字段时,列数据不显示的问题
|
|
11
|
+
|
|
12
|
+
## v1.0.18 (2026-06-04)
|
|
4
13
|
|
|
5
14
|
- 增加sortField属性,用于排序实际的字段,默认值为列的field
|
|
6
15
|
|
|
16
|
+
## v1.0.17 (2026-05-25)
|
|
17
|
+
|
|
18
|
+
- 增加setCurrentRow方法,用于设置当前选中的行, 会判断是否更换了选中行, 并触发 currentChange 事件
|
|
19
|
+
- 增加统一设置表格字体大小的props
|
|
20
|
+
|
|
7
21
|
## v1.0.16 (2026-05-25)
|
|
8
22
|
|
|
9
23
|
- 增加插槽类型为多选框列的disabledField属性,用于禁用多选框
|