fangguo-component 1.1.0 → 1.1.2
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/CHANGELOG.md +36 -1
- package/README.md +13 -11
- package/dist/{CustomInputV2-DYEcbu5_.js → CustomInputV2-uARhbFc8.js} +12 -12
- package/dist/CustomInputV2.css +1 -1
- package/dist/DragResizable.css +1 -1
- package/dist/DragResizable.vue_vue_type_style_index_0_lang-CHv0gJmo.js +179 -0
- package/dist/FgCascader.css +1 -1
- package/dist/FgCascader.vue_vue_type_style_index_0_lang-BUZDDcVn.js +1656 -0
- package/dist/{HSelect-Bqz2yTMf.js → HSelect-Drf6YBwO.js} +69 -69
- package/dist/{HSelectAll.vue_vue_type_script_setup_true_lang-C8i6LF_k.js → HSelectAll.vue_vue_type_script_setup_true_lang-Blq9xpfa.js} +1 -1
- package/dist/{HSelectSJ-BieRp2gG.js → HSelectSJ-D3GrXmvj.js} +104 -104
- package/dist/SelectTree-Dm5259kY.js +911 -0
- package/dist/SelectTree.css +1 -1
- package/dist/TextCopy-hOj-Wj2H.js +41 -0
- package/dist/TextCopy.css +1 -0
- package/dist/VirtualTable-BWugJiQ5.js +349 -0
- package/dist/VirtualTable.css +1 -1
- package/dist/components/VirtualTable/VirtualTable.vue.d.ts +3 -3
- package/dist/components/VirtualTable/index.d.ts +1 -0
- package/dist/components/VirtualTable/index.js +1 -1
- package/dist/components/cascader/cascader/ElCascader.vue.d.ts +3 -0
- package/dist/components/cascader/cascader/FgCascader.vue.d.ts +16 -4
- package/dist/components/cascader/cascader/cascader.d.ts +1 -0
- package/dist/components/cascader/index.js +1 -1
- package/dist/components/citySelect/demos/mockAddressTree.d.ts +8 -0
- package/dist/components/customInputV2/CustomInputV2.vue.d.ts +1 -1
- package/dist/components/customInputV2/index.js +1 -1
- package/dist/components/dragResizable/DragResizable.vue.d.ts +2 -0
- package/dist/components/dragResizable/index.js +1 -1
- package/dist/components/hSelect/demos/mockApi.d.ts +12 -0
- package/dist/components/hSelect/index.js +1 -1
- package/dist/components/hSelectAll/demos/mockApi.d.ts +10 -0
- package/dist/components/hSelectAll/index.js +1 -1
- package/dist/components/hSelectSJ/demos/mockApi.d.ts +11 -0
- package/dist/components/hSelectSJ/index.js +1 -1
- package/dist/components/index.d.ts +0 -2
- package/dist/components/index.js +42 -46
- package/dist/components/selectAddress/demos/mockAddressTree.d.ts +7 -0
- package/dist/components/selectTimePicker/SelectTimePicker.vue.d.ts +1 -1
- package/dist/components/selectTree/demos/treeData.d.ts +9 -0
- package/dist/components/selectTree/index.js +1 -1
- package/dist/components/textCopy/index.js +1 -1
- package/dist/index-BRcBDlVs.js +68 -0
- package/dist/index.css +1 -0
- package/dist/index.d.ts +4 -2
- package/dist/index.js +145 -149
- package/dist/vue-virtual-scroller.esm-CH-jx4ri.js +1051 -0
- package/package.json +8 -8
- package/dist/DragResizable.vue_vue_type_style_index_0_lang-DYL6TUPE.js +0 -167
- package/dist/FgCascader.vue_vue_type_style_index_0_lang-OnqaEAao.js +0 -1807
- package/dist/SelectTree-C7lBZnZH.js +0 -306
- package/dist/SortTransfer.css +0 -1
- package/dist/SortTransfer.vue_vue_type_style_index_0_lang-C5OmBF3s.js +0 -153
- package/dist/TextCopy.vue_vue_type_script_setup_true_lang-DbhZGH_z.js +0 -29
- package/dist/TipInput-CIskitOV.js +0 -117
- package/dist/TipInput.css +0 -1
- package/dist/VirtualTable-BYTfwDC1.js +0 -353
- package/dist/components/sortTransfer/SortTransfer.vue.d.ts +0 -97
- package/dist/components/sortTransfer/index.d.ts +0 -1
- package/dist/components/sortTransfer/index.js +0 -4
- package/dist/components/tipInput/TipInput.vue.d.ts +0 -56
- package/dist/components/tipInput/index.d.ts +0 -1
- package/dist/components/tipInput/index.js +0 -4
- package/dist/debounce-BLrZUqsA.js +0 -84
- package/dist/index-BKzmtfeu.js +0 -72
- package/dist/isEqual-qYQTJBU6.js +0 -506
- package/dist/isObject-CO569sPG.js +0 -35
package/dist/SelectTree.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.select-tree[data-v-
|
|
1
|
+
.select-tree[data-v-68f09ab5]{display:inline-block;width:100%}.select-tree .select-tree-wrapper[data-v-68f09ab5]{position:relative;display:flex;align-items:center;padding-right:30px;min-height:32px;background-color:#fff;border:1px solid #dcdfe6;border-radius:4px;flex-wrap:nowrap}.select-tree .select-tree-wrapper.is-focused[data-v-68f09ab5]{border-color:#4485f5}.select-tree .select-tree-wrapper .select-tree-normal-placeholder[data-v-68f09ab5]{overflow:hidden;flex:1;line-height:30px;margin-inline-start:5px;color:#000}.select-tree .select-tree-wrapper .select-tree-normal-placeholder input[data-v-68f09ab5]:focus-visible{outline:none}.select-tree .select-tree-wrapper .select-tree-normal-value[data-v-68f09ab5]{display:contents;padding:5px 4px;margin-right:-12px;text-wrap:nowrap}.select-tree .select-tree-wrapper .select-tree-normal-value .m-val-tag[data-v-68f09ab5]{max-width:60%}.select-tree .select-tree-wrapper .select-tree-normal-value .m-val-tag[data-v-68f09ab5] .el-tag__content{display:inline-block;overflow:hidden;width:100%;text-overflow:ellipsis}.select-tree .select-tree-wrapper .select-tree-arrow[data-v-68f09ab5]{position:absolute;top:8px;right:10px;color:#a8abb2;transition:all .3s;transform:rotateX(0)}.select-tree .select-tree-wrapper .select-tree-arrow.is-focused[data-v-68f09ab5]{transform:rotate(-180deg)}.select-tree .select-tree-wrapper:hover .select-tree-clear[data-v-68f09ab5]{display:block}.select-tree .select-tree-wrapper .select-tree-clear[data-v-68f09ab5]{position:absolute;top:8px;right:10px;display:none;color:#a8abb2;background:#fff;transition:all .3s;cursor:pointer;transform:rotateX(0)}.custom-select-tree-box .el-tree-node__content span{display:inline-block;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { defineComponent as l, resolveComponent as r, openBlock as o, createElementBlock as m, createElementVNode as a, normalizeStyle as i, toDisplayString as s, createBlock as f, unref as n, withCtx as p, createVNode as d, createCommentVNode as x } from "vue";
|
|
2
|
+
import { DocumentCopy as u } from "@element-plus/icons-vue";
|
|
3
|
+
import { m as y } from "./common-BIEgCXbl.js";
|
|
4
|
+
import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
5
|
+
import './TextCopy.css';const _ = { class: "fg-text-copy leading-[16px] inline-flex items-center" }, g = /* @__PURE__ */ l({
|
|
6
|
+
__name: "TextCopy",
|
|
7
|
+
props: {
|
|
8
|
+
text: String,
|
|
9
|
+
defaultSymbol: {
|
|
10
|
+
default: "-"
|
|
11
|
+
},
|
|
12
|
+
color: {
|
|
13
|
+
default: "#0b0c24"
|
|
14
|
+
}
|
|
15
|
+
},
|
|
16
|
+
setup(e) {
|
|
17
|
+
return (k, t) => {
|
|
18
|
+
const c = r("el-icon");
|
|
19
|
+
return o(), m("span", _, [
|
|
20
|
+
a("span", {
|
|
21
|
+
style: i({ color: e.color })
|
|
22
|
+
}, s(e.text || e.defaultSymbol), 5),
|
|
23
|
+
e.text ? (o(), f(c, {
|
|
24
|
+
key: 0,
|
|
25
|
+
class: "fg-text-copy__icon ml-1 cursor-pointer",
|
|
26
|
+
size: 12,
|
|
27
|
+
color: e.color,
|
|
28
|
+
onClick: t[0] || (t[0] = (S) => n(y)(e.text))
|
|
29
|
+
}, {
|
|
30
|
+
default: p(() => [
|
|
31
|
+
d(n(u))
|
|
32
|
+
]),
|
|
33
|
+
_: 1
|
|
34
|
+
}, 8, ["color"])) : x("", !0)
|
|
35
|
+
]);
|
|
36
|
+
};
|
|
37
|
+
}
|
|
38
|
+
}), T = /* @__PURE__ */ C(g, [["__scopeId", "data-v-8f259631"]]);
|
|
39
|
+
export {
|
|
40
|
+
T
|
|
41
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.fg-text-copy__icon[data-v-8f259631]{transition:color .2s}.fg-text-copy__icon[data-v-8f259631]:hover{color:var(--el-color-primary)}
|
|
@@ -0,0 +1,349 @@
|
|
|
1
|
+
import './VirtualTable.css';var fe = Object.defineProperty, pe = Object.defineProperties;
|
|
2
|
+
var ve = Object.getOwnPropertyDescriptors;
|
|
3
|
+
var J = Object.getOwnPropertySymbols;
|
|
4
|
+
var be = Object.prototype.hasOwnProperty, we = Object.prototype.propertyIsEnumerable;
|
|
5
|
+
var Q = (w, h, d) => h in w ? fe(w, h, { enumerable: !0, configurable: !0, writable: !0, value: d }) : w[h] = d, _ = (w, h) => {
|
|
6
|
+
for (var d in h || (h = {}))
|
|
7
|
+
be.call(h, d) && Q(w, d, h[d]);
|
|
8
|
+
if (J)
|
|
9
|
+
for (var d of J(h))
|
|
10
|
+
we.call(h, d) && Q(w, d, h[d]);
|
|
11
|
+
return w;
|
|
12
|
+
}, y = (w, h) => pe(w, ve(h));
|
|
13
|
+
var U = (w, h, d) => new Promise((D, C) => {
|
|
14
|
+
var l = (f) => {
|
|
15
|
+
try {
|
|
16
|
+
k(d.next(f));
|
|
17
|
+
} catch (I) {
|
|
18
|
+
C(I);
|
|
19
|
+
}
|
|
20
|
+
}, B = (f) => {
|
|
21
|
+
try {
|
|
22
|
+
k(d.throw(f));
|
|
23
|
+
} catch (I) {
|
|
24
|
+
C(I);
|
|
25
|
+
}
|
|
26
|
+
}, k = (f) => f.done ? D(f.value) : Promise.resolve(f.value).then(l, B);
|
|
27
|
+
k((d = d.apply(w, h)).next());
|
|
28
|
+
});
|
|
29
|
+
import { defineComponent as X, ref as g, computed as Y, watch as F, reactive as me, onMounted as _e, nextTick as ye, resolveDirective as ge, withDirectives as Ce, openBlock as Re, createBlock as Se, unref as xe } from "vue";
|
|
30
|
+
import { ElEmpty as Ee, ElBacktop as ke, ElCheckbox as Z } from "element-plus";
|
|
31
|
+
import { s as We, a as ee } from "./vue-virtual-scroller.esm-CH-jx4ri.js";
|
|
32
|
+
import { debounce as Ie } from "lodash-es";
|
|
33
|
+
import { _ as He } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
34
|
+
const ze = "_border_1m9a1_15", Te = "_scroll_1m9a1_37", De = "_active_1m9a1_114", s = {
|
|
35
|
+
"dynamic-scroller-ref": "_dynamic-scroller-ref_1m9a1_1",
|
|
36
|
+
border: ze,
|
|
37
|
+
"virtual-table-row-td": "_virtual-table-row-td_1m9a1_18",
|
|
38
|
+
scroll: Te,
|
|
39
|
+
"virtual-table-header": "_virtual-table-header_1m9a1_37",
|
|
40
|
+
"virtual-table-row-th": "_virtual-table-row-th_1m9a1_40",
|
|
41
|
+
"virtual-table-row": "_virtual-table-row_1m9a1_18",
|
|
42
|
+
"virtual-table-row-tr": "_virtual-table-row-tr_1m9a1_43",
|
|
43
|
+
"shadow-right": "_shadow-right_1m9a1_72",
|
|
44
|
+
"shadow-left": "_shadow-left_1m9a1_85",
|
|
45
|
+
"sort-wrapper": "_sort-wrapper_1m9a1_99",
|
|
46
|
+
active: De,
|
|
47
|
+
"scroll-item-class": "_scroll-item-class_1m9a1_170"
|
|
48
|
+
}, Be = /* @__PURE__ */ X({
|
|
49
|
+
__name: "VirtualTable",
|
|
50
|
+
props: {
|
|
51
|
+
items: { default: () => [] },
|
|
52
|
+
width: { default: "100%" },
|
|
53
|
+
height: { default: 600 },
|
|
54
|
+
rowKey: { default: "id" },
|
|
55
|
+
minItemSize: { default: 20 },
|
|
56
|
+
border: { type: Boolean, default: !0 },
|
|
57
|
+
pageNo: { default: 1 },
|
|
58
|
+
pageSize: {},
|
|
59
|
+
noHeader: { type: Boolean },
|
|
60
|
+
headerSlotRender: {},
|
|
61
|
+
afterSlotRender: {},
|
|
62
|
+
emptySlotRender: {},
|
|
63
|
+
expandSlotRender: {},
|
|
64
|
+
defaultSort: {},
|
|
65
|
+
tableColumn: { default: () => [] },
|
|
66
|
+
backTop: { type: Boolean, default: !0 },
|
|
67
|
+
scroll: { type: Boolean, default: !0 },
|
|
68
|
+
wrapClass: { default: "" },
|
|
69
|
+
itemClass: { default: "" },
|
|
70
|
+
cacheSelection: { type: Boolean, default: !1 },
|
|
71
|
+
scrollHandle: { default: null },
|
|
72
|
+
scrolldelay: { default: 10 },
|
|
73
|
+
itemHandle: { type: Function, default: () => ({}) },
|
|
74
|
+
rowClassName: { type: [Function, String], default: () => "" },
|
|
75
|
+
rowStyle: { type: Function, default: () => ({}) },
|
|
76
|
+
spanMethod: {},
|
|
77
|
+
childrenRender: {},
|
|
78
|
+
selectable: { type: Function, default: () => !1 }
|
|
79
|
+
},
|
|
80
|
+
emits: ["sort-change", "select", "select-all", "selection-change", "row-click"],
|
|
81
|
+
setup(w, { expose: h, emit: d }) {
|
|
82
|
+
function D(e) {
|
|
83
|
+
const t = e.target;
|
|
84
|
+
return t instanceof Element && !!t.closest("[data-virtual-table-ignore-row-select]");
|
|
85
|
+
}
|
|
86
|
+
const C = d, l = w, B = g(!1), k = g(!0), f = g(), I = Y(() => {
|
|
87
|
+
const { width: e, height: t } = l;
|
|
88
|
+
return {
|
|
89
|
+
with: typeof e == "string" ? e : `${e}px`,
|
|
90
|
+
height: typeof t == "string" ? t : `${t}px`
|
|
91
|
+
};
|
|
92
|
+
}), V = g();
|
|
93
|
+
function v(e, t = 0) {
|
|
94
|
+
if (!e)
|
|
95
|
+
return 0;
|
|
96
|
+
if (typeof e == "number")
|
|
97
|
+
return Math.max(t, e);
|
|
98
|
+
let r = 0;
|
|
99
|
+
return e.endsWith("px") && (r = parseFloat(e.replace("px", ""))), e.endsWith("%") && (r = parseFloat(e.replace("%", "")) / 100 * V.value), Math.max(t, r);
|
|
100
|
+
}
|
|
101
|
+
const le = () => l.tableColumn.reduce((e, t) => {
|
|
102
|
+
const r = t.type === "select" ? v(t.width || 30, t.minWidth) : t.type === "number" ? v(t.width || 50, t.minWidth) : t.width === void 0 ? 0 : v(t.width, t.minWidth);
|
|
103
|
+
return e + r;
|
|
104
|
+
}, 0), j = (e, t, r = 1, o = 1, i, a) => {
|
|
105
|
+
let n = i || (e.type === "select" ? v(e.width || 30, e.minWidth) : e.type === "number" ? v(e.width || 50, e.minWidth) : e.width === void 0 ? "unset" : v(e.width, e.minWidth));
|
|
106
|
+
if (o !== 1)
|
|
107
|
+
if (o === 0)
|
|
108
|
+
n += "0px!important";
|
|
109
|
+
else {
|
|
110
|
+
for (let u = t + 1; u < t + o; u++)
|
|
111
|
+
n += l.tableColumn[u].type === "select" ? v(l.tableColumn[u].width || 30, l.tableColumn[u].minWidth) : l.tableColumn[u].type === "number" ? v(l.tableColumn[u].width || 50, l.tableColumn[u].minWidth) : l.tableColumn[u].width === void 0 ? 0 : v(l.tableColumn[u].width, l.tableColumn[u].minWidth);
|
|
112
|
+
n += "px!important";
|
|
113
|
+
}
|
|
114
|
+
let E = 0, S = 0;
|
|
115
|
+
return e.fixed === "left" && t !== 0 && (E = l.tableColumn.slice(0, t).reduce((u, c) => u + (c.fixed === "left" ? c.type === "select" ? v(c.width || 30, c.minWidth) : c.type === "number" ? v(c.width || 50, c.minWidth) : v(c.width, c.minWidth) : 0), 0)), e.fixed === "right" && t !== l.tableColumn.length - 1 && (S = l.tableColumn.slice(t + 1, l.tableColumn.length).reduce((u, c) => u + (c.fixed === "right" ? c.type === "select" ? v(c.width || 30, c.minWidth) : c.type === "number" ? v(c.width || 50, c.minWidth) : v(c.width, c.minWidth) : 0), 0)), _({
|
|
116
|
+
flex: n === "unset" ? 1 : "unset",
|
|
117
|
+
minWidth: e.minWidth ? `${e.minWidth}px` : "unset",
|
|
118
|
+
width: typeof n == "string" ? n : `${n}px`,
|
|
119
|
+
height: a || (r === 1 ? "unset" : `${r * l.minItemSize}px`),
|
|
120
|
+
position: e.fixed ? "sticky" : "releative",
|
|
121
|
+
left: e.fixed === "left" ? E + "px" : "unset",
|
|
122
|
+
right: e.fixed === "right" ? S + "px" : "unset",
|
|
123
|
+
justifyContent: e.align === "left" ? "flex-start" : e.align === "right" ? "flex-end" : "center",
|
|
124
|
+
zIndex: e.fixed === "left" ? 3 : e.fixed === "right" ? l.tableColumn.length - t + 1 : 1
|
|
125
|
+
}, e.customStyle);
|
|
126
|
+
}, R = (e) => e.fixed === "right" && !B.value ? s["shadow-right"] : e.fixed === "left" && !k.value ? s["shadow-left"] : "", te = Ie((e) => {
|
|
127
|
+
B.value = e.target.clientWidth + e.target.scrollLeft + 5 >= e.target.scrollWidth, k.value = e.target.scrollLeft === 0, l.scrollHandle && l.scrollHandle(e);
|
|
128
|
+
}, l.scrolldelay), W = g(!1), b = g([]), H = g([]), re = (e, t) => {
|
|
129
|
+
C("select-all", z()), C("selection-change", z());
|
|
130
|
+
}, K = Y(() => {
|
|
131
|
+
const e = p.value.filter((t) => !t.__ischildren);
|
|
132
|
+
return {
|
|
133
|
+
length: p.value.length,
|
|
134
|
+
ml: e.length,
|
|
135
|
+
cl: p.value.length - e.length
|
|
136
|
+
};
|
|
137
|
+
}), ae = () => {
|
|
138
|
+
W.value = !1, b.value = [], p.value.forEach((e) => {
|
|
139
|
+
e.rowcheck = !1;
|
|
140
|
+
});
|
|
141
|
+
}, z = () => b.value, A = (e, t) => {
|
|
142
|
+
const r = p.value.find((a) => a[l.rowKey] === e);
|
|
143
|
+
if (!r) {
|
|
144
|
+
console.log("当前无该条数据");
|
|
145
|
+
return;
|
|
146
|
+
}
|
|
147
|
+
r.rowcheck = t;
|
|
148
|
+
const o = [], i = [];
|
|
149
|
+
p.value.forEach((a) => {
|
|
150
|
+
a.disabled && i.push(a), a.rowcheck && !(a != null && a.disabled) && o.push(a);
|
|
151
|
+
}), b.value = o, H.value = i, W.value = b.value.length + H.value.length === K.value.ml && !!b.value.length;
|
|
152
|
+
}, p = g([]);
|
|
153
|
+
F(
|
|
154
|
+
() => l.items,
|
|
155
|
+
() => {
|
|
156
|
+
if (x = 0, l.cacheSelection) {
|
|
157
|
+
const e = [], t = [];
|
|
158
|
+
p.value = l.items.map((r) => {
|
|
159
|
+
r.disabled && t.push(r);
|
|
160
|
+
const o = b.value.find((n) => n[l.rowKey] === r[l.rowKey]), i = l.tableColumn.find((n) => n.type === "select"), a = i && i.selectable && typeof i.selectable == "function" ? i.selectable(r) : !0;
|
|
161
|
+
return o && e.push(y(_({}, r), { rowcheck: !!o, disabled: !a })), r.__ischildren ? y(_({}, r), { __index: x, rowcheck: !!o, disabled: !a }) : y(_({}, r), { __index: x++, rowcheck: !!o, disabled: !a });
|
|
162
|
+
}), b.value = e, H.value = t, W.value = b.value.length + H.value.length === K.value.ml && !!b.value.length, C("selection-change", z());
|
|
163
|
+
return;
|
|
164
|
+
}
|
|
165
|
+
W.value = !1, b.value = [], p.value = l.items.map((e) => {
|
|
166
|
+
const t = l.tableColumn.find((o) => o.type === "select"), r = t && t.selectable && typeof t.selectable == "function" ? t.selectable(e) : !0;
|
|
167
|
+
return e.__ischildren ? y(_({}, e), { __index: x, rowcheck: !1, disabled: !r }) : y(_({}, e), { __index: x++, rowcheck: !1, disabled: !r });
|
|
168
|
+
});
|
|
169
|
+
}
|
|
170
|
+
);
|
|
171
|
+
let L = !1;
|
|
172
|
+
F(
|
|
173
|
+
() => l.pageNo,
|
|
174
|
+
() => {
|
|
175
|
+
L = !0;
|
|
176
|
+
}
|
|
177
|
+
), F(
|
|
178
|
+
() => p.value,
|
|
179
|
+
() => {
|
|
180
|
+
L && f.value && f.value.scrollToItem(0), L = !1;
|
|
181
|
+
}
|
|
182
|
+
);
|
|
183
|
+
const m = g({ prop: null, order: null }), P = (e, t) => {
|
|
184
|
+
m.value = m.value.prop === e && m.value.order === t ? { prop: null, order: null } : { prop: e, order: t }, C("sort-change", m.value);
|
|
185
|
+
}, ne = () => {
|
|
186
|
+
const e = (r, o) => {
|
|
187
|
+
const i = j(r, o);
|
|
188
|
+
return r.cellHeaderRender ? /* @__PURE__ */ React.createElement("div", { class: [s["virtual-table-row-td"], R(r), "virtual-table-row-td custom", r.customClass], style: i }, typeof r.cellHeaderRender == "function" ? r.cellHeaderRender({
|
|
189
|
+
column: r,
|
|
190
|
+
columns: l.tableColumn,
|
|
191
|
+
columnIndex: o
|
|
192
|
+
}) : r.cellHeaderRender) : r.type === "number" ? /* @__PURE__ */ React.createElement("div", { class: [s["virtual-table-row-td"], R(r), "virtual-table-row-td", r.customClass], style: i }, "序号") : r.type === "select" ? /* @__PURE__ */ React.createElement("div", { class: [s["virtual-table-row-td"], R(r), "virtual-table-row-td", r.customClass], style: i }, /* @__PURE__ */ React.createElement(
|
|
193
|
+
Z,
|
|
194
|
+
{
|
|
195
|
+
indeterminate: b.value.length > 0 && b.value.length + H.value.length !== K.value.ml,
|
|
196
|
+
modelValue: W.value,
|
|
197
|
+
onChange: (a) => {
|
|
198
|
+
a ? b.value = p.value.filter((n) => !n.__ischildren).filter((n) => !(n != null && n.disabled)).map((n) => (n.rowcheck = !0, n)) : (b.value = [], p.value.forEach((n) => {
|
|
199
|
+
n.rowcheck = !1;
|
|
200
|
+
})), W.value = a, re();
|
|
201
|
+
}
|
|
202
|
+
}
|
|
203
|
+
)) : /* @__PURE__ */ React.createElement("div", { class: [s["virtual-table-row-td"], R(r), "virtual-table-row-td", r.customClass], style: i }, r.title, r.sortable && /* @__PURE__ */ React.createElement("div", { class: [s["sort-wrapper"]] }, /* @__PURE__ */ React.createElement("i", { class: { [s.active]: m.value.prop === r.prop && m.value.order === "ascending" }, onClickCapture: () => P(r.prop, "ascending") }), /* @__PURE__ */ React.createElement("i", { class: { [s.active]: m.value.prop === r.prop && m.value.order === "descending" }, onClickCapture: () => P(r.prop, "descending") })));
|
|
204
|
+
}, t = l.tableColumn.map((r, o) => e(r, o));
|
|
205
|
+
return /* @__PURE__ */ React.createElement("div", { class: [s["virtual-table-header"], "virtual-table-header"] }, /* @__PURE__ */ React.createElement("div", { class: [s["virtual-table-row-th"], "virtual-table-row-th"] }, t), l.headerSlotRender && l.headerSlotRender());
|
|
206
|
+
}, oe = ({ item: e, index: t, active: r }) => {
|
|
207
|
+
if (e.__ischildren === !0)
|
|
208
|
+
return /* @__PURE__ */ React.createElement(
|
|
209
|
+
ee,
|
|
210
|
+
{
|
|
211
|
+
item: e,
|
|
212
|
+
index: t,
|
|
213
|
+
active: r,
|
|
214
|
+
onClickCapture: (a) => {
|
|
215
|
+
D(a) || l.itemHandle(e, t);
|
|
216
|
+
}
|
|
217
|
+
},
|
|
218
|
+
l.childrenRender && l.childrenRender(e)
|
|
219
|
+
);
|
|
220
|
+
const o = (a, n, E) => {
|
|
221
|
+
let S = 1, u = 1, c = null, G = null;
|
|
222
|
+
if (l.spanMethod) {
|
|
223
|
+
const { rowspan: M = 1, colspan: ie = 1, rowwidth: de, colheight: he, _rowspan: q } = l.spanMethod({ row: e, column: a, rowIndex: n, columnIndex: E });
|
|
224
|
+
S = M, u = ie, c = de || null, G = he || null, T.visibleStartIndex === n && q && q > 1 && (S = q);
|
|
225
|
+
}
|
|
226
|
+
const $ = j(a, E, S, u, c, G);
|
|
227
|
+
if (!u)
|
|
228
|
+
return null;
|
|
229
|
+
if (!S)
|
|
230
|
+
return /* @__PURE__ */ React.createElement("div", { class: [s["virtual-table-row-td"], R(a), "virtual-table-row-td", a.customClass], style: y(_({}, $), { borderBottom: "none" }) });
|
|
231
|
+
const O = S > 1 ? "virtual-table-priority-row-td" : "";
|
|
232
|
+
if (a.type === "number") {
|
|
233
|
+
const M = l.pageNo && l.pageSize ? (l.pageNo - 1) * l.pageSize + n + 1 : n + 1;
|
|
234
|
+
return /* @__PURE__ */ React.createElement("div", { class: [s["virtual-table-row-td"], R(a), "virtual-table-row-td", O, a.customClass], style: $ }, M);
|
|
235
|
+
}
|
|
236
|
+
if (a.type === "select")
|
|
237
|
+
return /* @__PURE__ */ React.createElement("div", { class: [s["virtual-table-row-td"], R(a), "virtual-table-row-td", O, a.customClass], style: $ }, /* @__PURE__ */ React.createElement("div", { class: "relative cursor-pointer" }, /* @__PURE__ */ React.createElement(Z, { modelValue: e.rowcheck, disabled: e.disabled }), /* @__PURE__ */ React.createElement("span", { class: "absolute left-0 right-0 top-0 bottom-0 z-[2]" })));
|
|
238
|
+
const ue = () => {
|
|
239
|
+
if (a.cellRender)
|
|
240
|
+
try {
|
|
241
|
+
return a.cellRender(e, n, p.value);
|
|
242
|
+
} catch (M) {
|
|
243
|
+
return "";
|
|
244
|
+
}
|
|
245
|
+
return a.prop ? /* @__PURE__ */ React.createElement("span", { class: "px-[10px] py-[5px]", "data-column-index": E, "data-row-index": n }, e[a.prop]) : "";
|
|
246
|
+
};
|
|
247
|
+
return /* @__PURE__ */ React.createElement(
|
|
248
|
+
"div",
|
|
249
|
+
{
|
|
250
|
+
"data-column-index": E,
|
|
251
|
+
"data-row-index": n,
|
|
252
|
+
class: [s["virtual-table-row-td"], R(a), O, "virtual-table-row-td", a.customClass],
|
|
253
|
+
style: $
|
|
254
|
+
},
|
|
255
|
+
ue()
|
|
256
|
+
);
|
|
257
|
+
}, i = l.tableColumn.map((a, n) => o(a, t, n));
|
|
258
|
+
return /* @__PURE__ */ React.createElement(
|
|
259
|
+
ee,
|
|
260
|
+
{
|
|
261
|
+
item: e,
|
|
262
|
+
index: t,
|
|
263
|
+
active: r,
|
|
264
|
+
onClickCapture: (a) => {
|
|
265
|
+
D(a) || (l.itemHandle(e, t), e != null && e.disabled || (A(e[l.rowKey], !e.rowcheck), C("selection-change", z())));
|
|
266
|
+
}
|
|
267
|
+
},
|
|
268
|
+
/* @__PURE__ */ React.createElement(
|
|
269
|
+
"div",
|
|
270
|
+
{
|
|
271
|
+
class: [s["virtual-table-row"], "virtual-table-row", "relative", typeof l.rowClassName == "string" ? l.rowClassName : l.rowClassName({ row: e, rowIndex: t })],
|
|
272
|
+
style: l.rowStyle({ row: e, rowIndex: t })
|
|
273
|
+
},
|
|
274
|
+
/* @__PURE__ */ React.createElement("div", { class: [s["virtual-table-row-tr"], "virtual-table-row-tr"] }, i),
|
|
275
|
+
l.expandSlotRender && /* @__PURE__ */ React.createElement("div", { style: { width: l.scroll ? le() + "px" : "unset" }, class: [s["virtual-table-row-expand"], "virtual-table-row-expand"] }, l.expandSlotRender(e, t))
|
|
276
|
+
)
|
|
277
|
+
);
|
|
278
|
+
}, T = me({
|
|
279
|
+
startIndex: null,
|
|
280
|
+
endIndex: null,
|
|
281
|
+
visibleStartIndex: null,
|
|
282
|
+
visibleEndIndex: null
|
|
283
|
+
}), ce = X(() => () => /* @__PURE__ */ React.createElement("div", { style: { position: "relative", background: "#fff" } }, /* @__PURE__ */ React.createElement(
|
|
284
|
+
We,
|
|
285
|
+
{
|
|
286
|
+
ref: f,
|
|
287
|
+
listClass: l.wrapClass,
|
|
288
|
+
keyField: l.rowKey,
|
|
289
|
+
itemClass: `${l.scroll ? s["scroll-item-class"] : ""} ${l.itemClass}`,
|
|
290
|
+
class: ["dynamic-scroller-ref", s["dynamic-scroller-ref"], l.border ? s.border : "", l.scroll ? s.scroll : ""],
|
|
291
|
+
items: p.value,
|
|
292
|
+
style: I.value,
|
|
293
|
+
minItemSize: l.minItemSize,
|
|
294
|
+
onScrollCapture: (e) => te(e),
|
|
295
|
+
emitUpdate: !!l.spanMethod,
|
|
296
|
+
onUpdate: (e, t, r, o) => {
|
|
297
|
+
T.startIndex = e, T.endIndex = t, T.visibleStartIndex = r, T.visibleEndIndex = o;
|
|
298
|
+
}
|
|
299
|
+
},
|
|
300
|
+
{
|
|
301
|
+
before: () => l.noHeader ? null : ne(),
|
|
302
|
+
default: ({ item: e, active: t }) => oe({ item: e, index: e.__index, active: t }),
|
|
303
|
+
empty: () => p.value.length ? /* @__PURE__ */ React.createElement("div", null) : l.emptySlotRender ? l.emptySlotRender() : /* @__PURE__ */ React.createElement(Ee, { description: "数据为空" }),
|
|
304
|
+
after: () => l.afterSlotRender ? l.afterSlotRender() : null
|
|
305
|
+
}
|
|
306
|
+
), l.backTop && /* @__PURE__ */ React.createElement(ke, { target: ".dynamic-scroller-ref", right: 48, bottom: 112, onClickCapture: () => se() }))), se = () => {
|
|
307
|
+
var e;
|
|
308
|
+
f.value && f.value.scrollToItem(0);
|
|
309
|
+
try {
|
|
310
|
+
const t = document.querySelector(".business-scroll>.el-scrollbar__wrap"), r = document.querySelector(".factory-scroll>.el-scrollbar__wrap");
|
|
311
|
+
(e = t || r) == null || e.scrollTo({ top: 0, behavior: "smooth" });
|
|
312
|
+
} catch (t) {
|
|
313
|
+
}
|
|
314
|
+
};
|
|
315
|
+
F(
|
|
316
|
+
() => l.defaultSort,
|
|
317
|
+
() => {
|
|
318
|
+
l.defaultSort && (m.value = l.defaultSort);
|
|
319
|
+
}
|
|
320
|
+
);
|
|
321
|
+
let x = 0;
|
|
322
|
+
_e(() => U(null, null, function* () {
|
|
323
|
+
l.defaultSort && (m.value = l.defaultSort), p.value = l.items.map((t) => {
|
|
324
|
+
const r = l.tableColumn.find((i) => i.type === "select"), o = r && r.selectable && typeof r.selectable == "function" ? r.selectable(t) : !0;
|
|
325
|
+
return t.__ischildren ? y(_({}, t), { __index: x, rowcheck: !1, disabled: !o }) : y(_({}, t), { __index: x++, rowcheck: !1, disabled: !o });
|
|
326
|
+
}), V.value = N().offsetWidth, new ResizeObserver(() => U(null, null, function* () {
|
|
327
|
+
yield ye(), V.value = N().offsetWidth;
|
|
328
|
+
})).observe(N());
|
|
329
|
+
}));
|
|
330
|
+
const N = () => f.value ? f.value.$el : {};
|
|
331
|
+
return h({
|
|
332
|
+
clearSelection: ae,
|
|
333
|
+
getSelection: z,
|
|
334
|
+
setSelection: A,
|
|
335
|
+
getScrollEl: N,
|
|
336
|
+
scrollToItem: (e) => {
|
|
337
|
+
e < 0 || e > p.value.length - 1 || f.value.scrollToItem(e);
|
|
338
|
+
}
|
|
339
|
+
}), (e, t) => {
|
|
340
|
+
const r = ge("horizontal-scroll");
|
|
341
|
+
return Ce((Re(), Se(xe(ce), null, null, 512)), [
|
|
342
|
+
[r, "VTable"]
|
|
343
|
+
]);
|
|
344
|
+
};
|
|
345
|
+
}
|
|
346
|
+
}), Oe = /* @__PURE__ */ He(Be, [["__scopeId", "data-v-aaaf77e7"]]);
|
|
347
|
+
export {
|
|
348
|
+
Oe as V
|
|
349
|
+
};
|
package/dist/VirtualTable.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._dynamic-scroller-
|
|
1
|
+
._dynamic-scroller-ref_1m9a1_1{border-top:1px solid #ebeef5;border-radius:8px}._dynamic-scroller-ref_1m9a1_1::-webkit-scrollbar{width:10px;height:10px}._dynamic-scroller-ref_1m9a1_1::-webkit-scrollbar-thumb{background:#8e8e8e}._dynamic-scroller-ref_1m9a1_1::-webkit-scrollbar-thumb:hover{background:#8e8e8e}._dynamic-scroller-ref_1m9a1_1._border_1m9a1_15{border-left:1px solid #ebeef5}._dynamic-scroller-ref_1m9a1_1._border_1m9a1_15 ._virtual-table-row-td_1m9a1_18{position:relative}._dynamic-scroller-ref_1m9a1_1._border_1m9a1_15 ._virtual-table-row-td_1m9a1_18:before,._dynamic-scroller-ref_1m9a1_1._border_1m9a1_15 ._virtual-table-row-td_1m9a1_18:after{position:absolute;top:0;bottom:0;width:1px;background:#ebeef5;content:""}._dynamic-scroller-ref_1m9a1_1._border_1m9a1_15 ._virtual-table-row-td_1m9a1_18:before{left:0;transform:translate(-1px)}._dynamic-scroller-ref_1m9a1_1._border_1m9a1_15 ._virtual-table-row-td_1m9a1_18:after{right:0;transform:translate(1px)}._dynamic-scroller-ref_1m9a1_1._scroll_1m9a1_37 ._virtual-table-header_1m9a1_37,._dynamic-scroller-ref_1m9a1_1._scroll_1m9a1_37 ._virtual-table-header_1m9a1_37 ._virtual-table-row-th_1m9a1_40{width:max-content}._dynamic-scroller-ref_1m9a1_1._scroll_1m9a1_37 ._virtual-table-row_1m9a1_18 ._virtual-table-row-tr_1m9a1_43{width:max-content;height:100%}._dynamic-scroller-ref_1m9a1_1 ._virtual-table-header_1m9a1_37{min-width:100%}._dynamic-scroller-ref_1m9a1_1 ._virtual-table-header_1m9a1_37 ._virtual-table-row-th_1m9a1_40{position:relative;display:flex;min-width:100%;font-weight:500}._dynamic-scroller-ref_1m9a1_1 ._virtual-table-header_1m9a1_37 ._virtual-table-row-th_1m9a1_40 ._virtual-table-row-td_1m9a1_18{display:flex;justify-content:center;align-items:center;padding:0 10px;min-height:33px;background:#e2e8f7;border-bottom:1px solid #ebeef5;word-break:break-all}._dynamic-scroller-ref_1m9a1_1 ._virtual-table-header_1m9a1_37 ._virtual-table-row-th_1m9a1_40 ._virtual-table-row-td_1m9a1_18:first-child{border-top-left-radius:6px}._dynamic-scroller-ref_1m9a1_1 ._virtual-table-header_1m9a1_37 ._virtual-table-row-th_1m9a1_40 ._virtual-table-row-td_1m9a1_18:last-child{border-top-right-radius:6px}._dynamic-scroller-ref_1m9a1_1 ._virtual-table-header_1m9a1_37 ._virtual-table-row-th_1m9a1_40 ._virtual-table-row-td_1m9a1_18._shadow-right_1m9a1_72:before{position:absolute;top:0;bottom:-1px!important;left:-10px!important;overflow:hidden;width:10px!important;background:unset!important;box-shadow:inset -10px 0 10px -10px rgba(0,0,0,.15);content:"";touch-action:none;pointer-events:none}._dynamic-scroller-ref_1m9a1_1 ._virtual-table-header_1m9a1_37 ._virtual-table-row-th_1m9a1_40 ._virtual-table-row-td_1m9a1_18._shadow-left_1m9a1_85:before{position:absolute;top:0;right:-10px!important;bottom:-1px!important;left:unset!important;overflow:hidden;width:10px!important;background:unset!important;box-shadow:inset 10px 0 10px -10px rgba(0,0,0,.15);content:"";touch-action:none;pointer-events:none}._dynamic-scroller-ref_1m9a1_1 ._virtual-table-header_1m9a1_37 ._sort-wrapper_1m9a1_99{display:flex;flex-direction:column;margin-left:4px}._dynamic-scroller-ref_1m9a1_1 ._virtual-table-header_1m9a1_37 ._sort-wrapper_1m9a1_99 i{width:8px;cursor:pointer}._dynamic-scroller-ref_1m9a1_1 ._virtual-table-header_1m9a1_37 ._sort-wrapper_1m9a1_99 i:first-child{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #9198a8;margin-bottom:1px}._dynamic-scroller-ref_1m9a1_1 ._virtual-table-header_1m9a1_37 ._sort-wrapper_1m9a1_99 i:first-child._active_1m9a1_114{border-bottom-color:#000}._dynamic-scroller-ref_1m9a1_1 ._virtual-table-header_1m9a1_37 ._sort-wrapper_1m9a1_99 i:last-child{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #9198a8;margin-top:1px}._dynamic-scroller-ref_1m9a1_1 ._virtual-table-header_1m9a1_37 ._sort-wrapper_1m9a1_99 i:last-child._active_1m9a1_114{border-top-color:#000}._dynamic-scroller-ref_1m9a1_1 ._virtual-table-row_1m9a1_18{min-width:100%}._dynamic-scroller-ref_1m9a1_1 ._virtual-table-row_1m9a1_18 ._virtual-table-row-tr_1m9a1_43{position:relative;display:flex;min-width:100%}._dynamic-scroller-ref_1m9a1_1 ._virtual-table-row_1m9a1_18 ._virtual-table-row-tr_1m9a1_43 ._virtual-table-row-td_1m9a1_18{display:inline-flex;justify-content:center;align-items:center;border-bottom:1px solid #ebeef5;word-break:break-all;background-color:#fff}._dynamic-scroller-ref_1m9a1_1 ._virtual-table-row_1m9a1_18 ._virtual-table-row-tr_1m9a1_43 ._virtual-table-row-td_1m9a1_18._shadow-right_1m9a1_72:before{position:absolute;top:0;bottom:-1px!important;left:-10px!important;overflow:hidden;width:10px!important;background:unset!important;box-shadow:inset -10px 0 10px -10px rgba(0,0,0,.15);content:"";touch-action:none;pointer-events:none}._dynamic-scroller-ref_1m9a1_1 ._virtual-table-row_1m9a1_18 ._virtual-table-row-tr_1m9a1_43 ._virtual-table-row-td_1m9a1_18._shadow-left_1m9a1_85:before{position:absolute;top:0;right:-10px!important;bottom:-1px!important;left:unset!important;overflow:hidden;width:10px!important;background:unset!important;box-shadow:inset 10px 0 10px -10px rgba(0,0,0,.15);content:"";touch-action:none;pointer-events:none}._scroll-item-class_1m9a1_170{width:auto!important}[data-v-aaaf77e7] .vue-recycle-scroller__slot{position:sticky;top:0;z-index:10}[data-v-aaaf77e7] .vue-recycle-scroller__item-wrapper{overflow:unset}[data-v-aaaf77e7] .vue-recycle-scroller__item-wrapper .vue-recycle-scroller__item-view{min-width:100%}[data-v-aaaf77e7] .vue-recycle-scroller__item-wrapper .vue-recycle-scroller__item-view:has(.virtual-table-priority-row-td){z-index:2}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component,
|
|
1
|
+
import { Component, VNode } from 'vue';
|
|
2
2
|
export interface TableColumnConfig {
|
|
3
3
|
type?: "select" | "number";
|
|
4
4
|
title?: string;
|
|
@@ -9,7 +9,7 @@ export interface TableColumnConfig {
|
|
|
9
9
|
prop?: string;
|
|
10
10
|
align?: "left" | "center" | "right";
|
|
11
11
|
customClass?: string;
|
|
12
|
-
customStyle?:
|
|
12
|
+
customStyle?: object;
|
|
13
13
|
cellHeaderRender?: Component | ((prop: {
|
|
14
14
|
column: TableColumnConfig;
|
|
15
15
|
columns: Array<TableColumnConfig>;
|
|
@@ -109,8 +109,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
|
|
|
109
109
|
backTop: boolean;
|
|
110
110
|
itemClass: string;
|
|
111
111
|
cacheSelection: boolean;
|
|
112
|
-
scrollHandle: any;
|
|
113
112
|
scrolldelay: number;
|
|
113
|
+
scrollHandle: any;
|
|
114
114
|
itemHandle: (item?: any, index?: any) => void;
|
|
115
115
|
rowClassName: ((data: {
|
|
116
116
|
row: any;
|
|
@@ -1821,6 +1821,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
1821
1821
|
collapseTags: BooleanConstructor;
|
|
1822
1822
|
maxCollapseTags: import('../utils/vue').EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
|
|
1823
1823
|
collapseTagsTooltip: import('../utils/vue').EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
|
|
1824
|
+
maxCollapseTagsTooltipHeight: import('../utils/vue').EpPropFinalized<import('vue').PropType<string | number>, unknown, unknown, number, boolean>;
|
|
1824
1825
|
debounce: import('../utils/vue').EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
|
|
1825
1826
|
beforeFilter: import('../utils/vue').EpPropFinalized<import('vue').PropType<(value: string) => boolean | Promise<any>>, unknown, unknown, () => true, boolean>;
|
|
1826
1827
|
popperClass: import('../utils/vue').EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
|
|
@@ -1883,6 +1884,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
1883
1884
|
collapseTags: BooleanConstructor;
|
|
1884
1885
|
maxCollapseTags: import('../utils/vue').EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
|
|
1885
1886
|
collapseTagsTooltip: import('../utils/vue').EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
|
|
1887
|
+
maxCollapseTagsTooltipHeight: import('../utils/vue').EpPropFinalized<import('vue').PropType<string | number>, unknown, unknown, number, boolean>;
|
|
1886
1888
|
debounce: import('../utils/vue').EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
|
|
1887
1889
|
beforeFilter: import('../utils/vue').EpPropFinalized<import('vue').PropType<(value: string) => boolean | Promise<any>>, unknown, unknown, () => true, boolean>;
|
|
1888
1890
|
popperClass: import('../utils/vue').EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
|
|
@@ -1923,6 +1925,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
1923
1925
|
collapseTags: boolean;
|
|
1924
1926
|
maxCollapseTags: number;
|
|
1925
1927
|
collapseTagsTooltip: import('../utils/vue').EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
1928
|
+
maxCollapseTagsTooltipHeight: import('../utils/vue').EpPropMergeType<import('vue').PropType<string | number>, unknown, unknown>;
|
|
1926
1929
|
debounce: number;
|
|
1927
1930
|
beforeFilter: (value: string) => boolean | Promise<any>;
|
|
1928
1931
|
teleported: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
@@ -22,6 +22,7 @@ declare function __VLS_template(): {
|
|
|
22
22
|
collapseTags: boolean;
|
|
23
23
|
maxCollapseTags: number;
|
|
24
24
|
collapseTagsTooltip: import('../utils').EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
25
|
+
maxCollapseTagsTooltipHeight: import('../utils').EpPropMergeType<import('vue').PropType<string | number>, unknown, unknown>;
|
|
25
26
|
debounce: number;
|
|
26
27
|
beforeFilter: (value: string) => boolean | Promise<any>;
|
|
27
28
|
teleported: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
@@ -40,6 +41,7 @@ declare function __VLS_template(): {
|
|
|
40
41
|
readonly collapseTags: boolean;
|
|
41
42
|
readonly maxCollapseTags: number;
|
|
42
43
|
readonly collapseTagsTooltip: import('../utils').EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
44
|
+
readonly maxCollapseTagsTooltipHeight: import('../utils').EpPropMergeType<import('vue').PropType<string | number>, unknown, unknown>;
|
|
43
45
|
readonly debounce: number;
|
|
44
46
|
readonly beforeFilter: (value: string) => boolean | Promise<any>;
|
|
45
47
|
readonly teleported: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
@@ -56,7 +58,7 @@ declare function __VLS_template(): {
|
|
|
56
58
|
readonly onVisibleChange?: (val: boolean) => any;
|
|
57
59
|
readonly onExpandChange?: (val: import('element-plus').CascaderValue) => any;
|
|
58
60
|
readonly onRemoveTag?: (val: import('element-plus').CascaderNodeValue | import('element-plus').CascaderNodePathValue) => any;
|
|
59
|
-
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "props" | "popperClass" | "separator" | "disabled" | "clearable" | "filterable" | "filterMethod" | "showAllLevels" | "collapseTags" | "maxCollapseTags" | "collapseTagsTooltip" | "debounce" | "beforeFilter" | "teleported" | "tagType" | "validateEvent" | "options">;
|
|
61
|
+
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "props" | "popperClass" | "separator" | "disabled" | "clearable" | "filterable" | "filterMethod" | "showAllLevels" | "collapseTags" | "maxCollapseTags" | "collapseTagsTooltip" | "maxCollapseTagsTooltipHeight" | "debounce" | "beforeFilter" | "teleported" | "tagType" | "validateEvent" | "options">;
|
|
60
62
|
$attrs: import('vue').Attrs;
|
|
61
63
|
$refs: {
|
|
62
64
|
[x: string]: unknown;
|
|
@@ -1881,6 +1883,7 @@ declare function __VLS_template(): {
|
|
|
1881
1883
|
collapseTags: BooleanConstructor;
|
|
1882
1884
|
maxCollapseTags: import('../utils').EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
|
|
1883
1885
|
collapseTagsTooltip: import('../utils').EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
|
|
1886
|
+
maxCollapseTagsTooltipHeight: import('../utils').EpPropFinalized<import('vue').PropType<string | number>, unknown, unknown, number, boolean>;
|
|
1884
1887
|
debounce: import('../utils').EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
|
|
1885
1888
|
beforeFilter: import('../utils').EpPropFinalized<import('vue').PropType<(value: string) => boolean | Promise<any>>, unknown, unknown, () => true, boolean>;
|
|
1886
1889
|
popperClass: import('../utils').EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
|
|
@@ -1934,6 +1937,7 @@ declare function __VLS_template(): {
|
|
|
1934
1937
|
collapseTags: boolean;
|
|
1935
1938
|
maxCollapseTags: number;
|
|
1936
1939
|
collapseTagsTooltip: import('../utils').EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
1940
|
+
maxCollapseTagsTooltipHeight: import('../utils').EpPropMergeType<import('vue').PropType<string | number>, unknown, unknown>;
|
|
1937
1941
|
debounce: number;
|
|
1938
1942
|
beforeFilter: (value: string) => boolean | Promise<any>;
|
|
1939
1943
|
teleported: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
@@ -1972,6 +1976,7 @@ declare function __VLS_template(): {
|
|
|
1972
1976
|
collapseTags: boolean;
|
|
1973
1977
|
maxCollapseTags: number;
|
|
1974
1978
|
collapseTagsTooltip: import('../utils').EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
1979
|
+
maxCollapseTagsTooltipHeight: import('../utils').EpPropMergeType<import('vue').PropType<string | number>, unknown, unknown>;
|
|
1975
1980
|
debounce: number;
|
|
1976
1981
|
beforeFilter: (value: string) => boolean | Promise<any>;
|
|
1977
1982
|
teleported: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
@@ -1995,6 +2000,7 @@ declare function __VLS_template(): {
|
|
|
1995
2000
|
collapseTags: BooleanConstructor;
|
|
1996
2001
|
maxCollapseTags: import('../utils').EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
|
|
1997
2002
|
collapseTagsTooltip: import('../utils').EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
|
|
2003
|
+
maxCollapseTagsTooltipHeight: import('../utils').EpPropFinalized<import('vue').PropType<string | number>, unknown, unknown, number, boolean>;
|
|
1998
2004
|
debounce: import('../utils').EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
|
|
1999
2005
|
beforeFilter: import('../utils').EpPropFinalized<import('vue').PropType<(value: string) => boolean | Promise<any>>, unknown, unknown, () => true, boolean>;
|
|
2000
2006
|
popperClass: import('../utils').EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
|
|
@@ -2023,7 +2029,7 @@ declare function __VLS_template(): {
|
|
|
2023
2029
|
onVisibleChange?: (val: boolean) => any;
|
|
2024
2030
|
onExpandChange?: (val: import('element-plus').CascaderValue) => any;
|
|
2025
2031
|
onRemoveTag?: (val: import('element-plus').CascaderNodeValue | import('element-plus').CascaderNodePathValue) => any;
|
|
2026
|
-
}>, "getCheckedNodes" | "contentRef" | "cascaderPanelRef" | "togglePopperVisible" | ("props" | "popperClass" | "separator" | "disabled" | "clearable" | "filterable" | "filterMethod" | "showAllLevels" | "collapseTags" | "maxCollapseTags" | "collapseTagsTooltip" | "debounce" | "beforeFilter" | "teleported" | "tagType" | "validateEvent" | "options")> & {
|
|
2032
|
+
}>, "getCheckedNodes" | "contentRef" | "cascaderPanelRef" | "togglePopperVisible" | ("props" | "popperClass" | "separator" | "disabled" | "clearable" | "filterable" | "filterMethod" | "showAllLevels" | "collapseTags" | "maxCollapseTags" | "collapseTagsTooltip" | "maxCollapseTagsTooltipHeight" | "debounce" | "beforeFilter" | "teleported" | "tagType" | "validateEvent" | "options")> & {
|
|
2027
2033
|
getCheckedNodes: (leafOnly: boolean) => import('element-plus').CascaderNode[];
|
|
2028
2034
|
cascaderPanelRef: import('element-plus').CascaderPanelInstance;
|
|
2029
2035
|
togglePopperVisible: (visible?: boolean) => void;
|
|
@@ -2171,6 +2177,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
2171
2177
|
collapseTags: boolean;
|
|
2172
2178
|
maxCollapseTags: number;
|
|
2173
2179
|
collapseTagsTooltip: import('../utils').EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
2180
|
+
maxCollapseTagsTooltipHeight: import('../utils').EpPropMergeType<import('vue').PropType<string | number>, unknown, unknown>;
|
|
2174
2181
|
debounce: number;
|
|
2175
2182
|
beforeFilter: (value: string) => boolean | Promise<any>;
|
|
2176
2183
|
teleported: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
@@ -2189,6 +2196,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
2189
2196
|
readonly collapseTags: boolean;
|
|
2190
2197
|
readonly maxCollapseTags: number;
|
|
2191
2198
|
readonly collapseTagsTooltip: import('../utils').EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
2199
|
+
readonly maxCollapseTagsTooltipHeight: import('../utils').EpPropMergeType<import('vue').PropType<string | number>, unknown, unknown>;
|
|
2192
2200
|
readonly debounce: number;
|
|
2193
2201
|
readonly beforeFilter: (value: string) => boolean | Promise<any>;
|
|
2194
2202
|
readonly teleported: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
@@ -2205,7 +2213,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
2205
2213
|
readonly onVisibleChange?: (val: boolean) => any;
|
|
2206
2214
|
readonly onExpandChange?: (val: import('element-plus').CascaderValue) => any;
|
|
2207
2215
|
readonly onRemoveTag?: (val: import('element-plus').CascaderNodeValue | import('element-plus').CascaderNodePathValue) => any;
|
|
2208
|
-
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "props" | "popperClass" | "separator" | "disabled" | "clearable" | "filterable" | "filterMethod" | "showAllLevels" | "collapseTags" | "maxCollapseTags" | "collapseTagsTooltip" | "debounce" | "beforeFilter" | "teleported" | "tagType" | "validateEvent" | "options">;
|
|
2216
|
+
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "props" | "popperClass" | "separator" | "disabled" | "clearable" | "filterable" | "filterMethod" | "showAllLevels" | "collapseTags" | "maxCollapseTags" | "collapseTagsTooltip" | "maxCollapseTagsTooltipHeight" | "debounce" | "beforeFilter" | "teleported" | "tagType" | "validateEvent" | "options">;
|
|
2209
2217
|
$attrs: import('vue').Attrs;
|
|
2210
2218
|
$refs: {
|
|
2211
2219
|
[x: string]: unknown;
|
|
@@ -4030,6 +4038,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
4030
4038
|
collapseTags: BooleanConstructor;
|
|
4031
4039
|
maxCollapseTags: import('../utils').EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
|
|
4032
4040
|
collapseTagsTooltip: import('../utils').EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
|
|
4041
|
+
maxCollapseTagsTooltipHeight: import('../utils').EpPropFinalized<import('vue').PropType<string | number>, unknown, unknown, number, boolean>;
|
|
4033
4042
|
debounce: import('../utils').EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
|
|
4034
4043
|
beforeFilter: import('../utils').EpPropFinalized<import('vue').PropType<(value: string) => boolean | Promise<any>>, unknown, unknown, () => true, boolean>;
|
|
4035
4044
|
popperClass: import('../utils').EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
|
|
@@ -4083,6 +4092,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
4083
4092
|
collapseTags: boolean;
|
|
4084
4093
|
maxCollapseTags: number;
|
|
4085
4094
|
collapseTagsTooltip: import('../utils').EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
4095
|
+
maxCollapseTagsTooltipHeight: import('../utils').EpPropMergeType<import('vue').PropType<string | number>, unknown, unknown>;
|
|
4086
4096
|
debounce: number;
|
|
4087
4097
|
beforeFilter: (value: string) => boolean | Promise<any>;
|
|
4088
4098
|
teleported: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
@@ -4121,6 +4131,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
4121
4131
|
collapseTags: boolean;
|
|
4122
4132
|
maxCollapseTags: number;
|
|
4123
4133
|
collapseTagsTooltip: import('../utils').EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
4134
|
+
maxCollapseTagsTooltipHeight: import('../utils').EpPropMergeType<import('vue').PropType<string | number>, unknown, unknown>;
|
|
4124
4135
|
debounce: number;
|
|
4125
4136
|
beforeFilter: (value: string) => boolean | Promise<any>;
|
|
4126
4137
|
teleported: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
@@ -4144,6 +4155,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
4144
4155
|
collapseTags: BooleanConstructor;
|
|
4145
4156
|
maxCollapseTags: import('../utils').EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
|
|
4146
4157
|
collapseTagsTooltip: import('../utils').EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
|
|
4158
|
+
maxCollapseTagsTooltipHeight: import('../utils').EpPropFinalized<import('vue').PropType<string | number>, unknown, unknown, number, boolean>;
|
|
4147
4159
|
debounce: import('../utils').EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
|
|
4148
4160
|
beforeFilter: import('../utils').EpPropFinalized<import('vue').PropType<(value: string) => boolean | Promise<any>>, unknown, unknown, () => true, boolean>;
|
|
4149
4161
|
popperClass: import('../utils').EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
|
|
@@ -4172,7 +4184,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
4172
4184
|
onVisibleChange?: (val: boolean) => any;
|
|
4173
4185
|
onExpandChange?: (val: import('element-plus').CascaderValue) => any;
|
|
4174
4186
|
onRemoveTag?: (val: import('element-plus').CascaderNodeValue | import('element-plus').CascaderNodePathValue) => any;
|
|
4175
|
-
}>, "getCheckedNodes" | "contentRef" | "cascaderPanelRef" | "togglePopperVisible" | ("props" | "popperClass" | "separator" | "disabled" | "clearable" | "filterable" | "filterMethod" | "showAllLevels" | "collapseTags" | "maxCollapseTags" | "collapseTagsTooltip" | "debounce" | "beforeFilter" | "teleported" | "tagType" | "validateEvent" | "options")> & {
|
|
4187
|
+
}>, "getCheckedNodes" | "contentRef" | "cascaderPanelRef" | "togglePopperVisible" | ("props" | "popperClass" | "separator" | "disabled" | "clearable" | "filterable" | "filterMethod" | "showAllLevels" | "collapseTags" | "maxCollapseTags" | "collapseTagsTooltip" | "maxCollapseTagsTooltipHeight" | "debounce" | "beforeFilter" | "teleported" | "tagType" | "validateEvent" | "options")> & {
|
|
4176
4188
|
getCheckedNodes: (leafOnly: boolean) => import('element-plus').CascaderNode[];
|
|
4177
4189
|
cascaderPanelRef: import('element-plus').CascaderPanelInstance;
|
|
4178
4190
|
togglePopperVisible: (visible?: boolean) => void;
|