@aplus-frontend/ui 0.5.34 → 0.5.35
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/index.vue.mjs +24 -23
- package/es/src/ap-grid/interface.d.ts +3 -3
- package/es/src/ap-grid/utils/col.mjs +51 -51
- package/es/src/design-token/index.mjs +1 -0
- package/lib/src/ap-grid/index.vue.js +1 -1
- package/lib/src/ap-grid/interface.d.ts +3 -3
- package/lib/src/ap-grid/utils/col.js +1 -1
- package/lib/src/design-token/index.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
|
@@ -114,13 +114,13 @@ const Fo = /* @__PURE__ */ ke({
|
|
|
114
114
|
var q;
|
|
115
115
|
const L = Fe(), a = oe, w = (q = Be()) == null ? void 0 : q.appContext.app;
|
|
116
116
|
w && !w.__VXE_PC_UI_INSTALLED__ && (w.use(Q), w.__VXE_PC_UI_INSTALLED__ = !0);
|
|
117
|
-
const { e: E, b:
|
|
117
|
+
const { e: E, b: d, be: re } = Je("ap-grid"), te = Qe("valueTypeMap"), i = k([]), O = k([]), m = k(), C = k(a.size), [, c] = Xe(), { t: le } = Ye();
|
|
118
118
|
Q.setConfig({
|
|
119
119
|
i18n: (e, r) => le(`ap.${e}`, r)
|
|
120
120
|
});
|
|
121
|
-
const { renderConfig: ne, updateSignal: se } = Ge(
|
|
121
|
+
const { renderConfig: ne, updateSignal: se } = Ge(i);
|
|
122
122
|
let D = 0;
|
|
123
|
-
const
|
|
123
|
+
const ie = n(() => {
|
|
124
124
|
if (m.value)
|
|
125
125
|
return m.value.$el.querySelector(
|
|
126
126
|
".vxe-table--header-inner-wrapper"
|
|
@@ -151,15 +151,15 @@ const Fo = /* @__PURE__ */ ke({
|
|
|
151
151
|
o(te)
|
|
152
152
|
), y;
|
|
153
153
|
})) || [];
|
|
154
|
-
}),
|
|
155
|
-
|
|
156
|
-
a.card ? null :
|
|
157
|
-
a.adaptive ?
|
|
158
|
-
a.sticky ?
|
|
159
|
-
].filter(Boolean)), $ = n(() => Z(o(
|
|
154
|
+
}), de = n(() => [
|
|
155
|
+
d(),
|
|
156
|
+
a.card ? null : d("wrapper"),
|
|
157
|
+
a.adaptive ? d("adaptive") : null,
|
|
158
|
+
a.sticky ? d("sticky") : null
|
|
159
|
+
].filter(Boolean)), $ = n(() => Z(o(i), (e) => {
|
|
160
160
|
if (e.sorter === !0)
|
|
161
161
|
return e.key || e.dataIndex;
|
|
162
|
-
}).filter(Boolean)), H = n(() => Z(o(
|
|
162
|
+
}).filter(Boolean)), H = n(() => Z(o(i), (e) => {
|
|
163
163
|
if (e.filters && !e.onFilter)
|
|
164
164
|
return e.key || e.dataIndex;
|
|
165
165
|
}).filter(Boolean)), {
|
|
@@ -197,12 +197,12 @@ const Fo = /* @__PURE__ */ ke({
|
|
|
197
197
|
pagination: a.pagination
|
|
198
198
|
}), { sortChangeEvent: me, filterChangeEvent: fe, paginationChangeEvent: ge } = De(pe);
|
|
199
199
|
je({
|
|
200
|
-
columns: n(() =>
|
|
200
|
+
columns: n(() => i.value),
|
|
201
201
|
columnsBackup: n(() => O.value),
|
|
202
202
|
size: n(() => C.value ? qe[C.value] : "middle"),
|
|
203
203
|
updateColumns(e) {
|
|
204
204
|
var r;
|
|
205
|
-
|
|
205
|
+
i.value = e, (r = a.onShownColumnsChange) == null || r.call(a, e);
|
|
206
206
|
},
|
|
207
207
|
updateSize(e) {
|
|
208
208
|
C.value = Me[e];
|
|
@@ -214,7 +214,7 @@ const Fo = /* @__PURE__ */ ke({
|
|
|
214
214
|
dataSource: n(() => o(f).records)
|
|
215
215
|
});
|
|
216
216
|
const he = n(
|
|
217
|
-
() =>
|
|
217
|
+
() => i.value.some(
|
|
218
218
|
(e) => e.fixed === "left" || e.fixed === !0
|
|
219
219
|
) ? "left" : void 0
|
|
220
220
|
), ve = n(
|
|
@@ -264,7 +264,7 @@ const Fo = /* @__PURE__ */ ke({
|
|
|
264
264
|
() => {
|
|
265
265
|
var r;
|
|
266
266
|
const e = be();
|
|
267
|
-
|
|
267
|
+
i.value = e, (r = a.onShownColumnsChange) == null || r.call(a, e), O.value = e;
|
|
268
268
|
},
|
|
269
269
|
{
|
|
270
270
|
deep: !0,
|
|
@@ -293,14 +293,14 @@ const Fo = /* @__PURE__ */ ke({
|
|
|
293
293
|
refresh: ce,
|
|
294
294
|
setSearchFormValues: we,
|
|
295
295
|
getSearchFormValues: xe,
|
|
296
|
-
getShowColumns: () => o(
|
|
296
|
+
getShowColumns: () => o(i),
|
|
297
297
|
rowSelection: {
|
|
298
298
|
selectedRows: n(() => x.value),
|
|
299
299
|
clearAll: T
|
|
300
300
|
},
|
|
301
301
|
scrollToRow: Re
|
|
302
302
|
}), (e, r) => (s(), B("div", {
|
|
303
|
-
class: g(
|
|
303
|
+
class: g(de.value),
|
|
304
304
|
style: z(e.wrapperStyle)
|
|
305
305
|
}, [
|
|
306
306
|
o(b)(e.dataSource) && e.searchForm !== !1 && K.value.length > 0 ? (s(), B("div", {
|
|
@@ -342,17 +342,17 @@ const Fo = /* @__PURE__ */ ke({
|
|
|
342
342
|
style: z(e.tableWrapperStyle)
|
|
343
343
|
}, [
|
|
344
344
|
I("div", {
|
|
345
|
-
class: g(o(
|
|
345
|
+
class: g(o(d)("header-wrapper"))
|
|
346
346
|
}, [
|
|
347
347
|
V(e.$slots, "title", {
|
|
348
348
|
selectedRows: o(x),
|
|
349
349
|
selectedRowKeys: o(R).selectedRowKeys,
|
|
350
|
-
shownColumns:
|
|
350
|
+
shownColumns: i.value,
|
|
351
351
|
clearAll: T
|
|
352
352
|
})
|
|
353
353
|
], 2),
|
|
354
354
|
I("div", {
|
|
355
|
-
class: g(o(
|
|
355
|
+
class: g(o(d)("vxe-wrapper"))
|
|
356
356
|
}, [
|
|
357
357
|
(s(), p(o(Pe), h(o(Ke)(a), {
|
|
358
358
|
ref_key: "tableRef",
|
|
@@ -398,7 +398,7 @@ const Fo = /* @__PURE__ */ ke({
|
|
|
398
398
|
]),
|
|
399
399
|
_: 1
|
|
400
400
|
}, 16, ["fixed"])) : S("", !0),
|
|
401
|
-
a.rowSelection ? (s(), p(o(J), h({ key: 1 }, o(He)(o(R),
|
|
401
|
+
a.rowSelection ? (s(), p(o(J), h({ key: 1 }, o(He)(o(R), i.value), { field: o(Ue) }), null, 16, ["field"])) : S("", !0),
|
|
402
402
|
(s(!0), B(X, null, _(o(ne), (l) => (s(), p(A(l), {
|
|
403
403
|
key: l.props.colId
|
|
404
404
|
}))), 128))
|
|
@@ -414,16 +414,17 @@ const Fo = /* @__PURE__ */ ke({
|
|
|
414
414
|
]), 1040, ["data", "sort-config", "filter-config", "loading", "row-config", "style", "size", "onSortChange", "onFilterChange"]))
|
|
415
415
|
], 2),
|
|
416
416
|
I("div", {
|
|
417
|
-
class: g(o(
|
|
417
|
+
class: g(o(d)("pagination-wrapper"))
|
|
418
418
|
}, [
|
|
419
419
|
e.sticky ? (s(), p(o(Ze), {
|
|
420
420
|
key: 0,
|
|
421
421
|
direction: "horizontal",
|
|
422
|
-
"scroll-container":
|
|
422
|
+
"scroll-container": ie.value,
|
|
423
|
+
"extra-size": -4.2
|
|
423
424
|
}, null, 8, ["scroll-container"])) : S("", !0),
|
|
424
425
|
e.pagination !== !1 ? (s(), p(o(Oe), h({
|
|
425
426
|
key: 1,
|
|
426
|
-
class: o(
|
|
427
|
+
class: o(d)("pagination")
|
|
427
428
|
}, o(M).pagination, { onChange: o(ge) }), null, 16, ["class", "onChange"])) : S("", !0)
|
|
428
429
|
], 2)
|
|
429
430
|
], 6)
|
|
@@ -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
|
* 设置禁用的列
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import { createVNode as v, Fragment as
|
|
2
|
-
import { isUndefined as
|
|
3
|
-
import { valueEnumToArray as
|
|
1
|
+
import { createVNode as v, Fragment as O } from "vue";
|
|
2
|
+
import { isUndefined as S, isArray as $, isString as x, isBoolean as c, isNumber as M, pick as A } from "lodash-unified";
|
|
3
|
+
import { valueEnumToArray as V, objectToString as j, getTableTitle as R, getTableRenderType as B, getTableRenderProps as W, getTableCellRenderNode as _ } from "../../ap-table/utils.mjs";
|
|
4
4
|
import { noRenderAsFormItemValueList as k } from "../../ap-table/constants.mjs";
|
|
5
5
|
import "../../ap-table/components/paragraph-ellipsis/index.vue.mjs";
|
|
6
6
|
import z from "../../ap-table/components/paragraph-ellipsis/index.vue2.mjs";
|
|
7
7
|
function b(e) {
|
|
8
|
-
if (
|
|
9
|
-
return
|
|
8
|
+
if (!S(e))
|
|
9
|
+
return $(e) ? e.reduce((r, i) => x(i) ? `${r}.${i}` : `${r}[${i}]`, "") : String(e);
|
|
10
10
|
}
|
|
11
11
|
function w(e) {
|
|
12
12
|
if (e)
|
|
13
13
|
return e === !0 ? "left" : e;
|
|
14
14
|
}
|
|
15
15
|
function G(e) {
|
|
16
|
-
return
|
|
16
|
+
return c(e) ? {
|
|
17
17
|
sortable: e
|
|
18
18
|
} : e ? {
|
|
19
19
|
sortable: !0,
|
|
@@ -25,7 +25,7 @@ function G(e) {
|
|
|
25
25
|
}
|
|
26
26
|
function I(e) {
|
|
27
27
|
let r;
|
|
28
|
-
return
|
|
28
|
+
return c(e.filters) && e.valueEnum ? r = V(e.valueEnum) : r = e.filters, r == null ? void 0 : r.map((i) => ({
|
|
29
29
|
label: x(i.text) ? i.text : "",
|
|
30
30
|
value: i.value
|
|
31
31
|
}));
|
|
@@ -35,7 +35,7 @@ function L(e) {
|
|
|
35
35
|
return (r) => e(r.value, r.row);
|
|
36
36
|
}
|
|
37
37
|
function U(e, r) {
|
|
38
|
-
return e ?
|
|
38
|
+
return e ? M(e) ? {
|
|
39
39
|
tooltip: r,
|
|
40
40
|
rows: e
|
|
41
41
|
} : e === !0 || e === "tooltip" ? {
|
|
@@ -51,7 +51,7 @@ function q(e, r, i) {
|
|
|
51
51
|
if (k.includes(e.valueType))
|
|
52
52
|
return i;
|
|
53
53
|
if (e.copyable || e.ellipsis) {
|
|
54
|
-
const l = U(e.ellipsis, r), t =
|
|
54
|
+
const l = U(e.ellipsis, r), t = j(r);
|
|
55
55
|
return v(z, {
|
|
56
56
|
rawValue: t,
|
|
57
57
|
copyable: e.copyable,
|
|
@@ -62,73 +62,73 @@ function q(e, r, i) {
|
|
|
62
62
|
return i;
|
|
63
63
|
}
|
|
64
64
|
function y(e, r, i) {
|
|
65
|
-
const l =
|
|
65
|
+
const l = A(e, ["width", "minWidth", "align"]);
|
|
66
66
|
return l.field = b(e.dataIndex), l.fixed = w(e.fixed), l.slots = {
|
|
67
|
-
header: () =>
|
|
67
|
+
header: () => R(e, i, void 0, r)
|
|
68
68
|
}, l.headerAlign = e.align, l.showOverflow = !1, l.showFooterOverflow = !1, l;
|
|
69
69
|
}
|
|
70
70
|
function F(e, r, i, l) {
|
|
71
|
-
const t =
|
|
71
|
+
const t = A(e, ["width", "minWidth", "align", "resizable", "className", "headerClassName", "footerClassName"]);
|
|
72
72
|
t.field = b(e.dataIndex), t.fixed = w(e.fixed), t.headerAlign = e.align, t.footerAlign = e.align, t.showOverflow = !1, t.showFooterOverflow = !1, Object.assign(t, G(e.sorter)), t.filters = I(e), t.filterMultiple = e.filterMultiple, t.filterMethod = L(e.onFilter);
|
|
73
|
-
const
|
|
74
|
-
value:
|
|
75
|
-
...
|
|
73
|
+
const f = ({
|
|
74
|
+
value: n,
|
|
75
|
+
...s
|
|
76
76
|
}) => {
|
|
77
77
|
var o, T;
|
|
78
|
-
const
|
|
78
|
+
const a = B(e), u = W({
|
|
79
79
|
...e,
|
|
80
|
-
valueType:
|
|
80
|
+
valueType: a
|
|
81
81
|
}, {
|
|
82
|
-
value:
|
|
83
|
-
...
|
|
84
|
-
}), E = _(
|
|
85
|
-
value:
|
|
86
|
-
...
|
|
87
|
-
})) ||
|
|
88
|
-
value:
|
|
89
|
-
...
|
|
82
|
+
value: n,
|
|
83
|
+
...s
|
|
84
|
+
}), E = _(a, u, s.record, l), h = ((o = e.renderText) == null ? void 0 : o.call(e, {
|
|
85
|
+
value: n,
|
|
86
|
+
...s
|
|
87
|
+
})) || n, N = e.renderText ? v(O, null, [(T = e.renderText) == null ? void 0 : T.call(e, {
|
|
88
|
+
value: n,
|
|
89
|
+
...s
|
|
90
90
|
})]) : E;
|
|
91
|
-
let p = q(e, h,
|
|
91
|
+
let p = q(e, h, N);
|
|
92
92
|
return e.customRender && (p = e.customRender({
|
|
93
|
-
value:
|
|
94
|
-
...
|
|
93
|
+
value: n,
|
|
94
|
+
...s,
|
|
95
95
|
column: e,
|
|
96
96
|
originalNode: p,
|
|
97
97
|
originalText: h
|
|
98
98
|
})), p;
|
|
99
|
-
},
|
|
100
|
-
row:
|
|
101
|
-
rowIndex:
|
|
102
|
-
}) =>
|
|
103
|
-
value:
|
|
104
|
-
text:
|
|
105
|
-
record:
|
|
106
|
-
index:
|
|
107
|
-
renderIndex:
|
|
99
|
+
}, d = ({
|
|
100
|
+
row: n,
|
|
101
|
+
rowIndex: s
|
|
102
|
+
}) => f({
|
|
103
|
+
value: n[t.field],
|
|
104
|
+
text: n[t.field],
|
|
105
|
+
record: n,
|
|
106
|
+
index: s,
|
|
107
|
+
renderIndex: s,
|
|
108
108
|
column: e
|
|
109
109
|
});
|
|
110
110
|
return t.slots = {
|
|
111
|
-
header: () =>
|
|
112
|
-
default:
|
|
113
|
-
footer:
|
|
111
|
+
header: () => R(e, i, void 0, r),
|
|
112
|
+
default: d,
|
|
113
|
+
footer: d
|
|
114
114
|
}, e.html && (delete t.slots.default, delete t.slots.footer, t.type = "html"), t;
|
|
115
115
|
}
|
|
116
116
|
function Y(e, r, i, l) {
|
|
117
|
-
var
|
|
118
|
-
if (!((
|
|
117
|
+
var d;
|
|
118
|
+
if (!((d = e.children) != null && d.length))
|
|
119
119
|
return F(e, r, i, l);
|
|
120
|
-
function t(
|
|
121
|
-
return
|
|
122
|
-
var
|
|
123
|
-
if ((
|
|
124
|
-
const u = y(
|
|
125
|
-
return u.children = t(
|
|
120
|
+
function t(n) {
|
|
121
|
+
return n.map((s) => {
|
|
122
|
+
var a;
|
|
123
|
+
if ((a = s.children) != null && a.length) {
|
|
124
|
+
const u = y(s, r, i);
|
|
125
|
+
return u.children = t(s.children), u;
|
|
126
126
|
}
|
|
127
|
-
return F(
|
|
127
|
+
return F(s, r, i, l);
|
|
128
128
|
});
|
|
129
129
|
}
|
|
130
|
-
const
|
|
131
|
-
return
|
|
130
|
+
const f = y(e, r, i);
|
|
131
|
+
return f.children = t(e.children), f;
|
|
132
132
|
}
|
|
133
133
|
export {
|
|
134
134
|
Y as transformCol,
|
|
@@ -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"),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,"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(s)("pagination")},e.unref(V).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
|
* 设置禁用的列
|
|
@@ -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 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;
|
package/package.json
CHANGED
package/theme/ap-grid/index.css
CHANGED
|
@@ -268,9 +268,6 @@
|
|
|
268
268
|
bottom: 0;
|
|
269
269
|
padding-bottom: 16px;
|
|
270
270
|
}
|
|
271
|
-
.aplus-ap-grid-sticky:has(.aplus-scroll-bar) .aplus-ap-grid-pagination-wrapper {
|
|
272
|
-
padding-bottom: 0;
|
|
273
|
-
}
|
|
274
271
|
.aplus-ap-grid-sticky:has(.aplus-scroll-bar) .aplus-ap-grid-pagination-wrapper ul.ant-pagination {
|
|
275
272
|
margin-top: 0;
|
|
276
273
|
padding-top: 8px;
|
|
@@ -288,6 +285,9 @@
|
|
|
288
285
|
.aplus-ap-grid-wrapper.aplus-ap-grid-sticky {
|
|
289
286
|
padding-bottom: 0;
|
|
290
287
|
}
|
|
288
|
+
.aplus-ap-grid-sticky > .aplus-ap-grid__table-wrapper-card {
|
|
289
|
+
padding-bottom: 0;
|
|
290
|
+
}
|
|
291
291
|
.aplus-ap-grid__search-wrapper {
|
|
292
292
|
padding: 16px;
|
|
293
293
|
padding-bottom: 0;
|
|
@@ -336,12 +336,13 @@
|
|
|
336
336
|
word-break: break-all;
|
|
337
337
|
flex: 1;
|
|
338
338
|
}
|
|
339
|
-
.aplus-ap-grid .vxe-cell--wrapper {
|
|
339
|
+
.aplus-ap-grid th .vxe-cell--wrapper {
|
|
340
340
|
display: flex;
|
|
341
341
|
flex-direction: row;
|
|
342
342
|
flex-wrap: nowrap;
|
|
343
343
|
align-items: center;
|
|
344
344
|
}
|
|
345
|
-
.aplus-ap-grid .vxe-cell--wrapper .vxe-cell--title {
|
|
345
|
+
.aplus-ap-grid th .vxe-cell--wrapper .vxe-cell--title {
|
|
346
346
|
flex-shrink: 1;
|
|
347
|
+
flex-grow: 1;
|
|
347
348
|
}
|
package/theme/ap-grid/index.less
CHANGED
|
@@ -34,7 +34,6 @@
|
|
|
34
34
|
}
|
|
35
35
|
&:has(.@{sb}) {
|
|
36
36
|
.@{pg} {
|
|
37
|
-
padding-bottom: 0;
|
|
38
37
|
ul.ant-pagination {
|
|
39
38
|
margin-top: 0;
|
|
40
39
|
padding-top: 8px;
|
|
@@ -55,6 +54,9 @@
|
|
|
55
54
|
&-wrapper&-sticky {
|
|
56
55
|
padding-bottom: 0;
|
|
57
56
|
}
|
|
57
|
+
&-sticky > &__table-wrapper-card {
|
|
58
|
+
padding-bottom: 0;
|
|
59
|
+
}
|
|
58
60
|
&__search-wrapper {
|
|
59
61
|
padding:16px;
|
|
60
62
|
padding-bottom: 0;
|
|
@@ -109,13 +111,14 @@
|
|
|
109
111
|
}
|
|
110
112
|
}
|
|
111
113
|
|
|
112
|
-
.vxe-cell--wrapper {
|
|
114
|
+
th .vxe-cell--wrapper {
|
|
113
115
|
display: flex;
|
|
114
116
|
flex-direction: row;
|
|
115
117
|
flex-wrap: nowrap;
|
|
116
118
|
align-items: center;
|
|
117
119
|
.vxe-cell--title {
|
|
118
120
|
flex-shrink: 1;
|
|
121
|
+
flex-grow: 1;
|
|
119
122
|
}
|
|
120
123
|
}
|
|
121
124
|
});
|
package/theme/index.css
CHANGED
|
@@ -2367,17 +2367,14 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
|
|
|
2367
2367
|
bottom: 0;
|
|
2368
2368
|
padding-bottom: 16px;
|
|
2369
2369
|
}
|
|
2370
|
-
.aplus-ap-grid-sticky:has(.aplus-
|
|
2371
|
-
padding-bottom: 0;
|
|
2372
|
-
}
|
|
2373
|
-
.aplus-ap-grid-sticky:has(.aplus-splitter-bar) .aplus-ap-grid-pagination-wrapper ul.ant-pagination {
|
|
2370
|
+
.aplus-ap-grid-sticky:has(.aplus-scroll-bar) .aplus-ap-grid-pagination-wrapper ul.ant-pagination {
|
|
2374
2371
|
margin-top: 0;
|
|
2375
2372
|
padding-top: 8px;
|
|
2376
2373
|
}
|
|
2377
|
-
.aplus-ap-grid-sticky:has(.aplus-
|
|
2374
|
+
.aplus-ap-grid-sticky:has(.aplus-scroll-bar) .vxe-table--scroll-x-wrapper {
|
|
2378
2375
|
opacity: 0;
|
|
2379
2376
|
}
|
|
2380
|
-
.aplus-ap-grid-sticky:has(.aplus-
|
|
2377
|
+
.aplus-ap-grid-sticky:has(.aplus-scroll-bar) .vxe-table .vxe-table--scroll-x-virtual {
|
|
2381
2378
|
height: 0px !important;
|
|
2382
2379
|
}
|
|
2383
2380
|
.aplus-ap-grid-wrapper {
|
|
@@ -2387,6 +2384,9 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
|
|
|
2387
2384
|
.aplus-ap-grid-wrapper.aplus-ap-grid-sticky {
|
|
2388
2385
|
padding-bottom: 0;
|
|
2389
2386
|
}
|
|
2387
|
+
.aplus-ap-grid-sticky > .aplus-ap-grid__table-wrapper-card {
|
|
2388
|
+
padding-bottom: 0;
|
|
2389
|
+
}
|
|
2390
2390
|
.aplus-ap-grid__search-wrapper {
|
|
2391
2391
|
padding: 16px;
|
|
2392
2392
|
padding-bottom: 0;
|
|
@@ -2435,14 +2435,15 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
|
|
|
2435
2435
|
word-break: break-all;
|
|
2436
2436
|
flex: 1;
|
|
2437
2437
|
}
|
|
2438
|
-
.aplus-ap-grid .vxe-cell--wrapper {
|
|
2438
|
+
.aplus-ap-grid th .vxe-cell--wrapper {
|
|
2439
2439
|
display: flex;
|
|
2440
2440
|
flex-direction: row;
|
|
2441
2441
|
flex-wrap: nowrap;
|
|
2442
2442
|
align-items: center;
|
|
2443
2443
|
}
|
|
2444
|
-
.aplus-ap-grid .vxe-cell--wrapper .vxe-cell--title {
|
|
2444
|
+
.aplus-ap-grid th .vxe-cell--wrapper .vxe-cell--title {
|
|
2445
2445
|
flex-shrink: 1;
|
|
2446
|
+
flex-grow: 1;
|
|
2446
2447
|
}
|
|
2447
2448
|
.aplus-editable-grid__header-cell--required {
|
|
2448
2449
|
color: #FF4D4F;
|
|
@@ -19,11 +19,11 @@
|
|
|
19
19
|
}
|
|
20
20
|
|
|
21
21
|
@s: ~'@{ns}-splitter';
|
|
22
|
-
@
|
|
23
|
-
@sbp: ~'@{
|
|
22
|
+
@spb: ~'@{s}-bar';
|
|
23
|
+
@sbp: ~'@{spb}-preview';
|
|
24
24
|
@sbpa: ~'@{sbp}-active';
|
|
25
|
-
@sbd: ~'@{
|
|
26
|
-
@sbcb: ~'@{
|
|
25
|
+
@sbd: ~'@{spb}-dragger';
|
|
26
|
+
@sbcb: ~'@{spb}-collapse-bar';
|
|
27
27
|
@sbda: ~'@{sbd}-active';
|
|
28
28
|
@offset: ~'--@{ns}-splitter-bar-preview-offset';
|
|
29
29
|
|
|
@@ -129,7 +129,7 @@
|
|
|
129
129
|
|
|
130
130
|
&-horizontal {
|
|
131
131
|
flex-direction: row;
|
|
132
|
-
& > .@{
|
|
132
|
+
& > .@{spb} {
|
|
133
133
|
width: 0;
|
|
134
134
|
.@{sbp} {
|
|
135
135
|
height: 100%;
|
|
@@ -177,7 +177,7 @@
|
|
|
177
177
|
|
|
178
178
|
&-vertical {
|
|
179
179
|
flex-direction: column;
|
|
180
|
-
& > .@{
|
|
180
|
+
& > .@{spb} {
|
|
181
181
|
height: 0;
|
|
182
182
|
.@{sbp} {
|
|
183
183
|
height: @split-bar-size;
|