holyes-table 1.0.11 → 1.0.12
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/dist/index.mjs +269 -255
- package/dist/lib/pretextTable/type.d.ts +8 -2
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Fragment as e, Teleport as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, normalizeStyle as u, onActivated as d, onDeactivated as f, onMounted as p, onUnmounted as m, openBlock as h, ref as g, renderList as _, renderSlot as v, shallowRef as y, toDisplayString as b, toRaw as x, unref as S, vShow as C, watch as w, withCtx as T, withDirectives as E, withKeys as ee, withModifiers as D } from "vue";
|
|
2
|
-
import { VxeButton as O, VxeCheckbox as
|
|
2
|
+
import { VxeButton as O, VxeCheckbox as k, VxeCheckboxGroup as te, VxeIcon as A, VxeInput as ne, VxeLoading as re, VxeNumberInput as ie, VxeRadioGroup as ae, VxeSwitch as oe, VxeTag as se } from "vxe-pc-ui";
|
|
3
3
|
import j, { debounce as ce, isNaN as M, orderBy as le, toArrayTree as ue } from "xe-utils";
|
|
4
4
|
//#region lib/pretextTable/worker/pretextTableGetItemHeight.ts?worker&inline
|
|
5
5
|
var N = "(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);", N], { type: "text/javascript;charset=utf-8" });
|
|
@@ -250,7 +250,7 @@ function me(e) {
|
|
|
250
250
|
}
|
|
251
251
|
//#endregion
|
|
252
252
|
//#region lib/pretextTable/hook/useSort.ts
|
|
253
|
-
function
|
|
253
|
+
function L(e) {
|
|
254
254
|
let { nowDataSource: t, getVisibleData: n, setNowDataSource: r, treeConfig: i, defaultTreeConfig: a } = e, o = g(""), s = g(null), c = (e, t) => {
|
|
255
255
|
if (t === "auto") switch (!0) {
|
|
256
256
|
case e !== o.value:
|
|
@@ -291,7 +291,7 @@ function he(e) {
|
|
|
291
291
|
}
|
|
292
292
|
//#endregion
|
|
293
293
|
//#region lib/pretextTable/hook/useFilter.ts
|
|
294
|
-
function
|
|
294
|
+
function he(e) {
|
|
295
295
|
let { columns: t, baseDataSource: n, setNowDataSource: r, scrollTo: i, refresh: a, afterFilter: o, treeConfig: s, defaultTreeConfig: c } = e, l = [{
|
|
296
296
|
label: "模糊搜索",
|
|
297
297
|
value: "模糊"
|
|
@@ -488,7 +488,7 @@ function ge(e) {
|
|
|
488
488
|
}
|
|
489
489
|
//#endregion
|
|
490
490
|
//#region lib/pretextTable/hook/useHeaderResize.ts
|
|
491
|
-
var
|
|
491
|
+
var ge = (e) => {
|
|
492
492
|
let { pretextTableRef: t, afterResize: n } = e, r = g(!1), i = 0, a = g(0), o = 0, s = 0, c = null, l = (e, n) => {
|
|
493
493
|
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));
|
|
494
494
|
}, u = null, d = (e) => {
|
|
@@ -510,7 +510,7 @@ var _e = (e) => {
|
|
|
510
510
|
dragLineLeft: a,
|
|
511
511
|
startResize: l
|
|
512
512
|
};
|
|
513
|
-
},
|
|
513
|
+
}, _e = (e) => {
|
|
514
514
|
let { showFooter: t, nowDataSource: n, columns: r } = e, i = g(0), a = g([]), o = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map(), c = (e) => {
|
|
515
515
|
if (s.clear(), !t) {
|
|
516
516
|
i.value = 0;
|
|
@@ -609,7 +609,7 @@ var _e = (e) => {
|
|
|
609
609
|
}
|
|
610
610
|
}
|
|
611
611
|
};
|
|
612
|
-
},
|
|
612
|
+
}, ve = (e) => {
|
|
613
613
|
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) => {
|
|
614
614
|
let r = t?.childrenField || I.childrenField, i = t?.idField || F.id || "";
|
|
615
615
|
for (let t of e) s.get(t[i]) && (t[F.isCollapsed] = !0), n && t[r]?.length && c(t[r], !0);
|
|
@@ -652,10 +652,10 @@ var _e = (e) => {
|
|
|
652
652
|
n(e, i);
|
|
653
653
|
}
|
|
654
654
|
};
|
|
655
|
-
},
|
|
655
|
+
}, R = () => {
|
|
656
656
|
let e = document.activeElement;
|
|
657
657
|
e?.blur && e.blur();
|
|
658
|
-
},
|
|
658
|
+
}, ye = (e) => {
|
|
659
659
|
let { expandConfig: t, afterRowExpand: n, insertExpandRow: r } = e, i = {
|
|
660
660
|
transform: !0,
|
|
661
661
|
parentField: "parentId",
|
|
@@ -682,7 +682,7 @@ var _e = (e) => {
|
|
|
682
682
|
n(e, t);
|
|
683
683
|
}
|
|
684
684
|
};
|
|
685
|
-
},
|
|
685
|
+
}, z = (e) => {
|
|
686
686
|
let t = y([]), n = y([]), r = g(), i = g(), a = g(0), o = g(0), s = g(!1);
|
|
687
687
|
w(() => e.props.loading, (e) => {
|
|
688
688
|
s.value = e;
|
|
@@ -694,8 +694,8 @@ var _e = (e) => {
|
|
|
694
694
|
}, u = (e) => {
|
|
695
695
|
i.value?.scrollTo(e);
|
|
696
696
|
}, m = y([]), h = y([]), _ = [], v = /* @__PURE__ */ new Map(), b = (t) => {
|
|
697
|
-
v.clear(), h.value = t, _ = [],
|
|
698
|
-
let n = 1, r = !1, i = 0, a = e.props.treeConfig?.childrenField ||
|
|
697
|
+
v.clear(), h.value = t, _ = [], ne();
|
|
698
|
+
let n = 1, r = !1, i = 0, a = e.props.treeConfig?.childrenField || q.childrenField, o = (t, n, r) => {
|
|
699
699
|
if (_.push(t), t[F.level] = r, e.props.treeConfig?.isOpenTree) {
|
|
700
700
|
let e = t?.[a] || [];
|
|
701
701
|
if (t?.[F.filterChildren]?.length > 0 && (e = t[F.filterChildren]), e.length > 0 && t[F.isCollapsed]) {
|
|
@@ -713,7 +713,7 @@ var _e = (e) => {
|
|
|
713
713
|
}), s++;
|
|
714
714
|
}, S = async (n, r) => {
|
|
715
715
|
let i = null;
|
|
716
|
-
i = typeof r == "string" ?
|
|
716
|
+
i = typeof r == "string" ? Y.get(r) : r, X(n);
|
|
717
717
|
let a = [];
|
|
718
718
|
for (let e of t.value) {
|
|
719
719
|
let t = x(e);
|
|
@@ -738,29 +738,29 @@ var _e = (e) => {
|
|
|
738
738
|
});
|
|
739
739
|
if (o) {
|
|
740
740
|
P(o.heightDatas);
|
|
741
|
-
let t = e.props.treeConfig?.childrenField ||
|
|
741
|
+
let t = e.props.treeConfig?.childrenField || q.childrenField;
|
|
742
742
|
i[t] = n;
|
|
743
743
|
}
|
|
744
744
|
}, C = (t) => {
|
|
745
745
|
let n = null;
|
|
746
|
-
if (n = typeof t == "string" ?
|
|
746
|
+
if (n = typeof t == "string" ? Y.get(t) : t, n[F.expandChildren]?.length) return;
|
|
747
747
|
let r = {
|
|
748
748
|
[F.isExpandRow]: !0,
|
|
749
749
|
[F.height]: e.props.expandConfig?.height || 0
|
|
750
750
|
};
|
|
751
|
-
|
|
752
|
-
}, { headerHeight: T, headerStyles: E, createHeader: ee, headerRef: D, getHeaderRefHeight: O } = fe({ pretextTableRef: r }), { footerHeight:
|
|
751
|
+
X([r]), n[F.expandChildren] = [r];
|
|
752
|
+
}, { headerHeight: T, headerStyles: E, createHeader: ee, headerRef: D, getHeaderRefHeight: O } = fe({ pretextTableRef: r }), { footerHeight: k, footerColumns: te, getFooterHeight: A, updateFooter: ne, updateFooterCellLabel: re } = _e({
|
|
753
753
|
showFooter: e.props.showFooter,
|
|
754
754
|
nowDataSource: h,
|
|
755
755
|
columns: t
|
|
756
|
-
}),
|
|
757
|
-
e == -1 && (e = ae.value),
|
|
756
|
+
}), ie = g(0), ae = g(0), oe = (e) => {
|
|
757
|
+
e == -1 && (e = ae.value), ie.value = e;
|
|
758
758
|
}, se = (e) => {
|
|
759
759
|
ae.value = e;
|
|
760
760
|
}, j = () => {
|
|
761
761
|
let e = 0;
|
|
762
762
|
for (let t of _) e += t[F.height] || 0;
|
|
763
|
-
|
|
763
|
+
ie.value = e;
|
|
764
764
|
}, M = {
|
|
765
765
|
fontWeight: "400",
|
|
766
766
|
fontSize: "14px"
|
|
@@ -779,7 +779,7 @@ var _e = (e) => {
|
|
|
779
779
|
...e.props.treeConfig,
|
|
780
780
|
loadMethod: void 0
|
|
781
781
|
},
|
|
782
|
-
defaultTreeConfig: { ...
|
|
782
|
+
defaultTreeConfig: { ...q }
|
|
783
783
|
};
|
|
784
784
|
i.postMessage(a), i.onmessage = (e) => {
|
|
785
785
|
n(e.data), i.terminate();
|
|
@@ -788,23 +788,23 @@ var _e = (e) => {
|
|
|
788
788
|
};
|
|
789
789
|
}), P = (e) => {
|
|
790
790
|
for (let t of e) {
|
|
791
|
-
let e =
|
|
791
|
+
let e = Y.get(t.id);
|
|
792
792
|
e && (e[F.height] = t.pretextHeight);
|
|
793
793
|
}
|
|
794
|
-
}, I = 0,
|
|
794
|
+
}, I = 0, z = !1, be = async (e) => {
|
|
795
795
|
if (t.value?.length === 0) {
|
|
796
796
|
if (I++, I > 50) {
|
|
797
797
|
console.error("表格没有设置 columns.value");
|
|
798
798
|
return;
|
|
799
799
|
}
|
|
800
800
|
setTimeout(() => {
|
|
801
|
-
|
|
801
|
+
be(e);
|
|
802
802
|
}, 100);
|
|
803
803
|
return;
|
|
804
804
|
}
|
|
805
805
|
let n = 0;
|
|
806
806
|
if (e.length === 0) {
|
|
807
|
-
b(e), j(),
|
|
807
|
+
b(e), j(), De.value = [];
|
|
808
808
|
return;
|
|
809
809
|
}
|
|
810
810
|
let r = [];
|
|
@@ -824,15 +824,15 @@ var _e = (e) => {
|
|
|
824
824
|
treeNode: t.treeNode || !1
|
|
825
825
|
});
|
|
826
826
|
}
|
|
827
|
-
if (e.length *
|
|
827
|
+
if (e.length * xe >= Se) {
|
|
828
828
|
let t = 5e3;
|
|
829
|
-
|
|
829
|
+
z = !0;
|
|
830
830
|
let i = await N({
|
|
831
831
|
tempData: e.slice(0, 100),
|
|
832
832
|
index: 0,
|
|
833
833
|
columns: r
|
|
834
834
|
});
|
|
835
|
-
i && (n += i.tempItemHeights, P(i.heightDatas), b(e), j(),
|
|
835
|
+
i && (n += i.tempItemHeights, P(i.heightDatas), b(e), j(), H());
|
|
836
836
|
let a = [], o = Math.ceil((e.length - 100) / t / 2), s = o * 2, c = 0, l = 100;
|
|
837
837
|
for (let n = 1; n <= o; n++) for (let n = 0; n < 2; n++) a[n] || (a[n] = []), a[n].push({
|
|
838
838
|
tempI: l,
|
|
@@ -850,43 +850,43 @@ var _e = (e) => {
|
|
|
850
850
|
index: i.tempI,
|
|
851
851
|
columns: r
|
|
852
852
|
});
|
|
853
|
-
t && (n += t.tempItemHeights, se(n), oe(n), c++, P(t.heightDatas), c == s && (b(e), j(),
|
|
853
|
+
t && (n += t.tempItemHeights, se(n), oe(n), c++, P(t.heightDatas), c == s && (b(e), j(), z = !1));
|
|
854
854
|
}
|
|
855
855
|
};
|
|
856
856
|
for (let e of a) t(e);
|
|
857
857
|
}
|
|
858
858
|
} else {
|
|
859
|
-
|
|
859
|
+
z = !0;
|
|
860
860
|
let t = await N({
|
|
861
861
|
tempData: e,
|
|
862
862
|
index: 0,
|
|
863
863
|
columns: r
|
|
864
864
|
});
|
|
865
|
-
|
|
865
|
+
z = !1, t && (P(t.heightDatas), b(e), j(), H());
|
|
866
866
|
}
|
|
867
|
-
},
|
|
868
|
-
if (
|
|
869
|
-
|
|
870
|
-
|
|
867
|
+
}, xe = 0, Se = 1e4, B = 0, Ce = 0, we = g(0), V = !1, Te = (e) => {
|
|
868
|
+
if (Ce = i.value?.scrollLeft || 0, B == i.value?.scrollTop) {
|
|
869
|
+
V ||= (window.requestAnimationFrame(() => {
|
|
870
|
+
Me(), V = !1;
|
|
871
871
|
}), !0);
|
|
872
872
|
return;
|
|
873
873
|
}
|
|
874
|
-
|
|
875
|
-
|
|
874
|
+
B = i.value?.scrollTop || 0, e.preventDefault(), V ||= (window.requestAnimationFrame(() => {
|
|
875
|
+
H(), V = !1;
|
|
876
876
|
}), !0);
|
|
877
|
-
},
|
|
877
|
+
}, Ee = (e) => {
|
|
878
878
|
if (e.shiftKey) {
|
|
879
879
|
e.preventDefault(), e.stopPropagation(), e.deltaY > 0 || e.deltaX > 0 ? i.value?.scrollBy({ left: 100 }) : i.value?.scrollBy({ left: -100 });
|
|
880
880
|
return;
|
|
881
881
|
}
|
|
882
882
|
e.preventDefault(), e.stopPropagation(), e.deltaY > 0 ? i.value?.scrollBy({ top: 150 }) : i.value?.scrollBy({ top: -150 });
|
|
883
|
-
},
|
|
883
|
+
}, De = g([]), Oe = g(0), ke = ce((e, t) => {
|
|
884
884
|
setTimeout(() => {
|
|
885
|
-
|
|
885
|
+
Oe.value = t, e.forEach((e) => {
|
|
886
886
|
e.slotShowTimestamp = t;
|
|
887
887
|
}), l();
|
|
888
888
|
}, 0);
|
|
889
|
-
}, 100),
|
|
889
|
+
}, 100), H = () => {
|
|
890
890
|
if (!i.value) return;
|
|
891
891
|
let e = i.value.scrollTop, t = a.value, n = 0, r = 0, o = [], s = "遍历";
|
|
892
892
|
switch (!0) {
|
|
@@ -912,7 +912,7 @@ var _e = (e) => {
|
|
|
912
912
|
s = v.get(i) || {
|
|
913
913
|
totalHeight: 0,
|
|
914
914
|
row: {}
|
|
915
|
-
}, r = s.totalHeight,
|
|
915
|
+
}, r = s.totalHeight, we.value = r - s.row[F.height], o.push(s.row), n = e + t;
|
|
916
916
|
getHeightFor: for (let e = i; e < _.length; e++) {
|
|
917
917
|
let t = _[e];
|
|
918
918
|
if (r += t[F.height], n) if (r <= n) o.push(t);
|
|
@@ -923,15 +923,15 @@ var _e = (e) => {
|
|
|
923
923
|
let a = _[i];
|
|
924
924
|
if (a) {
|
|
925
925
|
if (r += a[F.height], e <= r && n == 0) {
|
|
926
|
-
|
|
926
|
+
we.value = r - a[F.height], o.push(a), n = e + t;
|
|
927
927
|
continue;
|
|
928
928
|
}
|
|
929
929
|
if (n) if (r <= n) o.push(a);
|
|
930
930
|
else break getHeightFor;
|
|
931
931
|
}
|
|
932
932
|
}
|
|
933
|
-
|
|
934
|
-
},
|
|
933
|
+
De.value = o, Me(), ke(o, Math.floor(performance.now()));
|
|
934
|
+
}, Ae = g(0), je = g(0), Me = () => {
|
|
935
935
|
if (!i.value) return;
|
|
936
936
|
let e = i.value.scrollLeft, n = i.value.clientWidth;
|
|
937
937
|
for (let e of t.value) (e.fixed == "left" || e.fixed == "right") && (n -= e.width || e.minWidth || 0);
|
|
@@ -949,18 +949,18 @@ var _e = (e) => {
|
|
|
949
949
|
}
|
|
950
950
|
}
|
|
951
951
|
}
|
|
952
|
-
r < a && (
|
|
953
|
-
},
|
|
954
|
-
if (e.props.rowConfig?.isCurrent &&
|
|
952
|
+
r < a && (Ae.value = r, je.value = a);
|
|
953
|
+
}, 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) => {
|
|
954
|
+
if (e.props.rowConfig?.isCurrent && W.value != t && (W.value = t, e.emits("currentChange", {
|
|
955
955
|
newValue: t,
|
|
956
956
|
column: n
|
|
957
957
|
})), e.props.treeConfig?.isOpenTree) {
|
|
958
|
-
let r = e.props.treeConfig.childrenField ||
|
|
958
|
+
let r = e.props.treeConfig.childrenField || q.childrenField;
|
|
959
959
|
switch (!0) {
|
|
960
960
|
case t?.[r]?.length == 0: break;
|
|
961
961
|
case e.props.treeConfig?.trigger == "cell" && n.treeNode:
|
|
962
962
|
case e.props.treeConfig?.trigger == "row":
|
|
963
|
-
|
|
963
|
+
at([t], !t[F.isCollapsed]);
|
|
964
964
|
break;
|
|
965
965
|
default: break;
|
|
966
966
|
}
|
|
@@ -968,7 +968,7 @@ var _e = (e) => {
|
|
|
968
968
|
if (e.props.expandConfig?.isExpand) switch (!0) {
|
|
969
969
|
case e.props.expandConfig?.trigger == "cell" && n.type == "expand":
|
|
970
970
|
case e.props.expandConfig?.trigger == "row":
|
|
971
|
-
|
|
971
|
+
st([t], !t[F.isRowExpanded]);
|
|
972
972
|
break;
|
|
973
973
|
default: break;
|
|
974
974
|
}
|
|
@@ -976,112 +976,112 @@ var _e = (e) => {
|
|
|
976
976
|
row: t,
|
|
977
977
|
column: n
|
|
978
978
|
});
|
|
979
|
-
},
|
|
980
|
-
e.emits && e.emits("headerCellClick", { column: t }), e.props.sortConfig?.trigger == "cell" && t.sortable &&
|
|
981
|
-
},
|
|
982
|
-
e.props.rowConfig?.isHover && (
|
|
983
|
-
}, { getCheckField:
|
|
979
|
+
}, Be = (t) => {
|
|
980
|
+
e.emits && e.emits("headerCellClick", { column: t }), e.props.sortConfig?.trigger == "cell" && t.sortable && mt(t.field, "auto"), e.emits && e.emits("cellClick", { column: t });
|
|
981
|
+
}, K = y({}), Ve = (t) => {
|
|
982
|
+
e.props.rowConfig?.isHover && (K.value = t);
|
|
983
|
+
}, { getCheckField: He, headerChecked: Ue, headerCheckedIndeterminate: We, onHeaderChecked: Ge, upDataHeaderChecked: Ke, upDataAllRowCheckedDeep: qe, onCellChecked: Je, getCheckboxRecords: Ye, clearCheckboxRowInit: Xe } = me({
|
|
984
984
|
pretextId: F.id,
|
|
985
985
|
columns: t,
|
|
986
|
-
blurAnyElement:
|
|
986
|
+
blurAnyElement: R,
|
|
987
987
|
nowDataSource: h,
|
|
988
988
|
baseDataSource: m,
|
|
989
989
|
emits: e.emits,
|
|
990
990
|
treeConfig: e.props.treeConfig
|
|
991
|
-
}),
|
|
992
|
-
|
|
991
|
+
}), Ze = (e) => {
|
|
992
|
+
Xe();
|
|
993
993
|
let t = [];
|
|
994
|
-
if (t = e ? [e] :
|
|
995
|
-
}, { isDragging:
|
|
994
|
+
if (t = e ? [e] : He(), t) for (let e of h.value) for (let n of t) e[n] = !1;
|
|
995
|
+
}, { isDragging: Qe, dragLineLeft: $e, startResize: et } = ge({
|
|
996
996
|
pretextTableRef: r,
|
|
997
997
|
afterResize: (t) => {
|
|
998
|
-
|
|
998
|
+
Re(), e.emits("resizableChange", {
|
|
999
999
|
column: { ...t.column },
|
|
1000
1000
|
resizeWidth: t.column.width
|
|
1001
1001
|
});
|
|
1002
1002
|
}
|
|
1003
|
-
}),
|
|
1004
|
-
b(h.value), j(),
|
|
1005
|
-
},
|
|
1003
|
+
}), tt = () => {
|
|
1004
|
+
b(h.value), j(), H();
|
|
1005
|
+
}, nt = (t) => {
|
|
1006
1006
|
if (t) {
|
|
1007
|
-
let t = e.props.treeConfig?.childrenField ||
|
|
1007
|
+
let t = e.props.treeConfig?.childrenField || q.childrenField, n = [], r = (e) => {
|
|
1008
1008
|
if (e[t]?.length) {
|
|
1009
1009
|
n.push(e);
|
|
1010
1010
|
for (let n of e[t]) r(n);
|
|
1011
1011
|
}
|
|
1012
1012
|
};
|
|
1013
1013
|
for (let e of h.value) r(e);
|
|
1014
|
-
|
|
1015
|
-
} else
|
|
1016
|
-
},
|
|
1017
|
-
|
|
1014
|
+
at(n, !0);
|
|
1015
|
+
} else rt();
|
|
1016
|
+
}, rt = () => {
|
|
1017
|
+
J.forEach((e) => {
|
|
1018
1018
|
e[F.isCollapsed] = !1;
|
|
1019
|
-
}),
|
|
1020
|
-
}, { defaultTreeConfig:
|
|
1019
|
+
}), J.clear(), b(h.value), j(), H();
|
|
1020
|
+
}, { defaultTreeConfig: q, treeExpandMap: J, handleTree: it, setTreeExpand: at } = ve({
|
|
1021
1021
|
treeConfig: e.props.treeConfig,
|
|
1022
|
-
afterTreeExpand:
|
|
1022
|
+
afterTreeExpand: tt,
|
|
1023
1023
|
insertChild: S
|
|
1024
|
-
}), { handleExpand:
|
|
1024
|
+
}), { handleExpand: ot, setRowExpand: st } = ye({
|
|
1025
1025
|
expandConfig: e.props.expandConfig,
|
|
1026
1026
|
afterRowExpand: (t, n) => {
|
|
1027
|
-
b(h.value), j(),
|
|
1027
|
+
b(h.value), j(), H(), e.emits("toggleRowExpand", {
|
|
1028
1028
|
expanded: n,
|
|
1029
1029
|
rows: t
|
|
1030
1030
|
});
|
|
1031
1031
|
},
|
|
1032
1032
|
insertExpandRow: C
|
|
1033
|
-
}),
|
|
1034
|
-
m.value = [], b([]),
|
|
1035
|
-
},
|
|
1036
|
-
let n =
|
|
1033
|
+
}), ct = 0, lt = () => {
|
|
1034
|
+
m.value = [], b([]), Y.clear(), W.value = {}, K.value = {}, Xe(), Q.value = "", pt.value = null, Ct(), ct = 0, I = 0;
|
|
1035
|
+
}, Y = /* @__PURE__ */ new Map(), X = (t) => {
|
|
1036
|
+
let n = ct;
|
|
1037
1037
|
for (let r of t) {
|
|
1038
|
-
r[F.id] = Math.random().toString(36).substring(2), r[F.index] = n, n++,
|
|
1039
|
-
let t = e.props.treeConfig?.childrenField ||
|
|
1040
|
-
e.props.treeConfig?.isOpenTree && r?.[t]?.length > 0 &&
|
|
1038
|
+
r[F.id] = Math.random().toString(36).substring(2), r[F.index] = n, n++, ct++, Y.set(r[F.id], r);
|
|
1039
|
+
let t = e.props.treeConfig?.childrenField || q.childrenField;
|
|
1040
|
+
e.props.treeConfig?.isOpenTree && r?.[t]?.length > 0 && X(r[t]);
|
|
1041
1041
|
}
|
|
1042
|
-
},
|
|
1043
|
-
|
|
1044
|
-
n >= 50 ||
|
|
1042
|
+
}, Z = (e, t, n = 0) => {
|
|
1043
|
+
z ? setTimeout(() => {
|
|
1044
|
+
n >= 50 || Z(e, t, n + 1);
|
|
1045
1045
|
}, 100) : u({
|
|
1046
1046
|
top: e,
|
|
1047
1047
|
left: t
|
|
1048
1048
|
});
|
|
1049
1049
|
}, ut = async (e) => {
|
|
1050
|
-
let t =
|
|
1051
|
-
await
|
|
1052
|
-
},
|
|
1050
|
+
let t = B, n = Ce;
|
|
1051
|
+
await dt(e), Z(t, n);
|
|
1052
|
+
}, dt = async (e) => {
|
|
1053
1053
|
try {
|
|
1054
|
-
u({ top: 0 }),
|
|
1054
|
+
u({ top: 0 }), lt();
|
|
1055
1055
|
let t = it(e || []);
|
|
1056
|
-
|
|
1056
|
+
X(t || []), m.value = t || [], be(m.value);
|
|
1057
1057
|
} catch (e) {
|
|
1058
1058
|
console.error(e);
|
|
1059
1059
|
}
|
|
1060
|
-
},
|
|
1060
|
+
}, ft = () => {
|
|
1061
1061
|
let e = _.filter((e) => !e[F.isExpandRow]);
|
|
1062
1062
|
return {
|
|
1063
1063
|
fullData: m.value,
|
|
1064
1064
|
visibleData: e
|
|
1065
1065
|
};
|
|
1066
|
-
}, { sortField:
|
|
1066
|
+
}, { sortField: Q, sortOrder: pt, sort: mt, handleSort: $ } = L({
|
|
1067
1067
|
nowDataSource: h,
|
|
1068
|
-
getVisibleData:
|
|
1068
|
+
getVisibleData: H,
|
|
1069
1069
|
setNowDataSource: b,
|
|
1070
1070
|
treeConfig: e.props.treeConfig,
|
|
1071
|
-
defaultTreeConfig:
|
|
1072
|
-
}), { filterPopupWidth: ht, filterPopupId: gt, inputFilterOptions: _t, numberFilterOptions: vt, filterFields: yt, getFilterFields: bt, filterClick: xt, setFilter: St, clearFilter: Ct } =
|
|
1071
|
+
defaultTreeConfig: q
|
|
1072
|
+
}), { filterPopupWidth: ht, filterPopupId: gt, inputFilterOptions: _t, numberFilterOptions: vt, filterFields: yt, getFilterFields: bt, filterClick: xt, setFilter: St, clearFilter: Ct } = he({
|
|
1073
1073
|
columns: t,
|
|
1074
1074
|
baseDataSource: m,
|
|
1075
1075
|
setNowDataSource: b,
|
|
1076
1076
|
scrollTo: u,
|
|
1077
1077
|
refresh: l,
|
|
1078
1078
|
afterFilter: () => {
|
|
1079
|
-
j(),
|
|
1079
|
+
j(), $(), qe();
|
|
1080
1080
|
},
|
|
1081
1081
|
treeConfig: e.props.treeConfig,
|
|
1082
|
-
defaultTreeConfig:
|
|
1082
|
+
defaultTreeConfig: q
|
|
1083
1083
|
}), wt = (e) => {
|
|
1084
|
-
|
|
1084
|
+
R(), e.listFilter.selectedValue.length == e.listFilter.listOptions.length ? e.listFilter.selectedValue = [] : e.listFilter.selectedValue = e.listFilter.listOptions.map((e) => e.value);
|
|
1085
1085
|
}, Tt = (i) => {
|
|
1086
1086
|
if (!r.value) {
|
|
1087
1087
|
setTimeout(() => {
|
|
@@ -1090,16 +1090,16 @@ var _e = (e) => {
|
|
|
1090
1090
|
return;
|
|
1091
1091
|
}
|
|
1092
1092
|
let a = ee(i) || [];
|
|
1093
|
-
a.finalColumns.length == 0 || a.realColumns.length == 0 || (
|
|
1093
|
+
a.finalColumns.length == 0 || a.realColumns.length == 0 || (ot(), xe = a.finalColumns.length, j(), t.value = a.finalColumns, n.value = a.realColumns, setTimeout(() => {
|
|
1094
1094
|
O();
|
|
1095
|
-
}, 0),
|
|
1095
|
+
}, 0), A(e.props.footerProps), He(), U(), bt(), l());
|
|
1096
1096
|
};
|
|
1097
1097
|
w(() => e.props.columns, (e) => {
|
|
1098
1098
|
Tt(e);
|
|
1099
1099
|
}, { immediate: !0 }), w(() => e.props.footerProps, (e) => {
|
|
1100
|
-
|
|
1100
|
+
A(e);
|
|
1101
1101
|
}), w(() => e.props.height, (e) => {
|
|
1102
|
-
a.value = e,
|
|
1102
|
+
a.value = e, Ne();
|
|
1103
1103
|
}, { immediate: !0 });
|
|
1104
1104
|
let Et = () => {
|
|
1105
1105
|
r.value && (o.value = r.value.clientWidth);
|
|
@@ -1116,55 +1116,55 @@ var _e = (e) => {
|
|
|
1116
1116
|
Ot();
|
|
1117
1117
|
}), d(() => {
|
|
1118
1118
|
u({
|
|
1119
|
-
top:
|
|
1120
|
-
left:
|
|
1121
|
-
}),
|
|
1119
|
+
top: B,
|
|
1120
|
+
left: Ce
|
|
1121
|
+
}), H();
|
|
1122
1122
|
}), f(() => {}), {
|
|
1123
1123
|
keyNames: F,
|
|
1124
1124
|
nowDataSource: h,
|
|
1125
1125
|
pretextTableRef: r,
|
|
1126
1126
|
tableRef: i,
|
|
1127
1127
|
isLoading: s,
|
|
1128
|
-
visibleData:
|
|
1129
|
-
visibleWidthStartColumnIndex:
|
|
1130
|
-
visibleWidthEndColumnIndex:
|
|
1131
|
-
gridTemplateColumns:
|
|
1132
|
-
blurAnyElement:
|
|
1128
|
+
visibleData: De,
|
|
1129
|
+
visibleWidthStartColumnIndex: Ae,
|
|
1130
|
+
visibleWidthEndColumnIndex: je,
|
|
1131
|
+
gridTemplateColumns: ze,
|
|
1132
|
+
blurAnyElement: R,
|
|
1133
1133
|
columns: t,
|
|
1134
|
-
onScroll:
|
|
1135
|
-
onWheel:
|
|
1136
|
-
topEmptyHeight:
|
|
1137
|
-
scrollbarHeight:
|
|
1134
|
+
onScroll: Te,
|
|
1135
|
+
onWheel: Ee,
|
|
1136
|
+
topEmptyHeight: we,
|
|
1137
|
+
scrollbarHeight: ie,
|
|
1138
1138
|
headerHeight: T,
|
|
1139
1139
|
headerStyles: E,
|
|
1140
1140
|
realColumns: n,
|
|
1141
1141
|
headerRef: D,
|
|
1142
|
-
updateFooter:
|
|
1143
|
-
updateFooterCellLabel:
|
|
1144
|
-
footerHeight:
|
|
1145
|
-
footerColumns:
|
|
1146
|
-
getFooterHeight:
|
|
1142
|
+
updateFooter: ne,
|
|
1143
|
+
updateFooterCellLabel: re,
|
|
1144
|
+
footerHeight: k,
|
|
1145
|
+
footerColumns: te,
|
|
1146
|
+
getFooterHeight: A,
|
|
1147
1147
|
itemStyles: M,
|
|
1148
|
-
fixedLeftIndex:
|
|
1149
|
-
fixedRightIndex:
|
|
1150
|
-
fixedColumnsLeft:
|
|
1151
|
-
fixedColumnsRight:
|
|
1152
|
-
getGridStyles:
|
|
1148
|
+
fixedLeftIndex: Ie,
|
|
1149
|
+
fixedRightIndex: Le,
|
|
1150
|
+
fixedColumnsLeft: Pe,
|
|
1151
|
+
fixedColumnsRight: Fe,
|
|
1152
|
+
getGridStyles: U,
|
|
1153
1153
|
divLineHeightOffset: 20,
|
|
1154
|
-
currentRow:
|
|
1155
|
-
cellClick:
|
|
1156
|
-
headerClick:
|
|
1157
|
-
hoverRow:
|
|
1158
|
-
cellMousemove:
|
|
1159
|
-
headerChecked:
|
|
1160
|
-
headerCheckedIndeterminate:
|
|
1161
|
-
onHeaderChecked:
|
|
1162
|
-
onCellChecked:
|
|
1163
|
-
getCheckboxRecords:
|
|
1164
|
-
clearCheckboxRow:
|
|
1165
|
-
sortField:
|
|
1154
|
+
currentRow: W,
|
|
1155
|
+
cellClick: G,
|
|
1156
|
+
headerClick: Be,
|
|
1157
|
+
hoverRow: K,
|
|
1158
|
+
cellMousemove: Ve,
|
|
1159
|
+
headerChecked: Ue,
|
|
1160
|
+
headerCheckedIndeterminate: We,
|
|
1161
|
+
onHeaderChecked: Ge,
|
|
1162
|
+
onCellChecked: Je,
|
|
1163
|
+
getCheckboxRecords: Ye,
|
|
1164
|
+
clearCheckboxRow: Ze,
|
|
1165
|
+
sortField: Q,
|
|
1166
1166
|
sortOrder: pt,
|
|
1167
|
-
sort:
|
|
1167
|
+
sort: mt,
|
|
1168
1168
|
filterPopupWidth: ht,
|
|
1169
1169
|
filterPopupId: gt,
|
|
1170
1170
|
inputFilterOptions: _t,
|
|
@@ -1175,26 +1175,26 @@ var _e = (e) => {
|
|
|
1175
1175
|
setFilter: St,
|
|
1176
1176
|
clearFilter: Ct,
|
|
1177
1177
|
setListFilterAll: wt,
|
|
1178
|
-
isDragging:
|
|
1179
|
-
dragLineLeft:
|
|
1180
|
-
startResize:
|
|
1181
|
-
setTreeExpand:
|
|
1182
|
-
setAllTreeExpand:
|
|
1183
|
-
clearTreeExpand:
|
|
1184
|
-
defaultTreeConfig:
|
|
1185
|
-
setRowExpand:
|
|
1186
|
-
slotShowTimestamp:
|
|
1178
|
+
isDragging: Qe,
|
|
1179
|
+
dragLineLeft: $e,
|
|
1180
|
+
startResize: et,
|
|
1181
|
+
setTreeExpand: at,
|
|
1182
|
+
setAllTreeExpand: nt,
|
|
1183
|
+
clearTreeExpand: rt,
|
|
1184
|
+
defaultTreeConfig: q,
|
|
1185
|
+
setRowExpand: st,
|
|
1186
|
+
slotShowTimestamp: Oe,
|
|
1187
1187
|
isRefresh: c,
|
|
1188
1188
|
realTableHeight: a,
|
|
1189
1189
|
realTableWidth: o,
|
|
1190
1190
|
loadData: ut,
|
|
1191
|
-
reloadData:
|
|
1192
|
-
getTableData:
|
|
1191
|
+
reloadData: dt,
|
|
1192
|
+
getTableData: ft
|
|
1193
1193
|
};
|
|
1194
|
-
},
|
|
1194
|
+
}, be = ["onClick"], xe = { key: 0 }, Se = { key: 1 }, B = { key: 2 }, Ce = {
|
|
1195
1195
|
key: 3,
|
|
1196
1196
|
style: { "text-align": "center" }
|
|
1197
|
-
},
|
|
1197
|
+
}, we = {
|
|
1198
1198
|
key: 0,
|
|
1199
1199
|
style: {
|
|
1200
1200
|
display: "inline-flex",
|
|
@@ -1205,30 +1205,36 @@ var _e = (e) => {
|
|
|
1205
1205
|
padding: "0px",
|
|
1206
1206
|
width: "14px"
|
|
1207
1207
|
}
|
|
1208
|
-
},
|
|
1208
|
+
}, V = { key: 1 }, Te = ["id"], Ee = { style: {
|
|
1209
1209
|
"text-align": "center",
|
|
1210
1210
|
"font-weight": "bold"
|
|
1211
|
-
} },
|
|
1211
|
+
} }, De = { style: {
|
|
1212
1212
|
display: "flex",
|
|
1213
1213
|
"justify-content": "center",
|
|
1214
1214
|
"margin-top": "5px"
|
|
1215
|
-
} },
|
|
1215
|
+
} }, Oe = { style: {
|
|
1216
1216
|
display: "flex",
|
|
1217
1217
|
"justify-content": "center",
|
|
1218
1218
|
"margin-top": "5px"
|
|
1219
|
-
} },
|
|
1219
|
+
} }, ke = { style: { margin: "0 0 4px" } }, H = { style: {
|
|
1220
1220
|
display: "flex",
|
|
1221
1221
|
"justify-content": "center",
|
|
1222
1222
|
"margin-top": "5px",
|
|
1223
1223
|
padding: "5px 0",
|
|
1224
1224
|
"border-top": "1px solid #e0e0e0"
|
|
1225
|
-
} },
|
|
1225
|
+
} }, Ae = ["onMousedown"], je = ["onClick", "onMouseenter"], Me = {
|
|
1226
1226
|
key: 3,
|
|
1227
1227
|
style: { "margin-left": "6px" }
|
|
1228
|
-
},
|
|
1228
|
+
}, Ne = { key: 4 }, Pe = { key: 5 }, Fe = { style: {
|
|
1229
1229
|
display: "flex",
|
|
1230
1230
|
gap: "4px"
|
|
1231
|
-
} },
|
|
1231
|
+
} }, Ie = ["title"], Le = {
|
|
1232
|
+
key: 9,
|
|
1233
|
+
style: {
|
|
1234
|
+
width: "100%",
|
|
1235
|
+
"text-align": "center"
|
|
1236
|
+
}
|
|
1237
|
+
}, Re = ["title"], ze = { key: 1 }, U = /* @__PURE__ */ c({
|
|
1232
1238
|
inheritAttrs: !1,
|
|
1233
1239
|
name: "pretextTable",
|
|
1234
1240
|
props: {
|
|
@@ -1296,30 +1302,30 @@ var _e = (e) => {
|
|
|
1296
1302
|
"toggleRowExpand"
|
|
1297
1303
|
],
|
|
1298
1304
|
setup(c, { expose: d, emit: f }) {
|
|
1299
|
-
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:
|
|
1305
|
+
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, cellClick: He, headerClick: Ue, hoverRow: We, cellMousemove: Ge, headerChecked: Ke, headerCheckedIndeterminate: qe, onHeaderChecked: Je, onCellChecked: Ye, getCheckboxRecords: Xe, clearCheckboxRow: Ze, sortField: Qe, sortOrder: $e, sort: et, filterPopupWidth: tt, filterPopupId: nt, inputFilterOptions: rt, numberFilterOptions: q, filterFields: J, getFilterFields: it, filterClick: at, setFilter: ot, clearFilter: st, setListFilterAll: ct, isDragging: lt, dragLineLeft: Y, startResize: X, setTreeExpand: Z, setAllTreeExpand: ut, clearTreeExpand: dt, defaultTreeConfig: ft, setRowExpand: Q, slotShowTimestamp: pt, isRefresh: mt, realTableHeight: $, realTableWidth: ht, loadData: gt, reloadData: _t, getTableData: vt } = z({
|
|
1300
1306
|
props: p,
|
|
1301
1307
|
emits: f
|
|
1302
1308
|
});
|
|
1303
1309
|
return d({
|
|
1304
|
-
loadData:
|
|
1305
|
-
reloadData:
|
|
1306
|
-
getCheckboxRecords:
|
|
1307
|
-
clearCheckboxRow:
|
|
1308
|
-
updateFooter:
|
|
1309
|
-
updateFooterCellLabel:
|
|
1310
|
-
getFooterHeight:
|
|
1311
|
-
getTableData:
|
|
1310
|
+
loadData: gt,
|
|
1311
|
+
reloadData: _t,
|
|
1312
|
+
getCheckboxRecords: Xe,
|
|
1313
|
+
clearCheckboxRow: Ze,
|
|
1314
|
+
updateFooter: ge,
|
|
1315
|
+
updateFooterCellLabel: _e,
|
|
1316
|
+
getFooterHeight: ye,
|
|
1317
|
+
getTableData: vt,
|
|
1312
1318
|
setTreeExpand: Z,
|
|
1313
|
-
setAllTreeExpand:
|
|
1314
|
-
clearTreeExpand:
|
|
1315
|
-
setRowExpand:
|
|
1319
|
+
setAllTreeExpand: ut,
|
|
1320
|
+
clearTreeExpand: dt,
|
|
1321
|
+
setRowExpand: Q
|
|
1316
1322
|
}), (c, d) => (h(), i("div", {
|
|
1317
1323
|
class: "cName-pretextTable",
|
|
1318
1324
|
style: { position: "relative" },
|
|
1319
1325
|
ref_key: "pretextTableRef",
|
|
1320
1326
|
ref: g
|
|
1321
1327
|
}, [
|
|
1322
|
-
s(S(
|
|
1328
|
+
s(S(re), {
|
|
1323
1329
|
modelValue: S(w),
|
|
1324
1330
|
text: p.loadingConfig?.text || "加载中..."
|
|
1325
1331
|
}, null, 8, ["modelValue", "text"]),
|
|
@@ -1354,60 +1360,60 @@ var _e = (e) => {
|
|
|
1354
1360
|
key: "header_" + (f?.field || "null") + "_" + m,
|
|
1355
1361
|
class: "pretextTable-grid-header",
|
|
1356
1362
|
style: u(f ? {
|
|
1357
|
-
fontWeight: S(
|
|
1358
|
-
fontSize: S(
|
|
1363
|
+
fontWeight: S(L).fontWeight,
|
|
1364
|
+
fontSize: S(L).fontSize,
|
|
1359
1365
|
gridRow: f?.style?.gridRow || "",
|
|
1360
1366
|
gridColumn: f?.style?.gridColumn || "",
|
|
1361
1367
|
zIndex: m == 0 ? 3 : f.fixed == "left" || f.fixed == "right" ? 2 : 1,
|
|
1362
|
-
left: f.fixed == "left" ? S(
|
|
1363
|
-
right: f.fixed == "right" ? S(
|
|
1368
|
+
left: f.fixed == "left" ? S(Be)[m] : "",
|
|
1369
|
+
right: f.fixed == "right" ? S(K)[m] : "",
|
|
1364
1370
|
borderLeft: f.fixed == "right" ? "1px solid var(--pretextTable-border-color)" : "",
|
|
1365
|
-
boxShadow: f.fixed == "left" && m == S(
|
|
1371
|
+
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" : "",
|
|
1366
1372
|
borderBottom: f ? "1px solid var(--pretextTable-border-color)" : "",
|
|
1367
1373
|
minHeight: "30px"
|
|
1368
1374
|
} : {}),
|
|
1369
|
-
onClick: (e) => S(
|
|
1370
|
-
}, [f ? f.type == "checkbox" && p == 0 ? (h(), i("span",
|
|
1371
|
-
modelValue: S(
|
|
1372
|
-
indeterminate: S(
|
|
1375
|
+
onClick: (e) => S(Ue)(f)
|
|
1376
|
+
}, [f ? f.type == "checkbox" && p == 0 ? (h(), i("span", Se, [s(S(k), {
|
|
1377
|
+
modelValue: S(Ke)[f.field],
|
|
1378
|
+
indeterminate: S(qe)[f.field],
|
|
1373
1379
|
content: "",
|
|
1374
|
-
onChange: (e) => S(
|
|
1380
|
+
onChange: (e) => S(Je)(f.field)
|
|
1375
1381
|
}, null, 8, [
|
|
1376
1382
|
"modelValue",
|
|
1377
1383
|
"indeterminate",
|
|
1378
1384
|
"onChange"
|
|
1379
|
-
])])) : f?.type == "seq" && p == 0 ? (h(), i("div",
|
|
1385
|
+
])])) : f?.type == "seq" && p == 0 ? (h(), i("div", B, b(f.title || "序号"), 1)) : (h(), i("span", Ce, [
|
|
1380
1386
|
a("span", null, [f.slots?.header ? v(c.$slots, f.slots?.header, {
|
|
1381
1387
|
key: 0,
|
|
1382
1388
|
column: f,
|
|
1383
1389
|
text: f.title
|
|
1384
1390
|
}, () => [o(b(f.title), 1)]) : (h(), i(e, { key: 1 }, [o(b(f.title), 1)], 64))]),
|
|
1385
|
-
f.sortable && !f.children?.length ? (h(), i("span",
|
|
1391
|
+
f.sortable && !f.children?.length ? (h(), i("span", we, [s(S(A), {
|
|
1386
1392
|
name: "caret-up",
|
|
1387
1393
|
style: {
|
|
1388
1394
|
position: "absolute",
|
|
1389
1395
|
top: "-0.8em"
|
|
1390
1396
|
},
|
|
1391
|
-
class: l(["pretextTable-sort-icon", { "pretextTable-sort-icon-active": S(
|
|
1392
|
-
onClick: D((e) => S(
|
|
1393
|
-
}, null, 8, ["class", "onClick"]), s(S(
|
|
1397
|
+
class: l(["pretextTable-sort-icon", { "pretextTable-sort-icon-active": S(Qe) == f.field && S($e) == "asc" }]),
|
|
1398
|
+
onClick: D((e) => S(et)(f.field, "asc"), ["stop"])
|
|
1399
|
+
}, null, 8, ["class", "onClick"]), s(S(A), {
|
|
1394
1400
|
name: "caret-down",
|
|
1395
1401
|
style: {
|
|
1396
1402
|
position: "absolute",
|
|
1397
1403
|
top: "-0.2em"
|
|
1398
1404
|
},
|
|
1399
|
-
class: l(["pretextTable-sort-icon", { "pretextTable-sort-icon-active": S(
|
|
1400
|
-
onClick: D((e) => S(
|
|
1405
|
+
class: l(["pretextTable-sort-icon", { "pretextTable-sort-icon-active": S(Qe) == f.field && S($e) == "desc" }]),
|
|
1406
|
+
onClick: D((e) => S(et)(f.field, "desc"), ["stop"])
|
|
1401
1407
|
}, null, 8, ["class", "onClick"])])) : r("", !0),
|
|
1402
|
-
S(J)[m]?.type && !f.children?.length ? (h(), i("span",
|
|
1408
|
+
S(J)[m]?.type && !f.children?.length ? (h(), i("span", V, [s(S(A), {
|
|
1403
1409
|
name: "funnel",
|
|
1404
1410
|
class: l(["pretextTable-filter-icon", { "pretextTable-filter-icon-active": S(J)[m].isActive }]),
|
|
1405
|
-
onClick: D((e) => S(
|
|
1411
|
+
onClick: D((e) => S(at)(m, e), ["stop"])
|
|
1406
1412
|
}, null, 8, ["class", "onClick"]), S(J)[m].isShow ? (h(), n(t, {
|
|
1407
1413
|
key: 0,
|
|
1408
1414
|
to: "body"
|
|
1409
1415
|
}, [a("div", {
|
|
1410
|
-
id: S(
|
|
1416
|
+
id: S(nt) + f.field,
|
|
1411
1417
|
class: "pretextTable-filter-popup",
|
|
1412
1418
|
style: u([{
|
|
1413
1419
|
"background-color": "#fff",
|
|
@@ -1421,25 +1427,25 @@ var _e = (e) => {
|
|
|
1421
1427
|
left: S(J)[m].clientX + "px"
|
|
1422
1428
|
}])
|
|
1423
1429
|
}, [
|
|
1424
|
-
a("div",
|
|
1430
|
+
a("div", Ee, b(f.title), 1),
|
|
1425
1431
|
S(J)[m].type == "inputFilter" ? (h(), i("div", {
|
|
1426
1432
|
key: 0,
|
|
1427
|
-
style: u({ width: S(
|
|
1428
|
-
}, [a("div", null, [s(S(
|
|
1433
|
+
style: u({ width: S(tt) + "px" })
|
|
1434
|
+
}, [a("div", null, [s(S(ne), {
|
|
1429
1435
|
modelValue: S(J)[m].value,
|
|
1430
1436
|
"onUpdate:modelValue": (e) => S(J)[m].value = e,
|
|
1431
1437
|
placeholder: "按回车筛选",
|
|
1432
1438
|
trim: !0,
|
|
1433
1439
|
style: { width: "100%" },
|
|
1434
|
-
onKeyup: ee((e) => S(
|
|
1440
|
+
onKeyup: ee((e) => S(ot)(f.field), ["enter"])
|
|
1435
1441
|
}, null, 8, [
|
|
1436
1442
|
"modelValue",
|
|
1437
1443
|
"onUpdate:modelValue",
|
|
1438
1444
|
"onKeyup"
|
|
1439
|
-
])]), a("div",
|
|
1445
|
+
])]), a("div", De, [s(S(ae), {
|
|
1440
1446
|
modelValue: S(J)[m].inputFilter.type,
|
|
1441
1447
|
"onUpdate:modelValue": (e) => S(J)[m].inputFilter.type = e,
|
|
1442
|
-
options: S(
|
|
1448
|
+
options: S(rt)
|
|
1443
1449
|
}, null, 8, [
|
|
1444
1450
|
"modelValue",
|
|
1445
1451
|
"onUpdate:modelValue",
|
|
@@ -1447,22 +1453,22 @@ var _e = (e) => {
|
|
|
1447
1453
|
])])], 4)) : r("", !0),
|
|
1448
1454
|
S(J)[m].type == "numberFilter" || S(J)[m].type == "numberFilter%" ? (h(), i("div", {
|
|
1449
1455
|
key: 1,
|
|
1450
|
-
style: u({ width: S(
|
|
1451
|
-
}, [a("div",
|
|
1456
|
+
style: u({ width: S(tt) + "px" })
|
|
1457
|
+
}, [a("div", Oe, [s(S(ae), {
|
|
1452
1458
|
modelValue: S(J)[m].numberFilter.type,
|
|
1453
1459
|
"onUpdate:modelValue": (e) => S(J)[m].numberFilter.type = e,
|
|
1454
|
-
options: S(
|
|
1460
|
+
options: S(q)
|
|
1455
1461
|
}, null, 8, [
|
|
1456
1462
|
"modelValue",
|
|
1457
1463
|
"onUpdate:modelValue",
|
|
1458
1464
|
"options"
|
|
1459
|
-
])]), a("div", null, [s(S(
|
|
1465
|
+
])]), a("div", null, [s(S(ie), {
|
|
1460
1466
|
modelValue: S(J)[m].value,
|
|
1461
1467
|
"onUpdate:modelValue": (e) => S(J)[m].value = e,
|
|
1462
1468
|
placeholder: "按回车筛选",
|
|
1463
1469
|
controlConfig: { showButton: !1 },
|
|
1464
1470
|
style: { width: "100%" },
|
|
1465
|
-
onKeyup: ee((e) => S(
|
|
1471
|
+
onKeyup: ee((e) => S(ot)(f.field), ["enter"])
|
|
1466
1472
|
}, {
|
|
1467
1473
|
suffix: T(() => [...d[3] ||= [o("%", -1)]]),
|
|
1468
1474
|
_: 1
|
|
@@ -1473,17 +1479,17 @@ var _e = (e) => {
|
|
|
1473
1479
|
])])], 4)) : r("", !0),
|
|
1474
1480
|
S(J)[m].type == "listFilter" ? (h(), i("div", {
|
|
1475
1481
|
key: 2,
|
|
1476
|
-
style: u({ maxWidth: S(
|
|
1477
|
-
}, [a("div",
|
|
1482
|
+
style: u({ maxWidth: S(tt) + "px" })
|
|
1483
|
+
}, [a("div", ke, [s(S(k), {
|
|
1478
1484
|
modelValue: S(J)[m].listFilter.selectedValue.length == S(J)[m].listFilter.listOptions.length,
|
|
1479
1485
|
indeterminate: S(J)[m].listFilter.selectedValue.length > 0 && S(J)[m].listFilter.selectedValue.length < S(J)[m].listFilter.listOptions.length,
|
|
1480
1486
|
content: "全部",
|
|
1481
|
-
onChange: (e) => S(
|
|
1487
|
+
onChange: (e) => S(ct)(S(J)[m])
|
|
1482
1488
|
}, null, 8, [
|
|
1483
1489
|
"modelValue",
|
|
1484
1490
|
"indeterminate",
|
|
1485
1491
|
"onChange"
|
|
1486
|
-
])]), s(S(
|
|
1492
|
+
])]), s(S(te), {
|
|
1487
1493
|
modelValue: S(J)[m].listFilter.selectedValue,
|
|
1488
1494
|
"onUpdate:modelValue": (e) => S(J)[m].listFilter.selectedValue = e,
|
|
1489
1495
|
options: S(J)[m].listFilter.listOptions,
|
|
@@ -1494,12 +1500,12 @@ var _e = (e) => {
|
|
|
1494
1500
|
"options",
|
|
1495
1501
|
"onChange"
|
|
1496
1502
|
])], 4)) : r("", !0),
|
|
1497
|
-
a("div",
|
|
1503
|
+
a("div", H, [
|
|
1498
1504
|
s(S(O), {
|
|
1499
1505
|
type: "primary",
|
|
1500
1506
|
size: "small",
|
|
1501
1507
|
mode: "text",
|
|
1502
|
-
onClick: (e) => S(
|
|
1508
|
+
onClick: (e) => S(ot)(f.field)
|
|
1503
1509
|
}, {
|
|
1504
1510
|
default: T(() => [...d[4] ||= [o(" 筛选 ", -1)]]),
|
|
1505
1511
|
_: 1
|
|
@@ -1508,7 +1514,7 @@ var _e = (e) => {
|
|
|
1508
1514
|
type: "primary",
|
|
1509
1515
|
size: "small",
|
|
1510
1516
|
mode: "text",
|
|
1511
|
-
onClick: (e) => S(
|
|
1517
|
+
onClick: (e) => S(st)(f.field)
|
|
1512
1518
|
}, {
|
|
1513
1519
|
default: T(() => [...d[5] ||= [o(" 重置 ", -1)]]),
|
|
1514
1520
|
_: 1
|
|
@@ -1517,14 +1523,14 @@ var _e = (e) => {
|
|
|
1517
1523
|
type: "primary",
|
|
1518
1524
|
size: "small",
|
|
1519
1525
|
mode: "text",
|
|
1520
|
-
onClick: d[0] ||= (e) => S(
|
|
1526
|
+
onClick: d[0] ||= (e) => S(st)()
|
|
1521
1527
|
}, {
|
|
1522
1528
|
default: T(() => [...d[6] ||= [o(" 重置所有 ", -1)]]),
|
|
1523
1529
|
_: 1
|
|
1524
1530
|
})
|
|
1525
1531
|
])
|
|
1526
|
-
], 12,
|
|
1527
|
-
])) : (h(), i("span",
|
|
1532
|
+
], 12, Te)])) : r("", !0)])) : r("", !0)
|
|
1533
|
+
])) : (h(), i("span", xe)), f?.resizable && !f.children?.length ? (h(), i("div", {
|
|
1528
1534
|
key: 4,
|
|
1529
1535
|
style: {
|
|
1530
1536
|
position: "absolute",
|
|
@@ -1535,7 +1541,7 @@ var _e = (e) => {
|
|
|
1535
1541
|
cursor: "col-resize"
|
|
1536
1542
|
},
|
|
1537
1543
|
onMousedown: D((e) => S(X)(e, f), ["prevent", "stop"])
|
|
1538
|
-
}, null, 40,
|
|
1544
|
+
}, null, 40, Ae)) : r("", !0)], 12, be))), 128))], 64))), 128))], 4),
|
|
1539
1545
|
S(M).length == 0 ? (h(), i("div", {
|
|
1540
1546
|
key: 0,
|
|
1541
1547
|
style: u([{
|
|
@@ -1543,7 +1549,7 @@ var _e = (e) => {
|
|
|
1543
1549
|
"align-items": "center",
|
|
1544
1550
|
position: "absolute",
|
|
1545
1551
|
left: "calc(50% - 35px)"
|
|
1546
|
-
}, { minHeight: `${S($) - S(j) - S(
|
|
1552
|
+
}, { minHeight: `${S($) - S(j) - S(ve) - 30}px` }])
|
|
1547
1553
|
}, " 暂无数据 ", 4)) : r("", !0),
|
|
1548
1554
|
a("div", {
|
|
1549
1555
|
class: "pretextTable-grid",
|
|
@@ -1554,7 +1560,7 @@ var _e = (e) => {
|
|
|
1554
1560
|
contain: "layout paint style",
|
|
1555
1561
|
position: "relative"
|
|
1556
1562
|
}, {
|
|
1557
|
-
minHeight: `${S($) - S(j) - S(
|
|
1563
|
+
minHeight: `${S($) - S(j) - S(ve) - S(he)}px`,
|
|
1558
1564
|
height: `${S(me)}px`
|
|
1559
1565
|
}])
|
|
1560
1566
|
}, [a("div", {
|
|
@@ -1570,7 +1576,7 @@ var _e = (e) => {
|
|
|
1570
1576
|
}, [a("div", { style: u({
|
|
1571
1577
|
position: "sticky",
|
|
1572
1578
|
left: p.expandConfig?.mode == "inside" ? "0px" : void 0,
|
|
1573
|
-
width: p.expandConfig?.mode == "inside" ? `${S(
|
|
1579
|
+
width: p.expandConfig?.mode == "inside" ? `${S(ht) - 15}px` : "100%"
|
|
1574
1580
|
}) }, [v(c.$slots, p.expandConfig?.slotName, {
|
|
1575
1581
|
row: t,
|
|
1576
1582
|
rowIndex: d
|
|
@@ -1586,46 +1592,46 @@ var _e = (e) => {
|
|
|
1586
1592
|
}, [(h(!0), i(e, null, _(S(N), (f, g) => (h(), i("div", {
|
|
1587
1593
|
key: "item_" + f.field,
|
|
1588
1594
|
class: l(["pretextTable-grid-item pretextTable-flex-align-items-center", {
|
|
1589
|
-
"pretextTable-grid-item-hover": p.rowConfig?.isHover && S(
|
|
1590
|
-
"pretextTable-grid-item-current": p.rowConfig?.isCurrent && S(
|
|
1595
|
+
"pretextTable-grid-item-hover": p.rowConfig?.isHover && S(We)[S(m).id] == t[S(m).id],
|
|
1596
|
+
"pretextTable-grid-item-current": p.rowConfig?.isCurrent && S(Ve)[S(m).id] == t[S(m).id],
|
|
1591
1597
|
"pretextTable-grid-item-stripe": p.stripe && t[S(m).stripe]
|
|
1592
1598
|
}]),
|
|
1593
1599
|
style: u({
|
|
1594
|
-
fontWeight: S(
|
|
1595
|
-
fontSize: S(
|
|
1600
|
+
fontWeight: S(U).fontWeight,
|
|
1601
|
+
fontSize: S(U).fontSize,
|
|
1596
1602
|
zIndex: +(f.fixed == "left" || f.fixed == "right"),
|
|
1597
1603
|
position: f.fixed == "left" || f.fixed == "right" ? "sticky" : "static",
|
|
1598
|
-
left: f.fixed == "left" ? S(
|
|
1599
|
-
right: f.fixed == "right" ? S(
|
|
1604
|
+
left: f.fixed == "left" ? S(Be)[g] : "",
|
|
1605
|
+
right: f.fixed == "right" ? S(K)[g] : "",
|
|
1600
1606
|
borderLeft: f.fixed == "right" ? "1px solid var(--pretextTable-border-color)" : "",
|
|
1601
|
-
boxShadow: f.fixed == "left" && g == S(
|
|
1607
|
+
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" : "",
|
|
1602
1608
|
height: `${t[S(m).height]}px`,
|
|
1603
1609
|
justifyContent: f.type == "checkbox" ? "center" : ""
|
|
1604
1610
|
}),
|
|
1605
|
-
onClick: (e) => S(
|
|
1606
|
-
onMouseenter: (e) => S(
|
|
1607
|
-
}, [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(
|
|
1608
|
-
E(s(S(
|
|
1611
|
+
onClick: (e) => S(He)(t, f),
|
|
1612
|
+
onMouseenter: (e) => S(Ge)(t)
|
|
1613
|
+
}, [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(ft).indent) + "px" }) }, null, 4), p.treeConfig?.showIcon === !1 ? r("", !0) : (h(), i(e, { key: 0 }, [t[p.treeConfig?.childrenField || S(ft).childrenField]?.length > 0 || p.treeConfig?.lazy && t[p.treeConfig?.hasChildField || S(ft).hasChildField] ? (h(), i(e, { key: 0 }, [
|
|
1614
|
+
E(s(S(A), {
|
|
1609
1615
|
name: "spinner",
|
|
1610
1616
|
roll: ""
|
|
1611
1617
|
}, null, 512), [[C, t[S(m).lazyLoading]]]),
|
|
1612
|
-
E(s(S(
|
|
1618
|
+
E(s(S(A), {
|
|
1613
1619
|
name: "caret-right",
|
|
1614
1620
|
style: {},
|
|
1615
1621
|
class: "pretextTable-icon",
|
|
1616
1622
|
onClick: D((e) => S(Z)([t], !0), ["stop"])
|
|
1617
1623
|
}, null, 8, ["onClick"]), [[C, !t[S(m).isCollapsed] && !t[S(m).lazyLoading]]]),
|
|
1618
|
-
E(s(S(
|
|
1624
|
+
E(s(S(A), {
|
|
1619
1625
|
name: "caret-down",
|
|
1620
1626
|
style: {},
|
|
1621
1627
|
class: "pretextTable-icon",
|
|
1622
1628
|
onClick: D((e) => S(Z)([t], !1), ["stop"])
|
|
1623
1629
|
}, null, 8, ["onClick"]), [[C, t[S(m).isCollapsed] && !t[S(m).lazyLoading]]])
|
|
1624
|
-
], 64)) : r("", !0)], 64))], 64)) : r("", !0), f.type == "checkbox" ? (h(), n(S(
|
|
1630
|
+
], 64)) : r("", !0)], 64))], 64)) : r("", !0), f.type == "checkbox" ? (h(), n(S(k), {
|
|
1625
1631
|
key: 1,
|
|
1626
1632
|
modelValue: t[f.field],
|
|
1627
1633
|
indeterminate: t[S(m).checkedIndeterminate + f.field],
|
|
1628
|
-
onChange: (e) => S(
|
|
1634
|
+
onChange: (e) => S(Ye)(t, f.field)
|
|
1629
1635
|
}, null, 8, [
|
|
1630
1636
|
"modelValue",
|
|
1631
1637
|
"indeterminate",
|
|
@@ -1633,17 +1639,17 @@ var _e = (e) => {
|
|
|
1633
1639
|
])) : f.type == "seq" ? (h(), i(e, { key: 2 }, [p.treeConfig?.isOpenTree ? (h(), i("span", {
|
|
1634
1640
|
key: 0,
|
|
1635
1641
|
style: u({ marginLeft: `${(Number(t[S(m).level]) - 1) * (p.treeConfig?.indent || 20)}px` })
|
|
1636
|
-
}, null, 4)) : r("", !0), o(" " + b(t.pretextSeq), 1)], 64)) : f.type == "expand" ? (h(), i("span",
|
|
1642
|
+
}, null, 4)) : r("", !0), o(" " + b(t.pretextSeq), 1)], 64)) : f.type == "expand" ? (h(), i("span", Me, [E(s(S(A), {
|
|
1637
1643
|
name: "arrow-right",
|
|
1638
1644
|
style: {},
|
|
1639
1645
|
class: "pretextTable-icon",
|
|
1640
|
-
onClick: D((e) => S(
|
|
1641
|
-
}, null, 8, ["onClick"]), [[C, !t[S(m).isRowExpanded]]]), E(s(S(
|
|
1646
|
+
onClick: D((e) => S(Q)([t], !0), ["stop"])
|
|
1647
|
+
}, null, 8, ["onClick"]), [[C, !t[S(m).isRowExpanded]]]), E(s(S(A), {
|
|
1642
1648
|
name: "arrow-down",
|
|
1643
1649
|
style: {},
|
|
1644
1650
|
class: "pretextTable-icon",
|
|
1645
|
-
onClick: D((e) => S(
|
|
1646
|
-
}, null, 8, ["onClick"]), [[C, t[S(m).isRowExpanded]]])])) : f.slots?.defaultType == "a" ? (h(), i("a",
|
|
1651
|
+
onClick: D((e) => S(Q)([t], !1), ["stop"])
|
|
1652
|
+
}, null, 8, ["onClick"]), [[C, t[S(m).isRowExpanded]]])])) : f.slots?.defaultType == "a" ? (h(), i("a", Ne, b(t[f.field] || ""), 1)) : f.slots?.defaultType == "tag" ? (h(), i("span", Pe, [(h(!0), i(e, null, _(f.slots?.defaultProps?.tag?.options || [], (a) => (h(), i(e, null, [a.value == t[f.field] ? (h(), n(S(se), {
|
|
1647
1653
|
key: 0,
|
|
1648
1654
|
size: "mini",
|
|
1649
1655
|
border: !0,
|
|
@@ -1657,11 +1663,11 @@ var _e = (e) => {
|
|
|
1657
1663
|
"status",
|
|
1658
1664
|
"color",
|
|
1659
1665
|
"style"
|
|
1660
|
-
])) : r("", !0)], 64))), 256))])) : f.slots?.defaultType == "icon" ? E((h(), n(S(
|
|
1666
|
+
])) : r("", !0)], 64))), 256))])) : f.slots?.defaultType == "icon" ? E((h(), n(S(A), {
|
|
1661
1667
|
key: 6,
|
|
1662
1668
|
name: f.slots?.defaultProps?.icon?.name,
|
|
1663
1669
|
style: u(f.slots?.defaultProps?.icon?.style || {})
|
|
1664
|
-
}, null, 8, ["name", "style"])), [[C, t[f.field]]]) : f.slots?.defaultType == "buttons" ? (h(), i(e, { key: 7 }, [f.slots?.defaultProps?.buttons?.options?.length ? (h(!0), i(e, { key: 0 }, _(f.slots?.defaultProps?.buttons?.options || [], (n) => (h(), i("div",
|
|
1670
|
+
}, null, 8, ["name", "style"])), [[C, t[f.field]]]) : f.slots?.defaultType == "buttons" ? (h(), i(e, { key: 7 }, [f.slots?.defaultProps?.buttons?.options?.length ? (h(!0), i(e, { key: 0 }, _(f.slots?.defaultProps?.buttons?.options || [], (n) => (h(), i("div", Fe, [(h(!0), i(e, null, _(n, (n) => (h(), i(e, null, [!n.showField || t[n.showField] ? (h(), i("span", {
|
|
1665
1671
|
key: 0,
|
|
1666
1672
|
title: n.tip || ""
|
|
1667
1673
|
}, [s(S(O), {
|
|
@@ -1683,7 +1689,7 @@ var _e = (e) => {
|
|
|
1683
1689
|
"disabled",
|
|
1684
1690
|
"loading",
|
|
1685
1691
|
"onClick"
|
|
1686
|
-
])], 8,
|
|
1692
|
+
])], 8, Ie)) : r("", !0)], 64))), 256))]))), 256)) : r("", !0)], 64)) : f.slots?.defaultType == "switch" ? (h(), i(e, { key: 8 }, [!f.slots?.defaultProps?.switch?.showField || t[f.slots?.defaultProps?.switch?.showField] ? (h(), n(S(oe), {
|
|
1687
1693
|
key: 0,
|
|
1688
1694
|
size: "mini",
|
|
1689
1695
|
modelValue: t[f.field],
|
|
@@ -1703,17 +1709,25 @@ var _e = (e) => {
|
|
|
1703
1709
|
"disabled",
|
|
1704
1710
|
"loading",
|
|
1705
1711
|
"onChange"
|
|
1706
|
-
])) : r("", !0)], 64)) : (h(), i("span", {
|
|
1707
|
-
|
|
1712
|
+
])) : r("", !0)], 64)) : f.slots?.defaultType == "checkbox" ? (h(), i("span", Le, [s(S(k), {
|
|
1713
|
+
modelValue: t[f.field],
|
|
1714
|
+
indeterminate: f.slots?.defaultProps?.checkbox?.checkedIndeterminateField ? t[f.slots?.defaultProps?.checkbox?.checkedIndeterminateField] : !1,
|
|
1715
|
+
onChange: (e) => f.slots?.defaultProps?.checkbox?.onChange?.(t, g)
|
|
1716
|
+
}, null, 8, [
|
|
1717
|
+
"modelValue",
|
|
1718
|
+
"indeterminate",
|
|
1719
|
+
"onChange"
|
|
1720
|
+
])])) : (h(), i("span", {
|
|
1721
|
+
key: 10,
|
|
1708
1722
|
class: l({ "pretextTable-text-ellipsis": !!p.showOverflow }),
|
|
1709
1723
|
title: p.showOverflow && t[f.field] || ""
|
|
1710
|
-
}, [f.slots?.default ? (h(), i(e, { key: 0 }, [!p.lazyLoadSlot || t.slotShowTimestamp == S(
|
|
1724
|
+
}, [f.slots?.default ? (h(), i(e, { key: 0 }, [!p.lazyLoadSlot || t.slotShowTimestamp == S(pt) ? v(c.$slots, f.slots?.default, {
|
|
1711
1725
|
key: 0,
|
|
1712
1726
|
row: t,
|
|
1713
1727
|
column: f,
|
|
1714
1728
|
rowIndex: d
|
|
1715
|
-
}, () => [o(b(t[f.field] ?? ""), 1)]) : r("", !0)], 64)) : (h(), i(e, { key: 1 }, [o(b(t[f.field] ?? ""), 1)], 64))], 10,
|
|
1716
|
-
p.showFooter && S(
|
|
1729
|
+
}, () => [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),
|
|
1730
|
+
p.showFooter && S(R).length > 0 ? (h(), i("div", {
|
|
1717
1731
|
key: 1,
|
|
1718
1732
|
style: u([{
|
|
1719
1733
|
display: "grid",
|
|
@@ -1725,16 +1739,16 @@ var _e = (e) => {
|
|
|
1725
1739
|
bottom: "0",
|
|
1726
1740
|
"z-index": "1"
|
|
1727
1741
|
}, { gridTemplateColumns: S(F) }])
|
|
1728
|
-
}, [(h(!0), i(e, null, _(S(
|
|
1742
|
+
}, [(h(!0), i(e, null, _(S(R), (t) => (h(), i(e, null, [(h(!0), i(e, null, _(t, (e, t) => (h(), i("div", {
|
|
1729
1743
|
key: "footer_" + e.field,
|
|
1730
1744
|
class: "pretextTable-grid-footer",
|
|
1731
1745
|
style: u({
|
|
1732
|
-
fontSize: S(
|
|
1746
|
+
fontSize: S(L).fontSize,
|
|
1733
1747
|
zIndex: t == 0 ? 3 : e.fixed == "left" || e.fixed == "right" ? 2 : 1,
|
|
1734
|
-
left: e.fixed == "left" ? S(
|
|
1735
|
-
right: e.fixed == "right" ? S(
|
|
1748
|
+
left: e.fixed == "left" ? S(Be)[t] : "",
|
|
1749
|
+
right: e.fixed == "right" ? S(K)[t] : "",
|
|
1736
1750
|
borderLeft: e.fixed == "right" ? "1px solid var(--pretextTable-border-color)" : "",
|
|
1737
|
-
boxShadow: e.fixed == "left" && t == S(
|
|
1751
|
+
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" : "",
|
|
1738
1752
|
height: `${e.height}px`,
|
|
1739
1753
|
maxHeight: `${e.height}px`
|
|
1740
1754
|
})
|
|
@@ -1743,7 +1757,7 @@ var _e = (e) => {
|
|
|
1743
1757
|
footerColumn: e,
|
|
1744
1758
|
footerData: e.data,
|
|
1745
1759
|
footerRowIndex: t
|
|
1746
|
-
}, () => [o(b(e.data ?? ""), 1)]) : (h(), i("span",
|
|
1760
|
+
}, () => [o(b(e.data ?? ""), 1)]) : (h(), i("span", ze, b(e.data ?? ""), 1))], 4))), 128))], 64))), 256))], 4)) : r("", !0)
|
|
1747
1761
|
], 36),
|
|
1748
1762
|
E(a("div", { style: u([{
|
|
1749
1763
|
position: "absolute",
|
|
@@ -1754,15 +1768,15 @@ var _e = (e) => {
|
|
|
1754
1768
|
"z-index": "99999",
|
|
1755
1769
|
"box-shadow": "0 0 2px rgba(64, 158, 255, 0.5)"
|
|
1756
1770
|
}, {
|
|
1757
|
-
transform: `translateX(${S(
|
|
1771
|
+
transform: `translateX(${S(Y)}px)`,
|
|
1758
1772
|
height: S($) + "px"
|
|
1759
|
-
}]) }, null, 4), [[C, S(
|
|
1760
|
-
a("div", { style: u({ backgroundColor: S(
|
|
1773
|
+
}]) }, null, 4), [[C, S(lt)]]),
|
|
1774
|
+
a("div", { style: u({ backgroundColor: S(mt) ? "red" : "" }) }, null, 4)
|
|
1761
1775
|
], 512));
|
|
1762
1776
|
}
|
|
1763
|
-
}),
|
|
1764
|
-
|
|
1765
|
-
e.component("HolyesTable",
|
|
1777
|
+
}), W = U;
|
|
1778
|
+
W.install = (e) => {
|
|
1779
|
+
e.component("HolyesTable", W);
|
|
1766
1780
|
};
|
|
1767
1781
|
//#endregion
|
|
1768
|
-
export {
|
|
1782
|
+
export { W as default, U as pretextTable };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { VxeIconPropTypes } from 'vxe-pc-ui';
|
|
2
2
|
/** 列插槽类型 */
|
|
3
|
-
export type HolyesTableSlotDefaultType = "a" | "tag" | "icon" | "buttons" | "switch";
|
|
3
|
+
export type HolyesTableSlotDefaultType = "a" | "tag" | "icon" | "buttons" | "switch" | "checkbox";
|
|
4
4
|
/** 表格列属性,额外属性 */
|
|
5
5
|
export type HolyesTableColumnPropsTypeOption = {
|
|
6
6
|
/** 列宽度 */
|
|
@@ -51,7 +51,7 @@ export type HolyesTableColumnPropsTypeOption = {
|
|
|
51
51
|
};
|
|
52
52
|
/** 图标 插槽默认属性 */
|
|
53
53
|
icon?: {
|
|
54
|
-
/** 图标名称, 参考 vxe-icon 图标名称 */
|
|
54
|
+
/** 图标名称, 参考 vxe-icon 图标名称 https://vxeui.com/#/component/icon/base */
|
|
55
55
|
name?: VxeIconPropTypes.Name;
|
|
56
56
|
/** 图标样式 */
|
|
57
57
|
style?: any;
|
|
@@ -111,6 +111,12 @@ export type HolyesTableColumnPropsTypeOption = {
|
|
|
111
111
|
/** 开关点击事件 */
|
|
112
112
|
onChange?: (row: any, index: number) => void;
|
|
113
113
|
};
|
|
114
|
+
checkbox?: {
|
|
115
|
+
/** 多选框是否半选,取决于row的哪个字段 */
|
|
116
|
+
checkedIndeterminateField?: string;
|
|
117
|
+
/** 多选框点击事件 */
|
|
118
|
+
onChange?: (row: any, index: number) => void;
|
|
119
|
+
};
|
|
114
120
|
};
|
|
115
121
|
/** 列表头插槽 */
|
|
116
122
|
header?: string;
|