vft 0.0.111 → 0.0.112
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.css +1 -1
- package/es/components/pagination/components/jumper.vue2.js +13 -13
- package/es/components/pagination/components/sizes.vue2.js +38 -23
- package/es/components/table/columns.js +1 -1
- package/es/components/table/table.vue2.js +76 -72
- package/es/package.json.js +1 -1
- package/lib/components/pagination/components/jumper.vue2.cjs +1 -1
- package/lib/components/pagination/components/sizes.vue2.cjs +1 -1
- package/lib/components/table/columns.cjs +1 -1
- package/lib/components/table/table.vue2.cjs +1 -1
- package/lib/package.json.cjs +1 -1
- package/package.json +2 -2
- package/theme-style/index.css +1 -1
- package/theme-style/src/pagination.scss +6 -1
- package/theme-style/src/table.scss +1 -1
- package/theme-style/vft-pagination.css +1 -1
- package/theme-style/vft-table.css +1 -1
- package/web-types.json +1 -1
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
import { defineComponent as c, ref as f, computed as
|
|
2
|
-
import { useNamespace as
|
|
1
|
+
import { defineComponent as c, ref as f, computed as _, openBlock as v, createElementBlock as b, normalizeClass as n, unref as e, createElementVNode as p, createVNode as h } from "vue";
|
|
2
|
+
import { useNamespace as g } from "../../../hooks/use-namespace/index.js";
|
|
3
3
|
import "@popperjs/core";
|
|
4
4
|
import "lodash";
|
|
5
5
|
import "../../../hooks/use-z-index/index.js";
|
|
6
6
|
import "@vueuse/core";
|
|
7
7
|
import "@vft/utils";
|
|
8
8
|
import "../../../utils/ns-cover.js";
|
|
9
|
-
import { VftInput as
|
|
10
|
-
import { usePagination as
|
|
11
|
-
const
|
|
9
|
+
import { VftInput as z } from "../../input/index.js";
|
|
10
|
+
import { usePagination as C } from "../usePagination.js";
|
|
11
|
+
const V = ["disabled"], A = /* @__PURE__ */ c({
|
|
12
12
|
__name: "jumper",
|
|
13
13
|
props: {
|
|
14
14
|
size: {}
|
|
15
15
|
},
|
|
16
|
-
setup(
|
|
17
|
-
const o =
|
|
16
|
+
setup(x) {
|
|
17
|
+
const o = g("pagination"), { pageCount: r, disabled: l, currentPage: s, changeEvent: t } = C(), i = f(), m = _(() => i.value ?? (s == null ? void 0 : s.value));
|
|
18
18
|
function u(a) {
|
|
19
19
|
i.value = +a;
|
|
20
20
|
}
|
|
21
21
|
function d(a) {
|
|
22
|
-
a = Math.trunc(+a),
|
|
22
|
+
a = Math.trunc(+a), t == null || t(+a), i.value = void 0;
|
|
23
23
|
}
|
|
24
|
-
return (a,
|
|
24
|
+
return (a, I) => (v(), b("span", {
|
|
25
25
|
class: n(e(o).e("jump")),
|
|
26
26
|
disabled: e(l)
|
|
27
27
|
}, [
|
|
28
28
|
p("span", {
|
|
29
29
|
class: n([e(o).e("goto")])
|
|
30
|
-
},
|
|
31
|
-
h(e(
|
|
30
|
+
}, "前往", 2),
|
|
31
|
+
h(e(z), {
|
|
32
32
|
size: a.size,
|
|
33
33
|
class: n([e(o).e("editor"), e(o).is("in-pagination")]),
|
|
34
34
|
min: 1,
|
|
@@ -43,9 +43,9 @@ const I = ["disabled"], w = /* @__PURE__ */ c({
|
|
|
43
43
|
p("span", {
|
|
44
44
|
class: n([e(o).e("classifier")])
|
|
45
45
|
}, "页", 2)
|
|
46
|
-
], 10,
|
|
46
|
+
], 10, V));
|
|
47
47
|
}
|
|
48
48
|
});
|
|
49
49
|
export {
|
|
50
|
-
|
|
50
|
+
A as default
|
|
51
51
|
};
|
|
@@ -1,13 +1,14 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { isEqual as
|
|
3
|
-
import { useNamespace as
|
|
1
|
+
import { defineComponent as c, ref as z, watch as n, computed as g, openBlock as d, createElementBlock as f, normalizeClass as S, unref as t, createVNode as h } from "vue";
|
|
2
|
+
import { isEqual as v } from "lodash";
|
|
3
|
+
import { useNamespace as C } from "../../../hooks/use-namespace/index.js";
|
|
4
4
|
import "@popperjs/core";
|
|
5
5
|
import "../../../hooks/use-z-index/index.js";
|
|
6
6
|
import "@vueuse/core";
|
|
7
7
|
import "@vft/utils";
|
|
8
8
|
import "../../../utils/ns-cover.js";
|
|
9
|
-
import { usePagination as
|
|
10
|
-
|
|
9
|
+
import { usePagination as b } from "../usePagination.js";
|
|
10
|
+
import { VftSelect as y } from "../../select/index.js";
|
|
11
|
+
const G = /* @__PURE__ */ c({
|
|
11
12
|
__name: "sizes",
|
|
12
13
|
props: {
|
|
13
14
|
pageSize: {},
|
|
@@ -17,28 +18,42 @@ const b = /* @__PURE__ */ p({
|
|
|
17
18
|
size: {}
|
|
18
19
|
},
|
|
19
20
|
emits: ["page-size-change"],
|
|
20
|
-
setup(
|
|
21
|
-
const
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
const r = i.includes(e.pageSize) ? e.pageSize : e.pageSizes[0];
|
|
29
|
-
s("page-size-change", r);
|
|
21
|
+
setup(a, { emit: l }) {
|
|
22
|
+
const p = C("pagination"), o = b(), i = z(a.pageSize);
|
|
23
|
+
n(
|
|
24
|
+
() => a.pageSizes,
|
|
25
|
+
(e, s) => {
|
|
26
|
+
if (!v(e, s) && Array.isArray(e)) {
|
|
27
|
+
const u = e.includes(a.pageSize) ? a.pageSize : a.pageSizes[0];
|
|
28
|
+
l("page-size-change", u);
|
|
30
29
|
}
|
|
31
30
|
}
|
|
32
|
-
),
|
|
33
|
-
() =>
|
|
34
|
-
(
|
|
35
|
-
|
|
31
|
+
), n(
|
|
32
|
+
() => a.pageSize,
|
|
33
|
+
(e) => {
|
|
34
|
+
i.value = e;
|
|
36
35
|
}
|
|
37
|
-
),
|
|
38
|
-
|
|
39
|
-
|
|
36
|
+
), console.log(i);
|
|
37
|
+
const r = g(() => a.pageSizes.map((e) => ({ label: e + "条/页", value: e })));
|
|
38
|
+
function m(e) {
|
|
39
|
+
var s;
|
|
40
|
+
e !== i.value && (i.value = e, (s = o.handleSizeChange) == null || s.call(o, Number(e)));
|
|
41
|
+
}
|
|
42
|
+
return (e, s) => (d(), f("span", {
|
|
43
|
+
class: S(t(p).e("sizes"))
|
|
44
|
+
}, [
|
|
45
|
+
h(t(y), {
|
|
46
|
+
"model-value": i.value,
|
|
47
|
+
disabled: e.disabled,
|
|
48
|
+
"popper-class": e.popperClass,
|
|
49
|
+
size: e.size,
|
|
50
|
+
"validate-event": !1,
|
|
51
|
+
onChange: m,
|
|
52
|
+
options: r.value
|
|
53
|
+
}, null, 8, ["model-value", "disabled", "popper-class", "size", "options"])
|
|
54
|
+
], 2));
|
|
40
55
|
}
|
|
41
56
|
});
|
|
42
57
|
export {
|
|
43
|
-
|
|
58
|
+
G as default
|
|
44
59
|
};
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import { defineComponent as q, useAttrs as
|
|
2
|
-
import { VftEmpty as
|
|
1
|
+
import { defineComponent as q, useAttrs as K, ref as s, computed as v, watch as y, createVNode as C, reactive as Q, onMounted as U, resolveComponent as Z, openBlock as b, createElementBlock as _, normalizeClass as S, unref as l, createBlock as H, mergeProps as w, createCommentVNode as L, createSlots as ee, withCtx as R, withDirectives as te, createElementVNode as O, vShow as ae } from "vue";
|
|
2
|
+
import { VftEmpty as ne } from "../empty/index.js";
|
|
3
3
|
import { VftPagination as W } from "../pagination/index.js";
|
|
4
4
|
import { useNamespace as le } from "../../hooks/use-namespace/index.js";
|
|
5
5
|
import "@popperjs/core";
|
|
6
6
|
import "lodash";
|
|
7
7
|
import "../../hooks/use-z-index/index.js";
|
|
8
|
-
import { useDebounceFn as
|
|
8
|
+
import { useDebounceFn as oe, useResizeObserver as re } from "@vueuse/core";
|
|
9
9
|
import "@vft/utils";
|
|
10
10
|
import "../../utils/ns-cover.js";
|
|
11
11
|
import I from "vxe-table";
|
|
12
|
-
import { EmptyEnum as
|
|
12
|
+
import { EmptyEnum as ie } from "../empty/constants.js";
|
|
13
13
|
const r = (
|
|
14
14
|
/* hoist-static*/
|
|
15
15
|
le("table")
|
|
16
|
-
),
|
|
16
|
+
), se = q({
|
|
17
17
|
name: r.b()
|
|
18
|
-
}),
|
|
19
|
-
...
|
|
18
|
+
}), Se = /* @__PURE__ */ q({
|
|
19
|
+
...se,
|
|
20
20
|
props: {
|
|
21
21
|
maxHeight: {},
|
|
22
22
|
columns: {},
|
|
@@ -53,32 +53,32 @@ const r = (
|
|
|
53
53
|
},
|
|
54
54
|
pageOptions: {}
|
|
55
55
|
},
|
|
56
|
-
emits: ["page-change", "sort-change", "update:
|
|
57
|
-
setup(
|
|
56
|
+
emits: ["page-change", "size-change", "sort-change", "update:page-num", "update:page-size"],
|
|
57
|
+
setup(n, {
|
|
58
58
|
expose: T,
|
|
59
|
-
emit:
|
|
59
|
+
emit: u
|
|
60
60
|
}) {
|
|
61
|
-
const V =
|
|
61
|
+
const V = K(), $ = s(0), i = s(), A = oe(() => j(), 120), k = v(() => n.pagePlacement.startsWith("bottom")), D = v(() => n.columns.map((e) => (e.align || (e.align = "center"), !e.formatter && !e.slots && !e.cellRender && (e.formatter = ({
|
|
62
62
|
cellValue: t
|
|
63
63
|
}) => t || "-"), e)));
|
|
64
|
-
y([() =>
|
|
64
|
+
y([() => n.loading, () => n.data, () => n.columns], () => {
|
|
65
65
|
A();
|
|
66
66
|
}, {
|
|
67
67
|
immediate: !0
|
|
68
68
|
});
|
|
69
|
-
function
|
|
70
|
-
|
|
69
|
+
function j() {
|
|
70
|
+
d.data = n.data, z(n.pageNum);
|
|
71
71
|
}
|
|
72
72
|
I.renderer.add("Encrypt", {
|
|
73
73
|
// 加密模板
|
|
74
74
|
renderDefault(e, t) {
|
|
75
75
|
const {
|
|
76
76
|
row: a,
|
|
77
|
-
column:
|
|
77
|
+
column: p
|
|
78
78
|
} = t;
|
|
79
79
|
return C("span", {
|
|
80
80
|
class: "line-clamp",
|
|
81
|
-
innerHTML: a[
|
|
81
|
+
innerHTML: a[p.field] || "-"
|
|
82
82
|
}, null);
|
|
83
83
|
}
|
|
84
84
|
}), I.formats.mixin({
|
|
@@ -88,13 +88,16 @@ const r = (
|
|
|
88
88
|
return e || "-";
|
|
89
89
|
}
|
|
90
90
|
});
|
|
91
|
+
function G(e) {
|
|
92
|
+
u("page-change", e), u("update:page-num", e);
|
|
93
|
+
}
|
|
91
94
|
function M(e) {
|
|
92
|
-
|
|
95
|
+
u("size-change", e), u("update:page-size", e);
|
|
93
96
|
}
|
|
94
97
|
const X = () => ({
|
|
95
98
|
maxHeight: "88px",
|
|
96
99
|
height: "44px"
|
|
97
|
-
}),
|
|
100
|
+
}), F = (e) => {
|
|
98
101
|
var a;
|
|
99
102
|
const {
|
|
100
103
|
column: t
|
|
@@ -102,7 +105,7 @@ const r = (
|
|
|
102
105
|
return {
|
|
103
106
|
maxHeight: ((a = t == null ? void 0 : t.cellRender) == null ? void 0 : a.name) === "Clamp" ? "max-content" : "44px"
|
|
104
107
|
};
|
|
105
|
-
},
|
|
108
|
+
}, d = Q({
|
|
106
109
|
autoResize: !0,
|
|
107
110
|
sortConfig: {
|
|
108
111
|
trigger: "cell",
|
|
@@ -110,7 +113,7 @@ const r = (
|
|
|
110
113
|
defaultSort: {
|
|
111
114
|
field: "",
|
|
112
115
|
order: "desc",
|
|
113
|
-
...
|
|
116
|
+
...n.defaultSort
|
|
114
117
|
},
|
|
115
118
|
orders: ["desc", "asc", null]
|
|
116
119
|
},
|
|
@@ -119,7 +122,7 @@ const r = (
|
|
|
119
122
|
},
|
|
120
123
|
cellClassName: "cellClass",
|
|
121
124
|
rowClassName: "rowClass",
|
|
122
|
-
cellStyle:
|
|
125
|
+
cellStyle: F,
|
|
123
126
|
rowStyle: X,
|
|
124
127
|
headerRowClassName: "headerRowClass",
|
|
125
128
|
headerAlign: "center",
|
|
@@ -136,77 +139,77 @@ const r = (
|
|
|
136
139
|
scrollX: {
|
|
137
140
|
enabled: !1
|
|
138
141
|
},
|
|
139
|
-
...
|
|
142
|
+
...n.tableConfig,
|
|
140
143
|
...V
|
|
141
|
-
}),
|
|
142
|
-
|
|
144
|
+
}), Y = (e) => {
|
|
145
|
+
u("sort-change", e);
|
|
143
146
|
};
|
|
144
|
-
y(() =>
|
|
145
|
-
|
|
147
|
+
y(() => n.pageNum, (e) => {
|
|
148
|
+
z(e);
|
|
146
149
|
});
|
|
147
|
-
const
|
|
148
|
-
|
|
149
|
-
},
|
|
150
|
-
let
|
|
151
|
-
const
|
|
150
|
+
const z = (e) => {
|
|
151
|
+
d.seqConfig && (d.seqConfig.startIndex = (e - 1) * n.pageSize);
|
|
152
|
+
}, c = s(), B = s();
|
|
153
|
+
let f = s(!1), o = s(null), m = s(null);
|
|
154
|
+
const g = v(() => {
|
|
152
155
|
var e;
|
|
153
|
-
return ((e =
|
|
156
|
+
return ((e = n.sticky) == null ? void 0 : e.getContainer) || document.documentElement || document.body;
|
|
154
157
|
});
|
|
155
|
-
y(() => [i,
|
|
158
|
+
y(() => [i, n.sticky], () => {
|
|
156
159
|
var e, t, a;
|
|
157
|
-
(e = i.value) != null && e.$el &&
|
|
158
|
-
|
|
160
|
+
(e = i.value) != null && e.$el && n.sticky && ((t = g.value) == null || t.removeEventListener("scroll", h), (a = g.value) == null || a.addEventListener("scroll", h), setTimeout(() => {
|
|
161
|
+
E();
|
|
159
162
|
}, 50));
|
|
160
163
|
}, {
|
|
161
164
|
immediate: !0,
|
|
162
165
|
deep: !0
|
|
163
166
|
});
|
|
164
|
-
function
|
|
165
|
-
if (!o.value || !m.value || (h(), !
|
|
167
|
+
function E() {
|
|
168
|
+
if (!o.value || !m.value || (h(), !f.value))
|
|
166
169
|
return;
|
|
167
170
|
const e = o.value.clientWidth, t = m.value.offsetWidth;
|
|
168
|
-
|
|
171
|
+
c.value.style.width = e - 1 + "px", B.value.style.width = t + "px";
|
|
169
172
|
}
|
|
170
173
|
function h() {
|
|
171
|
-
var
|
|
172
|
-
if (!((
|
|
174
|
+
var N, P, x;
|
|
175
|
+
if (!((N = i.value) != null && N.$el) || !o.value || !g.value)
|
|
173
176
|
return;
|
|
174
|
-
const e = ((P =
|
|
177
|
+
const e = ((P = g.value) == null ? void 0 : P.clientHeight) || window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight, {
|
|
175
178
|
top: t,
|
|
176
179
|
bottom: a
|
|
177
|
-
} = o.value.getBoundingClientRect(),
|
|
178
|
-
|
|
180
|
+
} = o.value.getBoundingClientRect(), p = ((x = g.value) == null ? void 0 : x.getBoundingClientRect().top) || document.body.getBoundingClientRect().top;
|
|
181
|
+
f.value = t < e && a > e && a - p > e, c.value.scrollLeft = o.value.scrollLeft;
|
|
179
182
|
}
|
|
180
|
-
const
|
|
183
|
+
const J = () => {
|
|
181
184
|
var t;
|
|
182
185
|
const e = (t = i.value) == null ? void 0 : t.$el;
|
|
183
186
|
e && (o.value = e.querySelector(".vxe-table--body-wrapper"), m.value = e.querySelector(".vxe-table--body"), !(!o.value && !m.value) && (o.value.addEventListener("scroll", function(a) {
|
|
184
|
-
|
|
185
|
-
}),
|
|
187
|
+
c.value.scrollLeft = a.target.scrollLeft;
|
|
188
|
+
}), c.value.addEventListener("scroll", function(a) {
|
|
186
189
|
o.value.scrollLeft = a.target.scrollLeft;
|
|
187
190
|
})));
|
|
188
191
|
};
|
|
189
|
-
return
|
|
190
|
-
|
|
192
|
+
return U(() => {
|
|
193
|
+
n.sticky && (J(), re(i, () => E()));
|
|
191
194
|
}), T({
|
|
192
|
-
|
|
195
|
+
xGrid: i
|
|
193
196
|
}), (e, t) => {
|
|
194
|
-
const a =
|
|
195
|
-
return b(),
|
|
196
|
-
class:
|
|
197
|
-
}, [e.showPager && !k.value ? (b(), H(
|
|
197
|
+
const a = Z("vxe-grid");
|
|
198
|
+
return b(), _("div", {
|
|
199
|
+
class: S(l(r).b())
|
|
200
|
+
}, [e.showPager && !k.value ? (b(), H(l(W), w({
|
|
198
201
|
key: 0,
|
|
199
|
-
class: [
|
|
202
|
+
class: [l(r).e("pager"), l(r).m("pager-" + e.pagePlacement)],
|
|
200
203
|
layout: "prev, pager, next"
|
|
201
204
|
}, e.pageOptions, {
|
|
202
205
|
total: e.total,
|
|
203
206
|
"page-size": e.pageSize,
|
|
204
|
-
onCurrentChange: t[0] || (t[0] = (
|
|
207
|
+
onCurrentChange: t[0] || (t[0] = (p) => u("page-change", e.pageNum)),
|
|
205
208
|
"current-page": e.pageNum
|
|
206
|
-
}), null, 16, ["class", "total", "page-size", "current-page"])) : L("", !0), C(a,
|
|
209
|
+
}), null, 16, ["class", "total", "page-size", "current-page"])) : L("", !0), C(a, w({
|
|
207
210
|
ref_key: "xGrid",
|
|
208
211
|
ref: i
|
|
209
|
-
},
|
|
212
|
+
}, d, {
|
|
210
213
|
height: e.height,
|
|
211
214
|
"max-height": e.maxHeight,
|
|
212
215
|
columns: D.value,
|
|
@@ -214,37 +217,38 @@ const r = (
|
|
|
214
217
|
"auto-resize": "",
|
|
215
218
|
loading: e.loading,
|
|
216
219
|
resizable: "",
|
|
217
|
-
onSortChange:
|
|
218
|
-
}),
|
|
219
|
-
empty: R(() => [C(
|
|
220
|
-
type:
|
|
220
|
+
onSortChange: Y
|
|
221
|
+
}), ee({
|
|
222
|
+
empty: R(() => [C(l(ne), {
|
|
223
|
+
type: l(ie).NO_DATA
|
|
221
224
|
}, null, 8, ["type"])]),
|
|
222
225
|
_: 2
|
|
223
226
|
}, [e.sticky ? {
|
|
224
227
|
name: "bottom",
|
|
225
|
-
fn: R(() => [
|
|
228
|
+
fn: R(() => [te(O("div", {
|
|
226
229
|
ref_key: "stickyScroll",
|
|
227
|
-
ref:
|
|
228
|
-
class:
|
|
230
|
+
ref: c,
|
|
231
|
+
class: S(l(r).e("sticky-scroll-warpper"))
|
|
229
232
|
}, [O("div", {
|
|
230
233
|
ref_key: "stickyScrollBar",
|
|
231
|
-
ref:
|
|
232
|
-
class:
|
|
233
|
-
}, null, 2)], 2), [[
|
|
234
|
+
ref: B,
|
|
235
|
+
class: S(l(r).e("sticky-scroll-bar"))
|
|
236
|
+
}, null, 2)], 2), [[ae, l(f)]])]),
|
|
234
237
|
key: "0"
|
|
235
|
-
} : void 0]), 1040, ["height", "max-height", "columns", "data", "loading"]), e.showPager && k.value ? (b(), H(
|
|
238
|
+
} : void 0]), 1040, ["height", "max-height", "columns", "data", "loading"]), e.showPager && k.value ? (b(), H(l(W), w({
|
|
236
239
|
key: 1,
|
|
237
|
-
class: [
|
|
238
|
-
layout: "prev, pager, next"
|
|
240
|
+
class: [l(r).e("pager"), l(r).m("pager-" + e.pagePlacement)],
|
|
241
|
+
layout: "prev, pager, next, jumper"
|
|
239
242
|
}, e.pageOptions, {
|
|
240
243
|
total: e.total,
|
|
241
244
|
"page-size": e.pageSize,
|
|
242
|
-
onCurrentChange:
|
|
245
|
+
onCurrentChange: G,
|
|
246
|
+
onSizeChange: M,
|
|
243
247
|
"current-page": e.pageNum
|
|
244
248
|
}), null, 16, ["class", "total", "page-size", "current-page"])) : L("", !0)], 2);
|
|
245
249
|
};
|
|
246
250
|
}
|
|
247
251
|
});
|
|
248
252
|
export {
|
|
249
|
-
|
|
253
|
+
Se as default
|
|
250
254
|
};
|
package/es/package.json.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("../../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../../utils/ns-cover.cjs");const p=require("../../input/index.cjs"),m=require("../usePagination.cjs"),f=["disabled"],
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("../../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../../utils/ns-cover.cjs");const p=require("../../input/index.cjs"),m=require("../usePagination.cjs"),f=["disabled"],_=e.defineComponent({__name:"jumper",props:{size:{}},setup(q){const a=c.useNamespace("pagination"),{pageCount:t,disabled:i,currentPage:s,changeEvent:r}=m.usePagination(),u=e.ref(),o=e.computed(()=>u.value??(s==null?void 0:s.value));function l(n){u.value=+n}function d(n){n=Math.trunc(+n),r==null||r(+n),u.value=void 0}return(n,v)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(a).e("jump")),disabled:e.unref(i)},[e.createElementVNode("span",{class:e.normalizeClass([e.unref(a).e("goto")])},"前往",2),e.createVNode(e.unref(p.VftInput),{size:n.size,class:e.normalizeClass([e.unref(a).e("editor"),e.unref(a).is("in-pagination")]),min:1,max:e.unref(t),disabled:e.unref(i),"model-value":o.value,"validate-event":!1,type:"number","onUpdate:modelValue":l,onChange:d},null,8,["size","class","max","disabled","model-value"]),e.createElementVNode("span",{class:e.normalizeClass([e.unref(a).e("classifier")])},"页",2)],10,f))}});exports.default=_;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),d=require("lodash"),p=require("../../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../../utils/ns-cover.cjs");const g=require("../usePagination.cjs"),z=require("../../select/index.cjs"),S=a.defineComponent({__name:"sizes",props:{pageSize:{},pageSizes:{default:[10,20,30,40,50,100]},popperClass:{},disabled:{type:Boolean},size:{}},emits:["page-size-change"],setup(i,{emit:u}){const l=p.useNamespace("pagination"),r=g.usePagination(),s=a.ref(i.pageSize);a.watch(()=>i.pageSizes,(e,n)=>{if(!d.isEqual(e,n)&&Array.isArray(e)){const c=e.includes(i.pageSize)?i.pageSize:i.pageSizes[0];u("page-size-change",c)}}),a.watch(()=>i.pageSize,e=>{s.value=e}),console.log(s);const t=a.computed(()=>i.pageSizes.map(e=>({label:e+"条/页",value:e})));function o(e){var n;e!==s.value&&(s.value=e,(n=r.handleSizeChange)==null||n.call(r,Number(e)))}return(e,n)=>(a.openBlock(),a.createElementBlock("span",{class:a.normalizeClass(a.unref(l).e("sizes"))},[a.createVNode(a.unref(z.VftSelect),{"model-value":s.value,disabled:e.disabled,"popper-class":e.popperClass,size:e.size,"validate-event":!1,onChange:o,options:t.value},null,8,["model-value","disabled","popper-class","size","options"])],2))}});exports.default=S;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),l=require("@vft/utils");require("../divider/index.cjs");require("../icon/index.cjs");require("../avatar/index.cjs");require("../empty/index.cjs");require("../result/index.cjs");require("../tabs/index.cjs");require("../popper/index.cjs");require("../collapse-transition/index.cjs");require("../tooltip/index.cjs");require("../popover/index.cjs");require("../menu/index.cjs");require("../context-menu/context-menu.vue2.cjs");require("../multiple-tabs/index.cjs");require("../header-layout/index.cjs");require("../footer-layout/index.cjs");require("../iframe-layout/index.cjs");require("../router-view-content/index.cjs");require("../logo/index.cjs");require("../backtop/index.cjs");require("../container/index.cjs");require("../config-provider/index.cjs");require("../descriptions/index.cjs");require("../full-screen/index.cjs");require("../icon-text/index.cjs");require("../image/index.cjs");require("../input/index.cjs");require("../link/index.cjs");require("../pagination/index.cjs");const o=require("../tag/index.cjs");require("../side-menu/index.cjs");require("../qrcode/index.cjs");require("../overlay/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../page-wrapper/index.cjs");require("../exception/index.cjs");require("../search/index.cjs");require("../form/index.cjs");const a=require("../button/index.cjs");require("../checkbox/index.cjs");require("../radio/index.cjs");require("../switch/index.cjs");require("../color-picker/index.cjs");require("../scrollbar/index.cjs");require("../dropdown/index.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/props.cjs");require("../select/index.cjs");require("../verify-code/index.cjs");require("./index.cjs");require("../image-viewer/index.cjs");require("../list-cell/index.cjs");require("../dialog/index.cjs");require("../date-time-select/index.cjs");require("../col/index.cjs");require("../row/index.cjs");require("../horizontal-menu/index.cjs");require("../time-picker/index.cjs");require("../date-picker/index.cjs");require("../check-tag/index.cjs");require("../tree/index.cjs");require("../skeleton/index.cjs");require("../space/index.cjs");require("../card/index.cjs");const f=require("../popconfirm/index.cjs");require("../alert/index.cjs");require("../drawer/index.cjs");require("../input-number/index.cjs");require("../slider/index.cjs");require("../autocomplete/index.cjs");require("../super-form/index.cjs");require("../progress/index.cjs");require("../upload/index.cjs");require("../md-container/index.cjs");require("../md-comment/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../message/index.cjs");require("../config-provider/hooks/use-global-config.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");function n(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!i.isVNode(e)}const c={type:"seq",title:"序号",minWidth:70,fixed:"left"},m={field:"name",title:"名称",minWidth:100},s=e=>({minWidth:170,field:"updateTime",title:"更新时间",formatter:({row:r})=>l.formatToDateTime(r.updateTime,e)}),_=e=>({minWidth:170,field:"createTime",title:"
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),l=require("@vft/utils");require("../divider/index.cjs");require("../icon/index.cjs");require("../avatar/index.cjs");require("../empty/index.cjs");require("../result/index.cjs");require("../tabs/index.cjs");require("../popper/index.cjs");require("../collapse-transition/index.cjs");require("../tooltip/index.cjs");require("../popover/index.cjs");require("../menu/index.cjs");require("../context-menu/context-menu.vue2.cjs");require("../multiple-tabs/index.cjs");require("../header-layout/index.cjs");require("../footer-layout/index.cjs");require("../iframe-layout/index.cjs");require("../router-view-content/index.cjs");require("../logo/index.cjs");require("../backtop/index.cjs");require("../container/index.cjs");require("../config-provider/index.cjs");require("../descriptions/index.cjs");require("../full-screen/index.cjs");require("../icon-text/index.cjs");require("../image/index.cjs");require("../input/index.cjs");require("../link/index.cjs");require("../pagination/index.cjs");const o=require("../tag/index.cjs");require("../side-menu/index.cjs");require("../qrcode/index.cjs");require("../overlay/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../page-wrapper/index.cjs");require("../exception/index.cjs");require("../search/index.cjs");require("../form/index.cjs");const a=require("../button/index.cjs");require("../checkbox/index.cjs");require("../radio/index.cjs");require("../switch/index.cjs");require("../color-picker/index.cjs");require("../scrollbar/index.cjs");require("../dropdown/index.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/props.cjs");require("../select/index.cjs");require("../verify-code/index.cjs");require("./index.cjs");require("../image-viewer/index.cjs");require("../list-cell/index.cjs");require("../dialog/index.cjs");require("../date-time-select/index.cjs");require("../col/index.cjs");require("../row/index.cjs");require("../horizontal-menu/index.cjs");require("../time-picker/index.cjs");require("../date-picker/index.cjs");require("../check-tag/index.cjs");require("../tree/index.cjs");require("../skeleton/index.cjs");require("../space/index.cjs");require("../card/index.cjs");const f=require("../popconfirm/index.cjs");require("../alert/index.cjs");require("../drawer/index.cjs");require("../input-number/index.cjs");require("../slider/index.cjs");require("../autocomplete/index.cjs");require("../super-form/index.cjs");require("../progress/index.cjs");require("../upload/index.cjs");require("../md-container/index.cjs");require("../md-comment/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../message/index.cjs");require("../config-provider/hooks/use-global-config.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");function n(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!i.isVNode(e)}const c={type:"seq",title:"序号",minWidth:70,fixed:"left"},m={field:"name",title:"名称",minWidth:100},s=e=>({minWidth:170,field:"updateTime",title:"更新时间",formatter:({row:r})=>l.formatToDateTime(r.updateTime,e)}),_=e=>({minWidth:170,field:"createTime",title:"创建时间",formatter:({row:r})=>l.formatToDateTime(r.updateTime,e)}),p=(e="status",r="正常",t="禁用")=>({field:e,title:"状态",width:100,slots:{default:({row:u})=>u!=null&&u[e]?i.createVNode(o.VftTag,{type:"danger"},n(t)?t:{default:()=>[t]}):i.createVNode(o.VftTag,null,n(r)?r:{default:()=>[r]})}}),V=({confirmText:e="确认删除?",leftClickCallbak:r=q=>{},rightClickCallbak:t=q=>{},leftText:u="编辑",rightText:d="删除"})=>({title:"操作栏",minWidth:150,slots:{default:({row:q})=>i.createVNode(i.Fragment,null,[i.createVNode(a.VftButton,{size:"small",type:"primary",onClick:()=>r(q)},n(u)?u:{default:()=>[u]}),i.createVNode(f.VftPopconfirm,{width:"150",onConfirm:()=>t(q),title:e},{reference:()=>i.createVNode(a.VftButton,{size:"small",type:"danger"},n(d)?d:{default:()=>[d]})})])}});exports.action_field=V;exports.create_time_field=_;exports.name_field=m;exports.seq_field=c;exports.state_field=p;exports.update_time_field=s;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue")
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),I=require("../empty/index.cjs"),k=require("../pagination/index.cjs"),T=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");const z=require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const N=require("vxe-table"),A=require("../empty/constants.cjs"),o=T.useNamespace("table"),D=t.defineComponent({name:o.b()}),M=t.defineComponent({...D,props:{maxHeight:{},columns:{},data:{default:[]},loading:{type:Boolean,default:!1},height:{},pageSize:{default:50},pageNum:{default:1},total:{},defaultSort:{default:{}},tableConfig:{default:{}},sticky:{type:[Boolean,Object]},showPager:{type:Boolean,default:!0},pagePlacement:{default:"bottom-right"},pageOptions:{}},emits:["page-change","size-change","sort-change","update:page-num","update:page-size"],setup(r,{expose:q,emit:s}){const B=t.useAttrs(),P=t.ref(0),u=t.ref(),E=z.useDebounceFn(()=>H(),120),h=t.computed(()=>r.pagePlacement.startsWith("bottom")),x=t.computed(()=>r.columns.map(e=>(e.align||(e.align="center"),!e.formatter&&!e.slots&&!e.cellRender&&(e.formatter=({cellValue:n})=>n||"-"),e)));t.watch([()=>r.loading,()=>r.data,()=>r.columns],()=>{E()},{immediate:!0});function H(){d.data=r.data,v(r.pageNum)}N.renderer.add("Encrypt",{renderDefault(e,n){const{row:a,column:f}=n;return t.createVNode("span",{class:"line-clamp",innerHTML:a[f.field]||"-"},null)}}),N.formats.mixin({showEmpty({cellValue:e}){return e||"-"}});function L(e){s("page-change",e),s("update:page-num",e)}function R(e){s("size-change",e),s("update:page-size",e)}const V=()=>({maxHeight:"88px",height:"44px"}),O=e=>{var a;const{column:n}=e;return{maxHeight:((a=n==null?void 0:n.cellRender)==null?void 0:a.name)==="Clamp"?"max-content":"44px"}},d=t.reactive({autoResize:!0,sortConfig:{trigger:"cell",remote:!0,defaultSort:{field:"",order:"desc",...r.defaultSort},orders:["desc","asc",null]},seqConfig:{startIndex:P.value},cellClassName:"cellClass",rowClassName:"rowClass",cellStyle:O,rowStyle:V,headerRowClassName:"headerRowClass",headerAlign:"center",columnConfig:{resizable:!0},rowConfig:{isHover:!0},scrollY:{mode:"wheel"},scrollX:{enabled:!1},...r.tableConfig,...B}),W=e=>{s("sort-change",e)};t.watch(()=>r.pageNum,e=>{v(e)});const v=e=>{d.seqConfig&&(d.seqConfig.startIndex=(e-1)*r.pageSize)},i=t.ref(),y=t.ref();let m=t.ref(!1),l=t.ref(null),g=t.ref(null);const c=t.computed(()=>{var e;return((e=r.sticky)==null?void 0:e.getContainer)||document.documentElement||document.body});t.watch(()=>[u,r.sticky],()=>{var e,n,a;(e=u.value)!=null&&e.$el&&r.sticky&&((n=c.value)==null||n.removeEventListener("scroll",p),(a=c.value)==null||a.addEventListener("scroll",p),setTimeout(()=>{C()},50))},{immediate:!0,deep:!0});function C(){if(!l.value||!g.value||(p(),!m.value))return;const e=l.value.clientWidth,n=g.value.offsetWidth;i.value.style.width=e-1+"px",y.value.style.width=n+"px"}function p(){var b,w,S;if(!((b=u.value)!=null&&b.$el)||!l.value||!c.value)return;const e=((w=c.value)==null?void 0:w.clientHeight)||window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight,{top:n,bottom:a}=l.value.getBoundingClientRect(),f=((S=c.value)==null?void 0:S.getBoundingClientRect().top)||document.body.getBoundingClientRect().top;m.value=n<e&&a>e&&a-f>e,i.value.scrollLeft=l.value.scrollLeft}const $=()=>{var n;const e=(n=u.value)==null?void 0:n.$el;e&&(l.value=e.querySelector(".vxe-table--body-wrapper"),g.value=e.querySelector(".vxe-table--body"),!(!l.value&&!g.value)&&(l.value.addEventListener("scroll",function(a){i.value.scrollLeft=a.target.scrollLeft}),i.value.addEventListener("scroll",function(a){l.value.scrollLeft=a.target.scrollLeft})))};return t.onMounted(()=>{r.sticky&&($(),z.useResizeObserver(u,()=>C()))}),q({xGrid:u}),(e,n)=>{const a=t.resolveComponent("vxe-grid");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(t.unref(o).b())},[e.showPager&&!h.value?(t.openBlock(),t.createBlock(t.unref(k.VftPagination),t.mergeProps({key:0,class:[t.unref(o).e("pager"),t.unref(o).m("pager-"+e.pagePlacement)],layout:"prev, pager, next"},e.pageOptions,{total:e.total,"page-size":e.pageSize,onCurrentChange:n[0]||(n[0]=f=>s("page-change",e.pageNum)),"current-page":e.pageNum}),null,16,["class","total","page-size","current-page"])):t.createCommentVNode("",!0),t.createVNode(a,t.mergeProps({ref_key:"xGrid",ref:u},d,{height:e.height,"max-height":e.maxHeight,columns:x.value,data:e.data,"auto-resize":"",loading:e.loading,resizable:"",onSortChange:W}),t.createSlots({empty:t.withCtx(()=>[t.createVNode(t.unref(I.VftEmpty),{type:t.unref(A.EmptyEnum).NO_DATA},null,8,["type"])]),_:2},[e.sticky?{name:"bottom",fn:t.withCtx(()=>[t.withDirectives(t.createElementVNode("div",{ref_key:"stickyScroll",ref:i,class:t.normalizeClass(t.unref(o).e("sticky-scroll-warpper"))},[t.createElementVNode("div",{ref_key:"stickyScrollBar",ref:y,class:t.normalizeClass(t.unref(o).e("sticky-scroll-bar"))},null,2)],2),[[t.vShow,t.unref(m)]])]),key:"0"}:void 0]),1040,["height","max-height","columns","data","loading"]),e.showPager&&h.value?(t.openBlock(),t.createBlock(t.unref(k.VftPagination),t.mergeProps({key:1,class:[t.unref(o).e("pager"),t.unref(o).m("pager-"+e.pagePlacement)],layout:"prev, pager, next, jumper"},e.pageOptions,{total:e.total,"page-size":e.pageSize,onCurrentChange:L,onSizeChange:R,"current-page":e.pageNum}),null,16,["class","total","page-size","current-page"])):t.createCommentVNode("",!0)],2)}}});exports.default=M;
|
package/lib/package.json.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.112";exports.version=e;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "vft",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.112",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"main": "lib/index.cjs",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
"vue-router": ">=4.0.16"
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"vxe-table": "4.
|
|
39
|
+
"vxe-table": "4.4.1",
|
|
40
40
|
"xe-utils": "3.5.7",
|
|
41
41
|
"@ctrl/tinycolor": "^3.6.0",
|
|
42
42
|
"@floating-ui/dom": "^1.2.8",
|