@aplus-frontend/ui 0.5.34 → 0.5.36
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/es/src/ap-grid/editable/interface.d.ts +4 -0
- package/es/src/ap-grid/index.vue.mjs +65 -66
- package/es/src/ap-grid/interface.d.ts +8 -3
- package/es/src/ap-grid/utils/col.mjs +51 -51
- package/es/src/ap-grid/utils/table.mjs +13 -10
- package/es/src/ap-list/index.vue.mjs +23 -23
- package/es/src/design-token/index.mjs +1 -0
- package/es/src/editable-table/index.vue.mjs +1 -1
- package/es/src/editable-table/interface.d.ts +4 -0
- package/es/src/editable-table/utils.mjs +54 -52
- package/lib/src/ap-grid/editable/interface.d.ts +4 -0
- package/lib/src/ap-grid/index.vue.js +1 -1
- package/lib/src/ap-grid/interface.d.ts +8 -3
- package/lib/src/ap-grid/utils/col.js +1 -1
- package/lib/src/ap-grid/utils/table.js +1 -1
- package/lib/src/ap-list/index.vue.js +1 -1
- package/lib/src/design-token/index.js +1 -1
- package/lib/src/editable-table/index.vue.js +1 -1
- package/lib/src/editable-table/interface.d.ts +4 -0
- package/lib/src/editable-table/utils.js +1 -1
- package/package.json +1 -1
- package/theme/ap-grid/index.css +6 -5
- package/theme/ap-grid/index.less +5 -2
- package/theme/index.css +9 -8
- package/theme/splitter/index.less +6 -6
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as H, ref as J, unref as t, computed as
|
|
1
|
+
import { defineComponent as H, ref as J, unref as t, computed as c, watch as Q, createBlock as S, openBlock as i, withCtx as d, createElementVNode as X, normalizeStyle as h, normalizeClass as f, renderSlot as l, createElementBlock as p, createCommentVNode as Y, createVNode as v, Fragment as I, renderList as Z, mergeProps as _ } from "vue";
|
|
2
2
|
import { Empty as E, Spin as x, Pagination as ee } from "@aplus-frontend/antdv";
|
|
3
3
|
import { useTablePaging as te } from "../ap-table/hooks/use-table-paging-ng.mjs";
|
|
4
4
|
import "../config-provider/index.mjs";
|
|
@@ -27,10 +27,10 @@ const he = /* @__PURE__ */ H({
|
|
|
27
27
|
rowKey: {}
|
|
28
28
|
},
|
|
29
29
|
setup(V, { expose: F }) {
|
|
30
|
-
const L = E.PRESENTED_IMAGE_SIMPLE, n = V, { b:
|
|
30
|
+
const L = E.PRESENTED_IMAGE_SIMPLE, n = V, { b: u, e: N } = se("ap-list"), b = J(), {
|
|
31
31
|
formRef: k,
|
|
32
|
-
submit:
|
|
33
|
-
reset:
|
|
32
|
+
submit: w,
|
|
33
|
+
reset: D,
|
|
34
34
|
handleTableChange: R,
|
|
35
35
|
data: g,
|
|
36
36
|
refresh: T,
|
|
@@ -56,7 +56,7 @@ const he = /* @__PURE__ */ H({
|
|
|
56
56
|
onChange: A
|
|
57
57
|
} = re(n);
|
|
58
58
|
function K(e, a) {
|
|
59
|
-
if (t(
|
|
59
|
+
if (t(m)) {
|
|
60
60
|
A(e, a);
|
|
61
61
|
return;
|
|
62
62
|
}
|
|
@@ -67,10 +67,10 @@ const he = /* @__PURE__ */ H({
|
|
|
67
67
|
{ currentDataSource: [], action: "paginate" }
|
|
68
68
|
);
|
|
69
69
|
}
|
|
70
|
-
const s =
|
|
70
|
+
const s = c(() => t(m) ? t(q) : t(g).records), y = c(() => O(n.loading) ? t(g).loading : n.loading), M = c(() => {
|
|
71
71
|
var e, a;
|
|
72
|
-
return n.pagination === !1 || n.virtual ? !1 : ((e = n.pagination) == null ? void 0 : e.hideOnSinglePage) !== !0 ? !0 : t(
|
|
73
|
-
}),
|
|
72
|
+
return n.pagination === !1 || n.virtual ? !1 : ((e = n.pagination) == null ? void 0 : e.hideOnSinglePage) !== !0 ? !0 : t(m) ? (((a = n.dataSource) == null ? void 0 : a.length) || 0) > t(B).pageSize : t(g).total > t(z).pagination.pageSize;
|
|
73
|
+
}), m = c(() => !O(n.dataSource));
|
|
74
74
|
Q(
|
|
75
75
|
() => t(y),
|
|
76
76
|
(e) => {
|
|
@@ -88,25 +88,25 @@ const he = /* @__PURE__ */ H({
|
|
|
88
88
|
return (r == null ? void 0 : r()) || {};
|
|
89
89
|
}
|
|
90
90
|
return F({
|
|
91
|
-
submit: () =>
|
|
92
|
-
reset: () =>
|
|
91
|
+
submit: () => w(),
|
|
92
|
+
reset: () => D(),
|
|
93
93
|
refresh: () => T(),
|
|
94
94
|
refreshByDelete: (e) => $(e),
|
|
95
95
|
scrollToFirstRow: W,
|
|
96
96
|
getSearchFormValuesIfSetted: G
|
|
97
97
|
}), (e, a) => (i(), S(t(x), {
|
|
98
98
|
spinning: y.value,
|
|
99
|
-
class:
|
|
99
|
+
"wrapper-class-name": t(u)("spin")
|
|
100
100
|
}, {
|
|
101
|
-
default:
|
|
101
|
+
default: d(() => [
|
|
102
102
|
X("div", {
|
|
103
|
-
class:
|
|
103
|
+
class: f(t(u)()),
|
|
104
104
|
style: h(e.containerStyle)
|
|
105
105
|
}, [
|
|
106
106
|
l(e.$slots, "header", {
|
|
107
107
|
formIns: j,
|
|
108
|
-
submit: t(
|
|
109
|
-
reset: t(
|
|
108
|
+
submit: t(w),
|
|
109
|
+
reset: t(D)
|
|
110
110
|
}),
|
|
111
111
|
s.value.length === 0 ? l(e.$slots, "empty", {
|
|
112
112
|
key: 0,
|
|
@@ -122,12 +122,12 @@ const he = /* @__PURE__ */ H({
|
|
|
122
122
|
e.virtual ? (i(), p(I, { key: 0 }, [
|
|
123
123
|
t(ae)(e.virtual) ? (i(), S(t(oe), {
|
|
124
124
|
key: 0,
|
|
125
|
-
class:
|
|
125
|
+
class: f(t(u)("scroll-wrapper")),
|
|
126
126
|
items: s.value,
|
|
127
127
|
"item-size": e.virtual,
|
|
128
128
|
"key-field": n.rowKey || "id"
|
|
129
129
|
}, {
|
|
130
|
-
default:
|
|
130
|
+
default: d(({ item: r, index: o }) => [
|
|
131
131
|
l(e.$slots, "renderItem", {
|
|
132
132
|
item: r,
|
|
133
133
|
index: o
|
|
@@ -138,9 +138,9 @@ const he = /* @__PURE__ */ H({
|
|
|
138
138
|
key: 1,
|
|
139
139
|
items: s.value,
|
|
140
140
|
"min-item-size": e.virtual.minItemSize,
|
|
141
|
-
class:
|
|
141
|
+
class: f(t(u)("scroll-wrapper"))
|
|
142
142
|
}, {
|
|
143
|
-
default:
|
|
143
|
+
default: d(({ item: r, index: o, active: U }) => {
|
|
144
144
|
var C, P;
|
|
145
145
|
return [
|
|
146
146
|
v(t(le), {
|
|
@@ -149,7 +149,7 @@ const he = /* @__PURE__ */ H({
|
|
|
149
149
|
"data-index": o,
|
|
150
150
|
"size-dependencies": (P = (C = e.virtual).sizeDependencies) == null ? void 0 : P.call(C, r)
|
|
151
151
|
}, {
|
|
152
|
-
default:
|
|
152
|
+
default: d(() => [
|
|
153
153
|
l(e.$slots, "renderItem", {
|
|
154
154
|
item: r,
|
|
155
155
|
index: o
|
|
@@ -173,18 +173,18 @@ const he = /* @__PURE__ */ H({
|
|
|
173
173
|
], 4)),
|
|
174
174
|
M.value ? (i(), p("div", {
|
|
175
175
|
key: 2,
|
|
176
|
-
class:
|
|
176
|
+
class: f(t(N)("footer")),
|
|
177
177
|
style: h(e.footerWarpperStyle)
|
|
178
178
|
}, [
|
|
179
179
|
v(t(ee), _(
|
|
180
|
-
|
|
180
|
+
m.value ? t(B) : t(ne)(t(z).pagination, ["showTotal"]),
|
|
181
181
|
{ onChange: K }
|
|
182
182
|
), null, 16)
|
|
183
183
|
], 6)) : Y("", !0)
|
|
184
184
|
], 6)
|
|
185
185
|
]),
|
|
186
186
|
_: 3
|
|
187
|
-
}, 8, ["spinning", "class"]));
|
|
187
|
+
}, 8, ["spinning", "wrapper-class-name"]));
|
|
188
188
|
}
|
|
189
189
|
});
|
|
190
190
|
export {
|
|
@@ -165,7 +165,7 @@ const Re = /* @__PURE__ */ $({
|
|
|
165
165
|
const o = ((u = r(m)) == null ? void 0 : u.length) || 0, a = g(e) ? e : e.length;
|
|
166
166
|
if (F(n.maxLength) && o + a > n.maxLength)
|
|
167
167
|
return;
|
|
168
|
-
const l = g(e) ? new Array(e).fill({}) : le(e);
|
|
168
|
+
const l = g(e) ? new Array(e).fill(0).map(() => ({})) : le(e);
|
|
169
169
|
(d = (s = i.value) == null ? void 0 : s.setFieldValue) == null || d.call(s, n.name, l, !0, (f, p) => {
|
|
170
170
|
if (!f[p]) {
|
|
171
171
|
f[p] = [...l];
|
|
@@ -21,6 +21,10 @@ export type EditableColumnType<RecordType = any, ExtraValueType = 'text', ValueT
|
|
|
21
21
|
* 是否省略自动溢出,自动溢出省略,为对象时可设置省略行数、是否可展开、添加后缀等
|
|
22
22
|
*/
|
|
23
23
|
ellipsis?: boolean | EllipsisConfig;
|
|
24
|
+
/**
|
|
25
|
+
* 是否渲染必填标记(只渲染标记不生成校验规则)
|
|
26
|
+
*/
|
|
27
|
+
markRequired?: boolean;
|
|
24
28
|
/**
|
|
25
29
|
* 是否可编辑
|
|
26
30
|
*/
|
|
@@ -1,132 +1,134 @@
|
|
|
1
|
-
import { isVNode as I, createVNode as s, mergeProps as S, createTextVNode as F, Fragment as
|
|
2
|
-
import { isFunction as T, isArray as h, isBoolean as
|
|
1
|
+
import { isVNode as I, createVNode as s, mergeProps as S, createTextVNode as F, Fragment as q } from "vue";
|
|
2
|
+
import { isFunction as T, isArray as h, isBoolean as w, omit as P, isString as V } from "lodash-unified";
|
|
3
3
|
import { apTableFormItemMap as C, noRenderAsFormItemValueList as N, apTableRenderItemMap as j } from "../ap-table/constants.mjs";
|
|
4
4
|
import { isDef as v } from "../utils/index.mjs";
|
|
5
5
|
import { getValueStr as A } from "../ap-field/number/helper.mjs";
|
|
6
|
-
import
|
|
7
|
-
import { Typography as
|
|
6
|
+
import R from "scroll-into-view-if-needed";
|
|
7
|
+
import { Typography as O, Tooltip as W } from "@aplus-frontend/antdv";
|
|
8
8
|
import "../ap-form/index.mjs";
|
|
9
|
-
import { objectToString as _, getTableRenderType as
|
|
10
|
-
import { QuestionCircleOutlined as
|
|
9
|
+
import { objectToString as _, getTableRenderType as k } from "../ap-table/utils.mjs";
|
|
10
|
+
import { QuestionCircleOutlined as D } from "@ant-design/icons-vue";
|
|
11
11
|
import b from "../ap-form/item/index.vue.mjs";
|
|
12
12
|
function g(t) {
|
|
13
13
|
return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !I(t);
|
|
14
14
|
}
|
|
15
|
-
function
|
|
15
|
+
function E(t) {
|
|
16
16
|
return C[t];
|
|
17
17
|
}
|
|
18
18
|
function B(t) {
|
|
19
|
+
if (t.markRequired)
|
|
20
|
+
return !0;
|
|
19
21
|
if (!t.fieldProps)
|
|
20
22
|
return !1;
|
|
21
23
|
const e = T(t.fieldProps) ? t.fieldProps({}) : t.fieldProps;
|
|
22
|
-
return v(e.required) ? e.required : (h(e.rules) ? e.rules : e.rules ? [e.rules] : []).some((
|
|
24
|
+
return v(e.required) ? e.required : (h(e.rules) ? e.rules : e.rules ? [e.rules] : []).some((o) => o.required);
|
|
23
25
|
}
|
|
24
26
|
function L(t, e) {
|
|
25
27
|
if (t.valueType === "text" || t.valueType === "textArea")
|
|
26
28
|
return e || "--";
|
|
27
29
|
if (t.valueType === "number") {
|
|
28
|
-
const
|
|
29
|
-
return A(e,
|
|
30
|
+
const i = t.fieldProps ? T(t.fieldProps) ? t.fieldProps({}) : t.fieldProps : {};
|
|
31
|
+
return A(e, i) || "--";
|
|
30
32
|
}
|
|
31
33
|
return _(e);
|
|
32
34
|
}
|
|
33
35
|
function M(t, e) {
|
|
34
|
-
const
|
|
36
|
+
const i = [t];
|
|
35
37
|
if (e) {
|
|
36
|
-
const
|
|
37
|
-
|
|
38
|
+
const o = h(e) ? e : [e];
|
|
39
|
+
i.unshift(...o);
|
|
38
40
|
}
|
|
39
|
-
return
|
|
41
|
+
return i.join(" ");
|
|
40
42
|
}
|
|
41
|
-
function tt(t, e = document.body,
|
|
42
|
-
const
|
|
43
|
-
|
|
43
|
+
function tt(t, e = document.body, i = {}) {
|
|
44
|
+
const o = e.querySelectorAll("tr.ant-table-row")[t];
|
|
45
|
+
o && R(o, {
|
|
44
46
|
scrollMode: "if-needed",
|
|
45
47
|
block: "nearest",
|
|
46
48
|
behavior: "smooth",
|
|
47
|
-
...
|
|
49
|
+
...i
|
|
48
50
|
});
|
|
49
51
|
}
|
|
50
|
-
function Q(t, e,
|
|
51
|
-
return N.includes(t.valueType) ?
|
|
52
|
+
function Q(t, e, i) {
|
|
53
|
+
return N.includes(t.valueType) ? i : t.copyable || t.ellipsis ? s(O.Paragraph, {
|
|
52
54
|
copyable: t.copyable ? {
|
|
53
55
|
text: e,
|
|
54
56
|
tooltip: !1
|
|
55
57
|
} : !1,
|
|
56
|
-
ellipsis: t.ellipsis ?
|
|
58
|
+
ellipsis: t.ellipsis ? w(t.ellipsis) ? {
|
|
57
59
|
tooltip: e
|
|
58
60
|
} : {
|
|
59
61
|
...t.ellipsis,
|
|
60
62
|
tooltip: e
|
|
61
63
|
} : !1,
|
|
62
|
-
content: t.ellipsis ? L(t, e) :
|
|
63
|
-
}, null) :
|
|
64
|
+
content: t.ellipsis ? L(t, e) : i
|
|
65
|
+
}, null) : i;
|
|
64
66
|
}
|
|
65
|
-
function et(t, e,
|
|
67
|
+
function et(t, e, i, o, u, r) {
|
|
66
68
|
var m, c;
|
|
67
69
|
if (e) {
|
|
68
70
|
if (t.customRenderFormItem) {
|
|
69
|
-
const d = t.customRenderFormItem(t,
|
|
70
|
-
return s(b,
|
|
71
|
+
const d = t.customRenderFormItem(t, i.field, e, u);
|
|
72
|
+
return s(b, P(i, ["field"]), g(d) ? d : {
|
|
71
73
|
default: () => [d]
|
|
72
74
|
});
|
|
73
75
|
}
|
|
74
|
-
const
|
|
75
|
-
if (
|
|
76
|
-
return s(
|
|
77
|
-
const n =
|
|
78
|
-
return
|
|
79
|
-
default: () => [
|
|
76
|
+
const l = E(t.valueType);
|
|
77
|
+
if (l)
|
|
78
|
+
return s(l, i, null);
|
|
79
|
+
const n = r == null ? void 0 : r[t.valueType], p = (m = n == null ? void 0 : n.renderFormItem) == null ? void 0 : m.call(n, i.field);
|
|
80
|
+
return p ? s(b, i, g(p) ? p : {
|
|
81
|
+
default: () => [p]
|
|
80
82
|
}) : null;
|
|
81
83
|
}
|
|
82
|
-
let
|
|
83
|
-
const y =
|
|
84
|
+
let f;
|
|
85
|
+
const y = k(t), a = j[y];
|
|
84
86
|
if (a)
|
|
85
|
-
|
|
87
|
+
f = s(a, S(i.field, {
|
|
86
88
|
mode: "read"
|
|
87
89
|
}), null);
|
|
88
90
|
else {
|
|
89
|
-
const
|
|
90
|
-
|
|
91
|
+
const l = r == null ? void 0 : r[y];
|
|
92
|
+
f = (c = l == null ? void 0 : l.render) == null ? void 0 : c.call(l, o, u, i.field);
|
|
91
93
|
}
|
|
92
|
-
return
|
|
94
|
+
return f ? Q(t, o, f) : null;
|
|
93
95
|
}
|
|
94
|
-
function
|
|
95
|
-
const
|
|
96
|
+
function it(t, e, i, o, u) {
|
|
97
|
+
const r = o == null ? void 0 : o({
|
|
96
98
|
title: t.title,
|
|
97
99
|
column: t
|
|
98
|
-
}),
|
|
99
|
-
if (
|
|
100
|
-
return
|
|
101
|
-
const a = B(t), c =
|
|
100
|
+
}), f = (r == null ? void 0 : r.filter((d) => d.type !== Symbol.for("v-cmt"))) || [];
|
|
101
|
+
if (r && f.length > 0)
|
|
102
|
+
return r;
|
|
103
|
+
const a = B(t), c = V(t.title) ? {
|
|
102
104
|
class: e,
|
|
103
105
|
title: t.title
|
|
104
|
-
} : {},
|
|
105
|
-
class:
|
|
106
|
-
}, [F("*")]) : null, t.title]), n = t.tooltip ? T(t.tooltip) ? t.tooltip(t) : s(
|
|
106
|
+
} : {}, l = s("div", c, [a ? s("span", {
|
|
107
|
+
class: i
|
|
108
|
+
}, [F("*")]) : null, t.title]), n = t.tooltip ? T(t.tooltip) ? t.tooltip(t) : s(q, null, [t.tooltip]) : null;
|
|
107
109
|
return n ? s("span", {
|
|
108
110
|
style: {
|
|
109
111
|
display: "inline-flex",
|
|
110
112
|
alignItems: "center",
|
|
111
113
|
maxWidth: "100%"
|
|
112
114
|
}
|
|
113
|
-
}, [
|
|
115
|
+
}, [l, s(W, {
|
|
114
116
|
title: n,
|
|
115
117
|
placement: "bottom"
|
|
116
118
|
}, {
|
|
117
|
-
default: () => [s(
|
|
119
|
+
default: () => [s(D, {
|
|
118
120
|
style: {
|
|
119
121
|
padding: "4px",
|
|
120
122
|
color: u,
|
|
121
123
|
verticalAlign: "middle"
|
|
122
124
|
}
|
|
123
125
|
}, null)]
|
|
124
|
-
})]) :
|
|
126
|
+
})]) : l;
|
|
125
127
|
}
|
|
126
128
|
export {
|
|
127
129
|
B as getColumnIsRequired,
|
|
128
|
-
|
|
129
|
-
|
|
130
|
+
E as getEditableComponent,
|
|
131
|
+
it as getEditableTableTitle,
|
|
130
132
|
et as getFinalNode,
|
|
131
133
|
L as getRawDisplayValue,
|
|
132
134
|
M as mergeClass,
|
|
@@ -43,6 +43,10 @@ export type EditableGridColumnType<RecordType = any, ExtraValueType = 'text', Va
|
|
|
43
43
|
editable?: boolean;
|
|
44
44
|
originalNode?: VNode;
|
|
45
45
|
}) => any;
|
|
46
|
+
/**
|
|
47
|
+
* 是否渲染必填标记(只渲染标记不生成校验规则)
|
|
48
|
+
*/
|
|
49
|
+
markRequired?: boolean;
|
|
46
50
|
} : never;
|
|
47
51
|
export type EditableGridProps<RecordType = any> = Omit<ApGridProps<RecordType>, 'columns' | 'dataSource' | 'onChange' | 'card' | 'request' | 'params' | 'defaultData' | 'searchForm' | 'beforeSearchSubmit' | 'manual'> & {
|
|
48
52
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),x=require("vxe-table");require("vxe-table/es/style.css");require("vxe-pc-ui/es/style.css");const A=require("vxe-pc-ui"),p=require("lodash-unified"),ue=require("../ap-form/index.js");require("../config-provider/index.js");const ce=require("../ap-table/constants.js"),i=require("../ap-table/utils.js"),de=require("../ap-table/hooks/use-table-paging-ng.js"),k=require("@aplus-frontend/antdv"),ie=require("./hooks/use-inner-params.js"),R=require("./utils/table.js"),fe=require("../ap-table/hooks/use-table-row-selection.js"),pe=require("../ap-table/context.js"),B=require("./constants.js"),me=require("./hooks/use-render-columns.js"),ge=require("@aplus-frontend/antdv/es/theme/internal");require("../scroll-bar/index.js");const Ce=require("../config-provider/hooks/use-namespace.js"),he=require("../config-provider/hooks/use-global-config.js"),ve=require("../config-provider/hooks/use-locale.js"),ye=require("../scroll-bar/index.vue.js"),Se=e.defineComponent({name:"ApGrid",__name:"index",props:{dropdownPrefixCls:{},bordered:{type:Boolean,default:!1},locale:{},onChange:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!1},prefixCls:{},tableLayout:{},title:{},id:{},showHeader:{type:Boolean,default:!0},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean],default:!1},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean,default:!1},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean,default:!1},indentSize:{default:15},expandIconColumnIndex:{},showExpandColumn:{type:Boolean,default:!0},expandedRowClassName:{},childrenColumnName:{default:"children"},rowExpandable:{},sticky:{type:[Boolean,Object],default:!1},transformCellText:{},rowClassName:{},stripe:{type:Boolean},headerRowClassName:{},footerRowClassName:{},cellClassName:{},headerCellClassName:{},footerCellClassName:{},rowStyle:{},headerRowStyle:{},footerRowStyle:{},cellStyle:{},headerCellStyle:{},footerCellStyle:{},height:{},minHeight:{},maxHeight:{},mergeCells:{},mergeFooterItems:{},cellConfig:{},loading:{type:Boolean,default:void 0},loadingConfig:{},headerCellConfig:{},footerCellConfig:{},columns:{},rowSelection:{type:Boolean},card:{type:Boolean,default:!1},params:{},request:{},defaultData:{},dataSource:{},onLoadingChange:{},onShownColumnsChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},wrapperStyle:{},manual:{type:Boolean,default:!1},size:{default:void 0},adaptive:{type:Boolean,default:!1},columnResizable:{type:[Boolean,Object],default:!1},rowKey:{default:"key"},footer:{},virtual:{type:[Boolean,Object],default:void 0},expandable:{},value:{}},setup(L,{expose:O}){var T;const F=e.useSlots(),r=L,C=(T=e.getCurrentInstance())==null?void 0:T.appContext.app;C&&!C.__VXE_PC_UI_INSTALLED__&&(C.use(A.VxeUI),C.__VXE_PC_UI_INSTALLED__=!0);const{e:y,b:s,be:D}=Ce.useNamespace("ap-grid"),U=he.useGlobalConfig("valueTypeMap"),l=e.ref([]),E=e.ref([]),d=e.ref(),m=e.ref(r.size),[,u]=ge.useToken(),{t:K}=ve.useLocale();A.VxeUI.setConfig({i18n:(o,a)=>K(`ap.${o}`,a)});const{renderConfig:$,updateSignal:j}=me.useRenderColumns(l);let P=0;const H=e.computed(()=>{if(d.value)return d.value.$el.querySelector(".vxe-table--header-inner-wrapper")}),I=e.computed(()=>{var o,a,n;return P++,((n=(a=(o=r.columns)==null?void 0:o.filter(t=>!t.hideInSearch&&t.dataIndex&&(t.valueType||t.customRenderFormItem)&&!ce.noRenderAsFormItemValueList.includes(t.valueType)))==null?void 0:a.sort((t,c)=>{let g=i.getColumnOrder(t.order);return i.getColumnOrder(c.order)-g}))==null?void 0:n.map(t=>{const c=i.updateFormProps(t,i.getFieldProps(t.fieldProps,{})),g={...t,fieldProps:{label:t.title,name:t.dataIndex,...c||{},_signal:P},renderNode:void 0};return g.renderNode=i.getSearchFormItemRenderNode(g,e.unref(U)),g}))||[]}),M=e.computed(()=>[s(),r.card?null:s("wrapper"),r.adaptive?s("adaptive"):null,r.sticky?s("sticky"):null].filter(Boolean)),N=e.computed(()=>i.recursionApColumns(e.unref(l),o=>{if(o.sorter===!0)return o.key||o.dataIndex}).filter(Boolean)),q=e.computed(()=>i.recursionApColumns(e.unref(l),o=>{if(o.filters&&!o.onFilter)return o.key||o.dataIndex}).filter(Boolean)),{formRef:S,submit:z,reset:_,refresh:W,data:f,tableProps:V,setDataSource:G,handleTableChange:X}=de.useTablePaging({async request(o){var n;if(!v.value.preserveSelectedRowKeys&&p.isUndefined(r.dataSource)&&b(),!p.isUndefined(r.dataSource)){const t=o.pageSize*(o.current-1);return{data:(r.pagination===!1?r.dataSource:r.dataSource.slice(t,t+o.pageSize))||[],total:r.dataSource.length||0}}const a=await((n=r.request)==null?void 0:n.call(r,o));return{data:(a==null?void 0:a.data)||[],total:(a==null?void 0:a.total)||0}},namespace:"ap-grid",filterFields:q,sortFields:N,defaultParams:r.params,defaultData:r.defaultData,manual:r.manual,formatParams:r.beforeSearchSubmit,pagination:r.pagination}),{sortChangeEvent:J,filterChangeEvent:Q,paginationChangeEvent:Y}=ie.useInnerParams(X);pe.useProvideApTable({columns:e.computed(()=>l.value),columnsBackup:e.computed(()=>E.value),size:e.computed(()=>m.value?B.sizeMap[m.value]:"middle"),updateColumns(o){var a;l.value=o,(a=r.onShownColumnsChange)==null||a.call(r,o)},updateSize(o){m.value=B.sizeReverseMap[o]},renderConfig:e.computed(()=>({className:D("table-header","title"),color:u.value.colorPrimary})),dataSource:e.computed(()=>e.unref(f).records)});const Z=e.computed(()=>l.value.some(o=>o.fixed==="left"||o.fixed===!0)?"left":void 0),ee=e.computed(()=>p.isUndefined(r.loading)?f.loading:r.loading),oe=e.computed(()=>p.isUndefined(r.dataSource)?f.records:r.dataSource),{selectedRows:h,rowSelection:v,...re}=fe.default({...r.rowSelection===!0?{}:r.rowSelection,dataSource:oe,rowKey:r.rowKey}),w=()=>{const o=d.value;o&&(h.value=[...o.getCheckboxReserveRecords(),...o.getCheckboxRecords()])},ae=()=>{const o=d.value;o&&(h.value=[o.getRadioRecord()])};function te(){var o;return((o=r.columns)==null?void 0:o.filter(a=>!a.hideInTable))||[]}function ne(o){var a,n,t;(t=(n=(a=S.value)==null?void 0:a.apForm)==null?void 0:n.setFieldsValue)==null||t.call(n,o)}function le(o=!1){var n,t,c;const a=o?"getFieldsValueTransformed":"getFieldsValue";return(c=(t=(n=S.value)==null?void 0:n.apForm)==null?void 0:t[a])==null?void 0:c.call(t,!0)}function b(){re.clearAll();const o=d.value;o&&(v.value.type==="radio"?(o.clearRadioRow(),o.clearRadioReserve()):(o.clearCheckboxRow(),o.clearCheckboxReserve()))}async function se(o,a){var t;const n=f.records[o];if(n)return(t=d.value)==null?void 0:t.scrollToRow(n,a)}return e.watch(()=>[r.columnResizable,r.columns],()=>{var a;const o=te();l.value=o,(a=r.onShownColumnsChange)==null||a.call(r,o),E.value=o},{deep:!0,immediate:!0}),e.watch(()=>r.dataSource,o=>{G(o)},{immediate:!0,deep:!0}),e.watch(()=>e.unref(f).loading,o=>{var a;(a=r.onLoadingChange)==null||a.call(r,o)}),e.watch(()=>r.size,o=>{m.value=o}),O({submit:z,reset:_,refresh:W,setSearchFormValues:ne,getSearchFormValues:le,getShowColumns:()=>e.unref(l),rowSelection:{selectedRows:e.computed(()=>h.value),clearAll:b},scrollToRow:se}),(o,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(M.value),style:e.normalizeStyle(o.wrapperStyle)},[e.unref(p.isUndefined)(o.dataSource)&&o.searchForm!==!1&&I.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(o.card?e.unref(y)("search-wrapper"):null),style:e.normalizeStyle(o.searchFormWrapperStyle)},[e.createVNode(e.unref(ue.ApForm).SearchForm,e.mergeProps(o.searchForm||{},{ref_key:"formRef",ref:S,"custom-reset":"","submit-loading":e.unref(V).loading,onSubmit:e.unref(z),onReset:e.unref(_)}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(I.value,n=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.renderNode.Comp),e.mergeProps({key:n.dataIndex,item:n,ref_for:!0},n.fieldProps||{},{span:n.span,"custom-render":n.renderNode.render}),null,16,["item","span","custom-render"]))),128))]),_:2},[F.searchFormExtra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["submit-loading","onSubmit","onReset"])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(y)("table-wrapper"),o.card?e.unref(y)("table-wrapper-card"):null]),style:e.normalizeStyle(o.tableWrapperStyle)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(s)("header-wrapper"))},[e.renderSlot(o.$slots,"title",{selectedRows:e.unref(h),selectedRowKeys:e.unref(v).selectedRowKeys,shownColumns:l.value,clearAll:b})],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(s)("vxe-wrapper"))},[(e.openBlock(),e.createBlock(e.unref(x.VxeTable),e.mergeProps(e.unref(R.toVxeProps)(r),{ref_key:"tableRef",ref:d,key:e.unref(j),data:e.unref(f).records,"sort-config":{remote:N.value.length>0},"filter-config":{remote:q.value.length>0},loading:ee.value,"row-config":{isHover:!0,keyField:r.rowKey},style:{"--vxe-ui-table-row-checkbox-checked-background-color":e.unref(u).controlItemBgActive,"--vxe-ui-table-row-hover-checkbox-checked-background-color":e.unref(u).controlItemBgActiveHover,"--vxe-ui-font-primary-color":e.unref(u).colorPrimary,"--vxe-ui-table-header-background-color":"var(--ap-table-header-bg)","--vxe-ui-table-cell-padding-default":"12px","--vxe-ui-table-cell-padding-medium":"9px","--vxe-ui-table-row-radio-checked-background-color":e.unref(u).controlItemBgActive,"--vxe-ui-table-row-hover-radio-checked-background-color":e.unref(u).controlItemBgActiveHover,"--vxe-ui-font-color":e.unref(u).colorTextBase,"--vxe-ui-table-border-color":e.unref(u).colorBorderSecondary},size:m.value,onSortChange:e.unref(J),onFilterChange:e.unref(Q),onCheckboxChange:w,onCheckboxRangeChange:w,onCheckboxAll:w,onRadioChange:ae}),e.createSlots({empty:e.withCtx(()=>[e.createVNode(e.unref(k.Empty),{image:e.unref(k.Empty).PRESENTED_IMAGE_SIMPLE},null,8,["image"])]),default:e.withCtx(()=>[r.expandable?(e.openBlock(),e.createBlock(e.unref(x.VxeColumn),e.mergeProps({key:0},e.unref(R.getRowExpandProps)(o.expandable),{fixed:Z.value}),{content:e.withCtx(n=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.expandable.renderContent(n))))]),_:1},16,["fixed"])):e.createCommentVNode("",!0),r.rowSelection?(e.openBlock(),e.createBlock(e.unref(x.VxeColumn),e.mergeProps({key:1},e.unref(R.getRowSelectionProps)(e.unref(v),l.value),{field:e.unref(B.ROW_SELECTION_FIELD)}),null,16,["field"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref($),n=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n),{key:n.props.colId}))),128))]),_:2},[e.renderList(e.unref(p.omit)(F,["searchFormExtra"]),(n,t)=>({name:t,fn:e.withCtx(c=>[e.renderSlot(o.$slots,t,e.normalizeProps(e.guardReactiveProps(c||{})))])}))]),1040,["data","sort-config","filter-config","loading","row-config","style","size","onSortChange","onFilterChange"]))],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(s)("pagination-wrapper"))},[o.sticky?(e.openBlock(),e.createBlock(e.unref(ye.default),{key:0,direction:"horizontal","scroll-container":H.value},null,8,["scroll-container"])):e.createCommentVNode("",!0),o.pagination!==!1?(e.openBlock(),e.createBlock(e.unref(k.Pagination),e.mergeProps({key:1,class:e.unref(s)("pagination")},e.unref(V).pagination,{onChange:e.unref(Y)}),null,16,["class","onChange"])):e.createCommentVNode("",!0)],2)],6)],6))}});exports.default=Se;
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),x=require("vxe-table");require("vxe-table/es/style.css");require("vxe-pc-ui/es/style.css");const A=require("vxe-pc-ui"),p=require("lodash-unified"),ue=require("../ap-form/index.js");require("../config-provider/index.js");const ce=require("../ap-table/constants.js"),f=require("../ap-table/utils.js"),de=require("../ap-table/hooks/use-table-paging-ng.js"),k=require("@aplus-frontend/antdv"),ie=require("./hooks/use-inner-params.js"),R=require("./utils/table.js"),fe=require("../ap-table/hooks/use-table-row-selection.js"),pe=require("../ap-table/context.js"),B=require("./constants.js"),me=require("./hooks/use-render-columns.js"),ge=require("@aplus-frontend/antdv/es/theme/internal");require("../scroll-bar/index.js");const Ce=require("../config-provider/hooks/use-namespace.js"),he=require("../config-provider/hooks/use-global-config.js"),ve=require("../config-provider/hooks/use-locale.js"),ye=require("../scroll-bar/index.vue.js"),Se=e.defineComponent({name:"ApGrid",__name:"index",props:{dropdownPrefixCls:{},bordered:{type:Boolean,default:!1},locale:{},onChange:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!1},prefixCls:{},tableLayout:{},title:{},id:{},showHeader:{type:Boolean,default:!0},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean],default:!1},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean,default:!1},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean,default:!1},indentSize:{default:15},expandIconColumnIndex:{},showExpandColumn:{type:Boolean,default:!0},expandedRowClassName:{},childrenColumnName:{default:"children"},rowExpandable:{},sticky:{type:[Boolean,Object],default:!1},transformCellText:{},rowClassName:{},stripe:{type:Boolean},headerRowClassName:{},footerRowClassName:{},cellClassName:{},headerCellClassName:{},footerCellClassName:{},rowStyle:{},headerRowStyle:{},footerRowStyle:{},cellStyle:{},headerCellStyle:{},footerCellStyle:{},height:{},minHeight:{},maxHeight:{},mergeCells:{},mergeFooterItems:{},cellConfig:{},loading:{type:Boolean,default:void 0},loadingConfig:{},headerCellConfig:{},footerCellConfig:{},columns:{},rowSelection:{type:Boolean},card:{type:Boolean,default:!1},params:{},request:{},defaultData:{},dataSource:{},onLoadingChange:{},onShownColumnsChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},wrapperStyle:{},manual:{type:Boolean,default:!1},size:{default:void 0},adaptive:{type:Boolean,default:!1},columnResizable:{type:[Boolean,Object],default:!1},rowKey:{default:"key"},footer:{},virtual:{type:[Boolean,Object],default:void 0},expandable:{},value:{}},setup(L,{expose:D}){var V;const E=e.useSlots(),r=L,C=(V=e.getCurrentInstance())==null?void 0:V.appContext.app;C&&!C.__VXE_PC_UI_INSTALLED__&&(C.use(A.VxeUI),C.__VXE_PC_UI_INSTALLED__=!0);const{e:y,b:u,be:O}=Ce.useNamespace("ap-grid"),U=he.useGlobalConfig("valueTypeMap"),l=e.ref([]),F=e.ref([]),d=e.ref(),m=e.ref(r.size),[,s]=ge.useToken(),{t:$}=ve.useLocale();A.VxeUI.setConfig({i18n:(o,a)=>$(`ap.${o}`,a)});const{renderConfig:K,updateSignal:j}=me.useRenderColumns(l);let P=0;const M=e.computed(()=>{if(d.value)return d.value.$el.querySelector(".vxe-table--header-inner-wrapper")}),I=e.computed(()=>{var o,a,n;return P++,((n=(a=(o=r.columns)==null?void 0:o.filter(t=>!t.hideInSearch&&t.dataIndex&&(t.valueType||t.customRenderFormItem)&&!ce.noRenderAsFormItemValueList.includes(t.valueType)))==null?void 0:a.sort((t,c)=>{let g=f.getColumnOrder(t.order);return f.getColumnOrder(c.order)-g}))==null?void 0:n.map(t=>{const c=f.updateFormProps(t,f.getFieldProps(t.fieldProps,{})),g={...t,fieldProps:{label:t.title,name:t.dataIndex,...c||{},_signal:P},renderNode:void 0};return g.renderNode=f.getSearchFormItemRenderNode(g,e.unref(U)),g}))||[]}),W=e.computed(()=>[u(),r.card?null:u("wrapper"),r.adaptive?u("adaptive"):null,r.sticky?u("sticky"):null].filter(Boolean)),N=e.computed(()=>f.recursionApColumns(e.unref(l),o=>{if(o.sorter===!0)return o.key||o.dataIndex}).filter(Boolean)),q=e.computed(()=>f.recursionApColumns(e.unref(l),o=>{if(o.filters&&!o.onFilter)return o.key||o.dataIndex}).filter(Boolean)),{formRef:S,submit:z,reset:_,refresh:H,data:i,tableProps:T,setDataSource:G,handleTableChange:X}=de.useTablePaging({async request(o){var n;if(!v.value.preserveSelectedRowKeys&&p.isUndefined(r.dataSource)&&w(),!p.isUndefined(r.dataSource)){const t=o.pageSize*(o.current-1);return{data:(r.pagination===!1?r.dataSource:r.dataSource.slice(t,t+o.pageSize))||[],total:r.dataSource.length||0}}const a=await((n=r.request)==null?void 0:n.call(r,o));return{data:(a==null?void 0:a.data)||[],total:(a==null?void 0:a.total)||0}},namespace:"ap-grid",filterFields:q,sortFields:N,defaultParams:r.params,defaultData:r.defaultData,manual:r.manual,formatParams:r.beforeSearchSubmit,pagination:r.pagination}),{sortChangeEvent:J,filterChangeEvent:Q,paginationChangeEvent:Y}=ie.useInnerParams(X);pe.useProvideApTable({columns:e.computed(()=>l.value),columnsBackup:e.computed(()=>F.value),size:e.computed(()=>m.value?B.sizeMap[m.value]:"middle"),updateColumns(o){var a;l.value=o,(a=r.onShownColumnsChange)==null||a.call(r,o)},updateSize(o){m.value=B.sizeReverseMap[o]},renderConfig:e.computed(()=>({className:O("table-header","title"),color:s.value.colorPrimary})),dataSource:e.computed(()=>e.unref(i).records)});const Z=e.computed(()=>l.value.some(o=>o.fixed==="left"||o.fixed===!0)?"left":void 0),ee=e.computed(()=>p.isUndefined(r.loading)?i.loading:r.loading),oe=e.computed(()=>p.isUndefined(r.dataSource)?i.records:r.dataSource),{selectedRows:h,rowSelection:v,...re}=fe.default({...r.rowSelection===!0?{}:r.rowSelection,dataSource:oe,rowKey:r.rowKey}),b=()=>{const o=d.value;o&&(h.value=[...o.getCheckboxReserveRecords(),...o.getCheckboxRecords()])},ae=()=>{const o=d.value;o&&(h.value=[o.getRadioRecord()])};function te(){var o;return((o=r.columns)==null?void 0:o.filter(a=>!a.hideInTable))||[]}function ne(o){var a,n,t;(t=(n=(a=S.value)==null?void 0:a.apForm)==null?void 0:n.setFieldsValue)==null||t.call(n,o)}function le(o=!1){var n,t,c;const a=o?"getFieldsValueTransformed":"getFieldsValue";return(c=(t=(n=S.value)==null?void 0:n.apForm)==null?void 0:t[a])==null?void 0:c.call(t,!0)}function w(){re.clearAll();const o=d.value;o&&(v.value.type==="radio"?(o.clearRadioRow(),o.clearRadioReserve()):(o.clearCheckboxRow(),o.clearCheckboxReserve()))}async function se(o,a){var t;const n=i.records[o];if(n)return(t=d.value)==null?void 0:t.scrollToRow(n,a)}return e.watch(()=>[r.columnResizable,r.columns],()=>{var a;const o=te();l.value=o,(a=r.onShownColumnsChange)==null||a.call(r,o),F.value=o},{deep:!0,immediate:!0}),e.watch(()=>r.dataSource,o=>{G(o)},{immediate:!0,deep:!0}),e.watch(()=>e.unref(i).loading,o=>{var a;(a=r.onLoadingChange)==null||a.call(r,o)}),e.watch(()=>r.size,o=>{m.value=o}),D({submit:z,reset:_,refresh:H,setSearchFormValues:ne,getSearchFormValues:le,getShowColumns:()=>e.unref(l),rowSelection:{selectedRows:e.computed(()=>h.value),clearAll:w},scrollToRow:se,getDataSource:()=>e.unref(i.records)}),(o,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(W.value),style:e.normalizeStyle(o.wrapperStyle)},[e.unref(p.isUndefined)(o.dataSource)&&o.searchForm!==!1&&I.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(o.card?e.unref(y)("search-wrapper"):null),style:e.normalizeStyle(o.searchFormWrapperStyle)},[e.createVNode(e.unref(ue.ApForm).SearchForm,e.mergeProps(o.searchForm||{},{ref_key:"formRef",ref:S,"custom-reset":"","submit-loading":e.unref(T).loading,onSubmit:e.unref(z),onReset:e.unref(_)}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(I.value,n=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.renderNode.Comp),e.mergeProps({key:n.dataIndex,item:n,ref_for:!0},n.fieldProps||{},{span:n.span,"custom-render":n.renderNode.render}),null,16,["item","span","custom-render"]))),128))]),_:2},[E.searchFormExtra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["submit-loading","onSubmit","onReset"])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(y)("table-wrapper"),o.card?e.unref(y)("table-wrapper-card"):null]),style:e.normalizeStyle(o.tableWrapperStyle)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("header-wrapper"))},[e.renderSlot(o.$slots,"title",{selectedRows:e.unref(h),selectedRowKeys:e.unref(v).selectedRowKeys,shownColumns:l.value,clearAll:w})],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("vxe-wrapper"))},[(e.openBlock(),e.createBlock(e.unref(x.VxeTable),e.mergeProps(e.unref(R.toVxeProps)(r),{ref_key:"tableRef",ref:d,key:e.unref(j),data:e.unref(i).records,"sort-config":{remote:N.value.length>0},"filter-config":{remote:q.value.length>0},loading:ee.value,style:{"--vxe-ui-table-row-checkbox-checked-background-color":e.unref(s).controlItemBgActive,"--vxe-ui-table-row-hover-checkbox-checked-background-color":e.unref(s).controlItemBgActiveHover,"--vxe-ui-font-primary-color":e.unref(s).colorPrimary,"--vxe-ui-table-header-background-color":"var(--ap-table-header-bg)","--vxe-ui-table-cell-padding-default":"12px","--vxe-ui-table-cell-padding-medium":"9px","--vxe-ui-table-row-radio-checked-background-color":e.unref(s).controlItemBgActive,"--vxe-ui-table-row-hover-radio-checked-background-color":e.unref(s).controlItemBgActiveHover,"--vxe-ui-font-color":e.unref(s).colorTextBase,"--vxe-ui-table-border-color":e.unref(s).colorBorderSecondary,"--vxe-ui-table-header-font-color":e.unref(s).colorTextBase},size:m.value,onSortChange:e.unref(J),onFilterChange:e.unref(Q),onCheckboxChange:b,onCheckboxRangeChange:b,onCheckboxAll:b,onRadioChange:ae}),e.createSlots({empty:e.withCtx(()=>[e.createVNode(e.unref(k.Empty),{image:e.unref(k.Empty).PRESENTED_IMAGE_SIMPLE},null,8,["image"])]),default:e.withCtx(()=>[r.expandable?(e.openBlock(),e.createBlock(e.unref(x.VxeColumn),e.mergeProps({key:0},e.unref(R.getRowExpandProps)(o.expandable),{fixed:Z.value}),{content:e.withCtx(n=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.expandable.renderContent(n))))]),_:1},16,["fixed"])):e.createCommentVNode("",!0),r.rowSelection?(e.openBlock(),e.createBlock(e.unref(x.VxeColumn),e.mergeProps({key:1},e.unref(R.getRowSelectionProps)(e.unref(v),l.value),{field:e.unref(B.ROW_SELECTION_FIELD)}),null,16,["field"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(K),n=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n),{key:n.props.colId}))),128))]),_:2},[e.renderList(e.unref(p.omit)(E,["searchFormExtra"]),(n,t)=>({name:t,fn:e.withCtx(c=>[e.renderSlot(o.$slots,t,e.normalizeProps(e.guardReactiveProps(c||{})))])}))]),1040,["data","sort-config","filter-config","loading","style","size","onSortChange","onFilterChange"]))],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("pagination-wrapper"))},[o.sticky?(e.openBlock(),e.createBlock(e.unref(ye.default),{key:0,direction:"horizontal","scroll-container":M.value,"extra-size":-4.2},null,8,["scroll-container"])):e.createCommentVNode("",!0),o.pagination!==!1?(e.openBlock(),e.createBlock(e.unref(k.Pagination),e.mergeProps({key:1,class:e.unref(u)("pagination")},e.unref(T).pagination,{onChange:e.unref(Y)}),null,16,["class","onChange"])):e.createCommentVNode("",!0)],2)],6)],6))}});exports.default=Se;
|
|
@@ -4,9 +4,9 @@ import { Recordable } from '../type';
|
|
|
4
4
|
import { TableProps } from '@aplus-frontend/antdv';
|
|
5
5
|
import { ColumnFilterItem, SortOrder, TableRowSelection } from '@aplus-frontend/antdv/es/table/interface';
|
|
6
6
|
import { ComputedRef, CSSProperties, Ref, VNode } from 'vue';
|
|
7
|
-
import { VxeTablePropTypes, VxeColumnPropTypes, VxeTableProps, VxeTableDefines, VxeColumnSlots } from 'vxe-table';
|
|
7
|
+
import { VxeTablePropTypes, VxeColumnPropTypes, VxeTableProps, VxeTableDefines, VxeColumnSlots, VxeColumnProps } from 'vxe-table';
|
|
8
8
|
export type ColConfigType = VxeTableDefines.ColumnOptions;
|
|
9
|
-
export type ApGridColumnType<RecordType = any, ExtraValueType = 'text', ValueType extends ApTableValueTypes = ApTableValueTypes, MergedValueType extends ExtraValueType | ValueType = ExtraValueType | ValueType> = MergedValueType extends ExtraValueType | ValueType ? Omit<ExtraProColumnType<RecordType>, 'sorter' | 'rowSpan' | 'customCell' | 'customHeaderCell' | 'minWidth'> & {
|
|
9
|
+
export type ApGridColumnType<RecordType = any, ExtraValueType = 'text', ValueType extends ApTableValueTypes = ApTableValueTypes, MergedValueType extends ExtraValueType | ValueType = ExtraValueType | ValueType> = MergedValueType extends ExtraValueType | ValueType ? Omit<ExtraProColumnType<RecordType>, 'sorter' | 'rowSpan' | 'customCell' | 'customHeaderCell' | 'minWidth' | 'className' | 'class'> & {
|
|
10
10
|
children?: ApGridColumnType<RecordType, ExtraValueType, ValueType, MergedValueType>[];
|
|
11
11
|
/**
|
|
12
12
|
* 表单项所占据的格子数(1-24格)
|
|
@@ -100,7 +100,7 @@ export type ApGridColumnType<RecordType = any, ExtraValueType = 'text', ValueTyp
|
|
|
100
100
|
originalNode?: VNode;
|
|
101
101
|
originalText?: any;
|
|
102
102
|
}) => any;
|
|
103
|
-
} : never;
|
|
103
|
+
} & Pick<VxeColumnProps, 'className' | 'headerClassName' | 'footerClassName'> : never;
|
|
104
104
|
export type ApGridRowSelection<RecordType> = Pick<TableRowSelection<RecordType>, 'defaultSelectedRowKeys' | 'type' | 'preserveSelectedRowKeys' | 'onChange' | 'fixed' | 'columnWidth' | 'columnTitle'> & {
|
|
105
105
|
/**
|
|
106
106
|
* 设置禁用的列
|
|
@@ -298,4 +298,9 @@ export type ApGridExpose<SearchParamsType = Recordable, RecordType = any> = {
|
|
|
298
298
|
* @returns
|
|
299
299
|
*/
|
|
300
300
|
scrollToRow: (index: number, fieldOrColumn?: any) => Promise<any>;
|
|
301
|
+
/**
|
|
302
|
+
* 获取当前表格数据
|
|
303
|
+
* @returns
|
|
304
|
+
*/
|
|
305
|
+
getDataSource: () => RecordType[];
|
|
301
306
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("vue"),d=require("lodash-unified"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("vue"),d=require("lodash-unified"),a=require("../../ap-table/utils.js"),_=require("../../ap-table/constants.js");require("../../ap-table/components/paragraph-ellipsis/index.vue.js");const q=require("../../ap-table/components/paragraph-ellipsis/index.vue2.js");function x(e){if(!d.isUndefined(e))return d.isArray(e)?e.reduce((r,i)=>d.isString(i)?`${r}.${i}`:`${r}[${i}]`,""):String(e)}function A(e){if(e)return e===!0?"left":e}function N(e){return d.isBoolean(e)?{sortable:e}:e?{sortable:!0,sortType:e==null?void 0:e.type,sortBy:e==null?void 0:e.by}:{sortable:!1}}function O(e){let r;return d.isBoolean(e.filters)&&e.valueEnum?r=a.valueEnumToArray(e.valueEnum):r=e.filters,r==null?void 0:r.map(i=>({label:d.isString(i.text)?i.text:"",value:i.value}))}function w(e){if(e)return r=>e(r.value,r.row)}function E(e,r){return e?d.isNumber(e)?{tooltip:r,rows:e}:e===!0||e==="tooltip"?{tooltip:r,rows:1}:{tooltip:null,rows:1,htmlTitle:e==="title"?r:""}:!1}function M(e,r,i){if(_.noRenderAsFormItemValueList.includes(e.valueType))return i;if(e.copyable||e.ellipsis){const l=E(e.ellipsis,r),t=a.objectToString(r);return T.createVNode(q.default,{rawValue:t,copyable:e.copyable,ellipsis:l,content:i},null)}return i}function c(e,r,i){const l=d.pick(e,["width","minWidth","align"]);return l.field=x(e.dataIndex),l.fixed=A(e.fixed),l.slots={header:()=>a.getTableTitle(e,i,void 0,r)},l.headerAlign=e.align,l.showOverflow=!1,l.showFooterOverflow=!1,l}function y(e,r,i,l){const t=d.pick(e,["width","minWidth","align","resizable","className","headerClassName","footerClassName"]);t.field=x(e.dataIndex),t.fixed=A(e.fixed),t.headerAlign=e.align,t.footerAlign=e.align,t.showOverflow=!1,t.showFooterOverflow=!1,Object.assign(t,N(e.sorter)),t.filters=O(e),t.filterMultiple=e.filterMultiple,t.filterMethod=w(e.onFilter);const o=({value:n,...s})=>{var F,b;const f=a.getTableRenderType(e),h=a.getTableRenderProps({...e,valueType:f},{value:n,...s}),R=a.getTableCellRenderNode(f,h,s.record,l),v=((F=e.renderText)==null?void 0:F.call(e,{value:n,...s}))||n,S=e.renderText?T.createVNode(T.Fragment,null,[(b=e.renderText)==null?void 0:b.call(e,{value:n,...s})]):R;let p=M(e,v,S);return e.customRender&&(p=e.customRender({value:n,...s,column:e,originalNode:p,originalText:v})),p},u=({row:n,rowIndex:s})=>o({value:n[t.field],text:n[t.field],record:n,index:s,renderIndex:s,column:e});return t.slots={header:()=>a.getTableTitle(e,i,void 0,r),default:u,footer:u},e.html&&(delete t.slots.default,delete t.slots.footer,t.type="html"),t}function V(e,r,i,l){var u;if(!((u=e.children)!=null&&u.length))return y(e,r,i,l);function t(n){return n.map(s=>{var f;if((f=s.children)!=null&&f.length){const h=c(s,r,i);return h.children=t(s.children),h}return y(s,r,i,l)})}const o=c(e,r,i);return o.children=t(e.children),o}exports.transformCol=V;exports.transformToColGroup=c;exports.transformToColumn=y;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("lodash-unified"),c=20,h=50;function
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("lodash-unified"),c=20,h=50;function w(e){var i;const t={...n.omit(e,["columns","request","searchForm","dataSource","rowKey","value"])};if(e.adaptive&&(t.autoResize=!0,t.height="100%"),e.columnResizable&&(t.columnConfig?t.columnConfig.resizable=!0:t.columnConfig={resizable:!0}),e.rowSelection){const o=e.rowSelection===!0?{}:e.rowSelection;o.type==="radio"?t.radioConfig={highlight:!0,checkMethod({row:r}){return o.disabled?!o.disabled(r):!0},visibleMethod({row:r}){return o.shown?o.shown(r):!0},checkRowKey:(i=o.defaultSelectedRowKeys)==null?void 0:i[0],reserve:n.isUndefined(o.preserveSelectedRowKeys)?!0:o.preserveSelectedRowKeys}:t.checkboxConfig={highlight:!0,checkMethod({row:r}){return o.disabled?!o.disabled(r):!0},visibleMethod({row:r}){return o.shown?o.shown(r):!0},checkRowKeys:o.defaultSelectedRowKeys,reserve:n.isUndefined(o.preserveSelectedRowKeys)?!0:o.preserveSelectedRowKeys,range:o.range||!1}}return t.border=e.bordered===!1?"inner":!0,e.expandable&&(t.expandConfig=n.omit(e.expandable,["renderContent","width","title"])),e.footer&&(t.showFooter=!0,n.isFunction(e.footer)?t.footerMethod=e.footer:t.footerData=e.footer),e.virtual===!1?(t.virtualXConfig={enabled:!1},t.virtualYConfig={enabled:!1}):(u(t,"X",e.virtual),u(t,"Y",e.virtual)),t.rowConfig={isHover:!0,keyField:e.rowKey},t.round=!0,t}function u(e,t,i){const o=t==="X",r=o?"x":"y",s=o?"virtualXConfig":"virtualYConfig",d=i==null?void 0:i[r],a=d!==!1,l=o?c:h,f=n.isNumber(d)&&d>=0?d:l;e[s]={enabled:a,gt:f,oSize:(i==null?void 0:i.oSize)||0}}function b(e){return e===!0?"left":e}function y(e,t){const i=e===!0||!e.type?"checkbox":e.type,o=e===!0?60:e.columnWidth||60;let r=e===!0?void 0:b(e.fixed);return r||(r===!1?r=void 0:r=t.some(s=>s.fixed==="left"||s.fixed===!0)?"left":void 0),{type:i,width:o,fixed:r}}function R(e){const t=(e==null?void 0:e.width)||"auto";return{type:"expand",title:e==null?void 0:e.title,width:t}}exports.getRowExpandProps=R;exports.getRowSelectionProps=y;exports.toVxeProps=w;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("@aplus-frontend/antdv"),R=require("../ap-table/hooks/use-table-paging-ng.js");require("../config-provider/index.js");const c=require("lodash-unified"),$=require("./hooks/use-offline-list.js");require("vue-virtual-scroller/dist/vue-virtual-scroller.css");const m=require("vue-virtual-scroller"),j=require("../config-provider/hooks/use-namespace.js"),A=e.defineComponent({__name:"index",props:{dataSource:{},loading:{type:Boolean,default:void 0},onItem:{},params:{},request:{},defaultData:{},onLoadingChange:{},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},manual:{type:Boolean},containerStyle:{type:[Boolean,null,String,Object,Array]},contentStyle:{type:[Boolean,null,String,Object,Array]},footerWarpperStyle:{type:[Boolean,null,String,Object,Array]},virtual:{default:void 0},rowKey:{}},setup(b,{expose:C}){const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("@aplus-frontend/antdv"),R=require("../ap-table/hooks/use-table-paging-ng.js");require("../config-provider/index.js");const c=require("lodash-unified"),$=require("./hooks/use-offline-list.js");require("vue-virtual-scroller/dist/vue-virtual-scroller.css");const m=require("vue-virtual-scroller"),j=require("../config-provider/hooks/use-namespace.js"),A=e.defineComponent({__name:"index",props:{dataSource:{},loading:{type:Boolean,default:void 0},onItem:{},params:{},request:{},defaultData:{},onLoadingChange:{},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},manual:{type:Boolean},containerStyle:{type:[Boolean,null,String,Object,Array]},contentStyle:{type:[Boolean,null,String,Object,Array]},footerWarpperStyle:{type:[Boolean,null,String,Object,Array]},virtual:{default:void 0},rowKey:{}},setup(b,{expose:C}){const w=s.Empty.PRESENTED_IMAGE_SIMPLE,r=b,{b:i,e:z}=j.useNamespace("ap-list"),p=e.ref(),{formRef:g,submit:S,reset:y,handleTableChange:q,data:f,refresh:P,refreshByDelete:D,tableProps:h}=R.useTablePaging({async request(t){var a;const n=await((a=r.request)==null?void 0:a.call(r,t));return{data:(n==null?void 0:n.data)||[],total:(n==null?void 0:n.total)||0}},defaultParams:r.params,defaultData:r.defaultData,manual:r.manual,pagination:r.pagination,formatParams:r.beforeSearchSubmit}),E={form:g},{pagination:v,dataSource:N,onChange:V}=$.useOfflineList(r);function I(t,n){if(e.unref(u)){V(t,n);return}q({current:t,pageSize:n},{},{},{currentDataSource:[],action:"paginate"})}const l=e.computed(()=>e.unref(u)?e.unref(N):e.unref(f).records),d=e.computed(()=>c.isUndefined(r.loading)?e.unref(f).loading:r.loading),O=e.computed(()=>{var t,n;return r.pagination===!1||r.virtual?!1:((t=r.pagination)==null?void 0:t.hideOnSinglePage)!==!0?!0:e.unref(u)?(((n=r.dataSource)==null?void 0:n.length)||0)>e.unref(v).pageSize:e.unref(f).total>e.unref(h).pagination.pageSize}),u=e.computed(()=>!c.isUndefined(r.dataSource));e.watch(()=>e.unref(d),t=>{var n;(n=r.onLoadingChange)==null||n.call(r,t)});function T(t){var n,a;(a=(n=p.value)==null?void 0:n.querySelector(t||":first-child"))==null||a.scrollIntoView({behavior:"smooth",block:"center"})}function F(t=!1){var o;const n=(o=g.value)==null?void 0:o.apForm,a=t?n==null?void 0:n.getFieldsValueTransformed:n==null?void 0:n.getFieldsValue;return(a==null?void 0:a())||{}}return C({submit:()=>S(),reset:()=>y(),refresh:()=>P(),refreshByDelete:t=>D(t),scrollToFirstRow:T,getSearchFormValuesIfSetted:F}),(t,n)=>(e.openBlock(),e.createBlock(e.unref(s.Spin),{spinning:d.value,"wrapper-class-name":e.unref(i)("spin")},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(i)()),style:e.normalizeStyle(t.containerStyle)},[e.renderSlot(t.$slots,"header",{formIns:E,submit:e.unref(S),reset:e.unref(y)}),l.value.length===0?e.renderSlot(t.$slots,"empty",{key:0,loading:d.value},()=>[e.createVNode(e.unref(s.Empty),{image:e.unref(w)},null,8,["image"])]):(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"contentRef",ref:p,style:e.normalizeStyle(t.contentStyle)},[t.virtual?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.unref(c.isNumber)(t.virtual)?(e.openBlock(),e.createBlock(e.unref(m.RecycleScroller),{key:0,class:e.normalizeClass(e.unref(i)("scroll-wrapper")),items:l.value,"item-size":t.virtual,"key-field":r.rowKey||"id"},{default:e.withCtx(({item:a,index:o})=>[e.renderSlot(t.$slots,"renderItem",{item:a,index:o})]),_:3},8,["class","items","item-size","key-field"])):(e.openBlock(),e.createBlock(e.unref(m.DynamicScroller),{key:1,items:l.value,"min-item-size":t.virtual.minItemSize,class:e.normalizeClass(e.unref(i)("scroll-wrapper"))},{default:e.withCtx(({item:a,index:o,active:L})=>{var k,B;return[e.createVNode(e.unref(m.DynamicScrollerItem),{item:a,active:L,"data-index":o,"size-dependencies":(B=(k=t.virtual).sizeDependencies)==null?void 0:B.call(k,a)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"renderItem",{item:a,index:o})]),_:2},1032,["item","active","data-index","size-dependencies"])]}),_:3},8,["items","min-item-size","class"]))],64)):e.renderSlot(t.$slots,"renderContent",{key:1,dataSource:l.value},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,(a,o)=>e.renderSlot(t.$slots,"renderItem",{item:a,index:o})),256))])],4)),O.value?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(z)("footer")),style:e.normalizeStyle(t.footerWarpperStyle)},[e.createVNode(e.unref(s.Pagination),e.mergeProps(u.value?e.unref(v):e.unref(c.omit)(e.unref(h).pagination,["showTotal"]),{onChange:I}),null,16)],6)):e.createCommentVNode("",!0)],6)]),_:3},8,["spinning","wrapper-class-name"]))}});exports.default=A;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o={borderRadius:4},r={...o,colorPrimary:"#0070FF",colorPrimaryHover:"#66A9FF",colorPrimaryActive:"#338CFF",colorTextBase:"#182948",colorText:"#182948",colorTextSecondary:"#526A90",colorTextTertiary:"#8896B0",colorTextPlaceholder:"#BFBFBF",colorBorder:"#DEE4ED",colorSplit:"#E9EDF3",colorInfo:"#0070FF",colorSuccess:"#2ED1A3",colorError:"#FF4D4F",colorWarning:"#FFA940",colorBgContainerDisabled:"#F2F6F9",wireframe:!1,colorBgLayout:"#F2F6F9",colorBgSpotlight:"#000000cc",controlItemBgActive:"#F5F9FF",controlItemBgActiveHover:"#EAF2FF",colorBorderSecondary:"#E9EDF3"},c={...o,colorPrimary:"#34B77C",colorPrimaryHover:"#85D4B0",colorPrimaryActive:"#5DC596",colorBgContainerDisabled:"#f5f5f5",colorText:"#333333",colorTextSecondary:"#666666",colorTextTertiary:"#999999",colorTextPlaceholder:"#ABB7CC",colorBorder:"#D9D9D9",colorSplit:"#E9E9E9",colorInfo:"#1890FF",colorSuccess:"#52C41A",colorError:"#FF4D4F",colorWarning:"#FAAD14",colorLink:"#1890FF",wireframe:!1,colorBgLayout:"#FAFAFA",colorBgSpotlight:"#000000cc",controlItemBgActive:"#f3fbf7",controlItemBgActiveHover:"#e6f6ef",colorBorderSecondary:"#E9E9E9"};exports.adminToken=c;exports.aplusToken=r;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o={borderRadius:4},r={...o,colorPrimary:"#0070FF",colorPrimaryHover:"#66A9FF",colorPrimaryActive:"#338CFF",colorTextBase:"#182948",colorText:"#182948",colorTextSecondary:"#526A90",colorTextTertiary:"#8896B0",colorTextPlaceholder:"#BFBFBF",colorBorder:"#DEE4ED",colorSplit:"#E9EDF3",colorInfo:"#0070FF",colorSuccess:"#2ED1A3",colorError:"#FF4D4F",colorWarning:"#FFA940",colorBgContainerDisabled:"#F2F6F9",wireframe:!1,colorBgLayout:"#F2F6F9",colorBgSpotlight:"#000000cc",controlItemBgActive:"#F5F9FF",controlItemBgActiveHover:"#EAF2FF",colorBorderSecondary:"#E9EDF3"},c={...o,colorPrimary:"#34B77C",colorPrimaryHover:"#85D4B0",colorPrimaryActive:"#5DC596",colorBgContainerDisabled:"#f5f5f5",colorTextBase:"#333333",colorText:"#333333",colorTextSecondary:"#666666",colorTextTertiary:"#999999",colorTextPlaceholder:"#ABB7CC",colorBorder:"#D9D9D9",colorSplit:"#E9E9E9",colorInfo:"#1890FF",colorSuccess:"#52C41A",colorError:"#FF4D4F",colorWarning:"#FAAD14",colorLink:"#1890FF",wireframe:!1,colorBgLayout:"#FAFAFA",colorBgSpotlight:"#000000cc",controlItemBgActive:"#f3fbf7",controlItemBgActiveHover:"#e6f6ef",colorBorderSecondary:"#E9E9E9"};exports.adminToken=c;exports.aplusToken=r;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),O=require("@aplus-frontend/antdv"),x=require("../ap-form/index.js"),d=require("lodash-unified");require("../config-provider/index.js");require("../hooks/index.js");const v=require("../utils/index.js"),z=require("./utils.js"),U=require("./hooks/use-get-columns.js"),G=require("../config-provider/hooks/use-namespace.js"),K=require("../hooks/useControllableValue.js"),$=require("../config-provider/hooks/use-global-config.js"),H=n.defineComponent({name:"EditableTable",__name:"index",props:{dropdownPrefixCls:{},pagination:{type:[Boolean,Object],default:!1},loading:{type:[Boolean,Object],default:void 0},size:{default:"middle"},bordered:{type:Boolean,default:!1},locale:{},onResizeColumn:{},rowSelection:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!0},prefixCls:{},rowKey:{default:"key"},tableLayout:{default:"fixed"},rowClassName:{},title:{},footer:{},id:{},showHeader:{type:Boolean,default:!0},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean],default:!1},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean,default:!1},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean,default:!1},indentSize:{default:15},expandIconColumnIndex:{},showExpandColumn:{type:Boolean,default:!0},expandedRowClassName:{},childrenColumnName:{default:"children"},rowExpandable:{},sticky:{type:[Boolean,Object]},transformCellText:{},columns:{},value:{},defaultValue:{},"onUpdate:value":{},onChange:{},maxLength:{},name:{default:"ap-editable-table-inner-name"},onFieldChange:{}},emits:["update:value"],setup(w,{expose:C,emit:b}){const l=w,{b:y}=G.useNamespace("editable-table"),R=n.useSlots(),F=b,g=n.ref(),{value:p,updateValue:q}=K.useControllableValue(l,F),i=n.ref(),B=$.useGlobalConfig("valueTypeMap"),h=x.ApForm.useWatch(l.name,i);n.watch(()=>h.value,e=>{var t;q(e),(t=l.onChange)==null||t.call(l,e)},{deep:!0,flush:"post"}),n.watch(p,e=>{var t;e!==n.unref(h)&&(d.isEqual(e,n.unref(h))||(t=i.value)==null||t.setFieldValue(l.name,e))},{deep:!0});const V=U.default(l,B);function N(){var e;(e=i.value)==null||e.resetFields()}function T(e){return e?(d.isArray(e)?e:[e]).map(o=>d.isArray(o)?[l.name,...o]:[l.name,o]):void 0}async function _(e,t){var a;const o=await((a=i.value)==null?void 0:a.validateFields(T(e),t));return o==null?void 0:o[l.name]}function S(e,t){var u,r,s;const o=((u=n.unref(p))==null?void 0:u.length)||0;if(v.isDef(l.maxLength)&&o>=l.maxLength)return;const a={...e||{}};(s=(r=i.value)==null?void 0:r.setFieldValue)==null||s.call(r,l.name,a,!0,(f,c)=>{if(!f[c]){f[c]=[a];return}d.isUndefined(t)?f[c].push(a):f[c].splice(t,0,a)})}function A(e,t="suffix"){var r,s,f;const o=((r=n.unref(p))==null?void 0:r.length)||0,a=d.isNumber(e)?e:e.length;if(v.isDef(l.maxLength)&&o+a>l.maxLength)return;const u=d.isNumber(e)?new Array(e).fill({}):d.cloneDeep(e);(f=(s=i.value)==null?void 0:s.setFieldValue)==null||f.call(s,l.name,u,!0,(c,m)=>{if(!c[m]){c[m]=[...u];return}t==="suffix"?c[m].push(...u):c[m].unshift(...u)})}function D(e){var o,a;const t=new Set(d.isNumber(e)?[e]:e);(a=(o=i.value)==null?void 0:o.setFieldValue)==null||a.call(o,l.name,void 0,!0,(u,r)=>{u[r]=u[r].filter((s,f)=>!t.has(f))})}function L(){return n.unref(p)}function E(e){var t;(t=i.value)==null||t.setFieldValue(l.name,e)}function k(e){var t;return(t=n.unref(p))==null?void 0:t[e]}function P(e,t,o=!0){var a,u;(u=(a=i.value)==null?void 0:a.setFieldValue)==null||u.call(a,l.name,void 0,!0,(r,s)=>{!r[s]||!r[s][e]||(r[s][e]={...o?r[s][e]:{},...t})})}function j(e,t){var a;const o=e==="end"?p.value.length-1:e;z.scrollToRowIndex(o,(a=g.value)==null?void 0:a.$el,t)}function I(){var e,t;(t=(e=i.value)==null?void 0:e.setFieldValue)==null||t.call(e,l.name,[])}return C({resetFields:N,validateFields:_,add:S,remove:D,getRowData:k,getRowsData:L,setRowData:P,addMultiple:A,scrollTo:j,clear:I,setTableData:E}),(e,t)=>(n.openBlock(),n.createBlock(n.unref(x.ApForm),{ref_key:"formRef",ref:i,"initial-values":{[l.name]:n.unref(p)}},{default:n.withCtx(()=>[n.createVNode(n.unref(x.ApForm).FormItem,{name:e.name,"no-style":""},{default:n.withCtx(()=>[n.createVNode(n.unref(O.Table),n.mergeProps(n.unref(d.omit)(l,["name","value","onUpdate:value","maxLength","onChange"]),{ref_key:"tableRef",ref:g,class:n.unref(y)(),columns:n.unref(V),"data-source":n.unref(p)}),n.createSlots({_:2},[n.renderList(n.unref(d.omit)(R,["headerCell"]),(o,a)=>({name:a,fn:n.withCtx(u=>[n.renderSlot(e.$slots,a,n.normalizeProps(n.guardReactiveProps(u||{})))])}))]),1040,["class","columns","data-source"])]),_:3},8,["name"])]),_:3},8,["initial-values"]))}});exports.default=H;
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),O=require("@aplus-frontend/antdv"),x=require("../ap-form/index.js"),d=require("lodash-unified");require("../config-provider/index.js");require("../hooks/index.js");const v=require("../utils/index.js"),z=require("./utils.js"),U=require("./hooks/use-get-columns.js"),G=require("../config-provider/hooks/use-namespace.js"),K=require("../hooks/useControllableValue.js"),$=require("../config-provider/hooks/use-global-config.js"),H=n.defineComponent({name:"EditableTable",__name:"index",props:{dropdownPrefixCls:{},pagination:{type:[Boolean,Object],default:!1},loading:{type:[Boolean,Object],default:void 0},size:{default:"middle"},bordered:{type:Boolean,default:!1},locale:{},onResizeColumn:{},rowSelection:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!0},prefixCls:{},rowKey:{default:"key"},tableLayout:{default:"fixed"},rowClassName:{},title:{},footer:{},id:{},showHeader:{type:Boolean,default:!0},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean],default:!1},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean,default:!1},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean,default:!1},indentSize:{default:15},expandIconColumnIndex:{},showExpandColumn:{type:Boolean,default:!0},expandedRowClassName:{},childrenColumnName:{default:"children"},rowExpandable:{},sticky:{type:[Boolean,Object]},transformCellText:{},columns:{},value:{},defaultValue:{},"onUpdate:value":{},onChange:{},maxLength:{},name:{default:"ap-editable-table-inner-name"},onFieldChange:{}},emits:["update:value"],setup(w,{expose:C,emit:b}){const l=w,{b:y}=G.useNamespace("editable-table"),R=n.useSlots(),F=b,g=n.ref(),{value:p,updateValue:q}=K.useControllableValue(l,F),i=n.ref(),B=$.useGlobalConfig("valueTypeMap"),h=x.ApForm.useWatch(l.name,i);n.watch(()=>h.value,e=>{var t;q(e),(t=l.onChange)==null||t.call(l,e)},{deep:!0,flush:"post"}),n.watch(p,e=>{var t;e!==n.unref(h)&&(d.isEqual(e,n.unref(h))||(t=i.value)==null||t.setFieldValue(l.name,e))},{deep:!0});const V=U.default(l,B);function N(){var e;(e=i.value)==null||e.resetFields()}function T(e){return e?(d.isArray(e)?e:[e]).map(o=>d.isArray(o)?[l.name,...o]:[l.name,o]):void 0}async function _(e,t){var a;const o=await((a=i.value)==null?void 0:a.validateFields(T(e),t));return o==null?void 0:o[l.name]}function S(e,t){var u,r,s;const o=((u=n.unref(p))==null?void 0:u.length)||0;if(v.isDef(l.maxLength)&&o>=l.maxLength)return;const a={...e||{}};(s=(r=i.value)==null?void 0:r.setFieldValue)==null||s.call(r,l.name,a,!0,(f,c)=>{if(!f[c]){f[c]=[a];return}d.isUndefined(t)?f[c].push(a):f[c].splice(t,0,a)})}function A(e,t="suffix"){var r,s,f;const o=((r=n.unref(p))==null?void 0:r.length)||0,a=d.isNumber(e)?e:e.length;if(v.isDef(l.maxLength)&&o+a>l.maxLength)return;const u=d.isNumber(e)?new Array(e).fill(0).map(()=>({})):d.cloneDeep(e);(f=(s=i.value)==null?void 0:s.setFieldValue)==null||f.call(s,l.name,u,!0,(c,m)=>{if(!c[m]){c[m]=[...u];return}t==="suffix"?c[m].push(...u):c[m].unshift(...u)})}function D(e){var o,a;const t=new Set(d.isNumber(e)?[e]:e);(a=(o=i.value)==null?void 0:o.setFieldValue)==null||a.call(o,l.name,void 0,!0,(u,r)=>{u[r]=u[r].filter((s,f)=>!t.has(f))})}function L(){return n.unref(p)}function E(e){var t;(t=i.value)==null||t.setFieldValue(l.name,e)}function k(e){var t;return(t=n.unref(p))==null?void 0:t[e]}function P(e,t,o=!0){var a,u;(u=(a=i.value)==null?void 0:a.setFieldValue)==null||u.call(a,l.name,void 0,!0,(r,s)=>{!r[s]||!r[s][e]||(r[s][e]={...o?r[s][e]:{},...t})})}function j(e,t){var a;const o=e==="end"?p.value.length-1:e;z.scrollToRowIndex(o,(a=g.value)==null?void 0:a.$el,t)}function I(){var e,t;(t=(e=i.value)==null?void 0:e.setFieldValue)==null||t.call(e,l.name,[])}return C({resetFields:N,validateFields:_,add:S,remove:D,getRowData:k,getRowsData:L,setRowData:P,addMultiple:A,scrollTo:j,clear:I,setTableData:E}),(e,t)=>(n.openBlock(),n.createBlock(n.unref(x.ApForm),{ref_key:"formRef",ref:i,"initial-values":{[l.name]:n.unref(p)}},{default:n.withCtx(()=>[n.createVNode(n.unref(x.ApForm).FormItem,{name:e.name,"no-style":""},{default:n.withCtx(()=>[n.createVNode(n.unref(O.Table),n.mergeProps(n.unref(d.omit)(l,["name","value","onUpdate:value","maxLength","onChange"]),{ref_key:"tableRef",ref:g,class:n.unref(y)(),columns:n.unref(V),"data-source":n.unref(p)}),n.createSlots({_:2},[n.renderList(n.unref(d.omit)(R,["headerCell"]),(o,a)=>({name:a,fn:n.withCtx(u=>[n.renderSlot(e.$slots,a,n.normalizeProps(n.guardReactiveProps(u||{})))])}))]),1040,["class","columns","data-source"])]),_:3},8,["name"])]),_:3},8,["initial-values"]))}});exports.default=H;
|
|
@@ -21,6 +21,10 @@ export type EditableColumnType<RecordType = any, ExtraValueType = 'text', ValueT
|
|
|
21
21
|
* 是否省略自动溢出,自动溢出省略,为对象时可设置省略行数、是否可展开、添加后缀等
|
|
22
22
|
*/
|
|
23
23
|
ellipsis?: boolean | EllipsisConfig;
|
|
24
|
+
/**
|
|
25
|
+
* 是否渲染必填标记(只渲染标记不生成校验规则)
|
|
26
|
+
*/
|
|
27
|
+
markRequired?: boolean;
|
|
24
28
|
/**
|
|
25
29
|
* 是否可编辑
|
|
26
30
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),u=require("lodash-unified"),g=require("../ap-table/constants.js"),v=require("../utils/index.js"),w=require("../ap-field/number/helper.js"),C=require("scroll-into-view-if-needed"),N=require("@aplus-frontend/antdv");require("../ap-form/index.js");const I=require("../ap-table/utils.js"),P=require("@ant-design/icons-vue"),q=require("../ap-form/item/index.vue.js");function V(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!o.isVNode(e)}function h(e){return g.apTableFormItemMap[e]}function F(e){if(e.markRequired)return!0;if(!e.fieldProps)return!1;const t=u.isFunction(e.fieldProps)?e.fieldProps({}):e.fieldProps;return v.isDef(t.required)?t.required:(u.isArray(t.rules)?t.rules:t.rules?[t.rules]:[]).some(r=>r.required)}function S(e,t){if(e.valueType==="text"||e.valueType==="textArea")return t||"--";if(e.valueType==="number"){const i=e.fieldProps?u.isFunction(e.fieldProps)?e.fieldProps({}):e.fieldProps:{};return w.getValueStr(t,i)||"--"}return I.objectToString(t)}function _(e,t){const i=[e];if(t){const r=u.isArray(t)?t:[t];i.unshift(...r)}return i.join(" ")}function R(e,t=document.body,i={}){const r=t.querySelectorAll("tr.ant-table-row")[e];r&&C(r,{scrollMode:"if-needed",block:"nearest",behavior:"smooth",...i})}function j(e,t,i){return g.noRenderAsFormItemValueList.includes(e.valueType)?i:e.copyable||e.ellipsis?o.createVNode(N.Typography.Paragraph,{copyable:e.copyable?{text:t,tooltip:!1}:!1,ellipsis:e.ellipsis?u.isBoolean(e.ellipsis)?{tooltip:t}:{...e.ellipsis,tooltip:t}:!1,content:e.ellipsis?S(e,t):i},null):i}function A(e,t,i,r,p,l){var T,y;if(t){if(e.customRenderFormItem){const c=e.customRenderFormItem(e,i.field,t,p);return o.createVNode(q.default,u.omit(i,["field"]),V(c)?c:{default:()=>[c]})}const s=h(e.valueType);if(s)return o.createVNode(s,i,null);const n=l==null?void 0:l[e.valueType],a=(T=n==null?void 0:n.renderFormItem)==null?void 0:T.call(n,i.field);return a?o.createVNode(q.default,i,V(a)?a:{default:()=>[a]}):null}let d;const b=I.getTableRenderType(e),f=g.apTableRenderItemMap[b];if(f)d=o.createVNode(f,o.mergeProps(i.field,{mode:"read"}),null);else{const s=l==null?void 0:l[b];d=(y=s==null?void 0:s.render)==null?void 0:y.call(s,r,p,i.field)}return d?j(e,r,d):null}function m(e,t,i,r,p){const l=r==null?void 0:r({title:e.title,column:e}),d=(l==null?void 0:l.filter(c=>c.type!==Symbol.for("v-cmt")))||[];if(l&&d.length>0)return l;const f=F(e),y=u.isString(e.title)?{class:t,title:e.title}:{},s=o.createVNode("div",y,[f?o.createVNode("span",{class:i},[o.createTextVNode("*")]):null,e.title]),n=e.tooltip?u.isFunction(e.tooltip)?e.tooltip(e):o.createVNode(o.Fragment,null,[e.tooltip]):null;return n?o.createVNode("span",{style:{display:"inline-flex",alignItems:"center",maxWidth:"100%"}},[s,o.createVNode(N.Tooltip,{title:n,placement:"bottom"},{default:()=>[o.createVNode(P.QuestionCircleOutlined,{style:{padding:"4px",color:p,verticalAlign:"middle"}},null)]})]):s}exports.getColumnIsRequired=F;exports.getEditableComponent=h;exports.getEditableTableTitle=m;exports.getFinalNode=A;exports.getRawDisplayValue=S;exports.mergeClass=_;exports.scrollToRowIndex=R;
|