@aplus-frontend/ui 6.29.1 → 6.29.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/src/ag-grid/components/header-cell/index.vue2.mjs +15 -16
- package/es/src/ag-grid/hooks/use-columns.d.ts +1 -0
- package/es/src/ag-grid/hooks/use-columns.mjs +17 -12
- package/es/src/ag-grid/hooks/use-search-form.mjs +14 -14
- package/es/src/ag-grid/index.vue.mjs +241 -233
- package/es/src/ag-grid/interface.d.ts +4 -0
- package/es/src/ag-grid/utils.d.ts +6 -0
- package/es/src/ag-grid/utils.mjs +16 -11
- package/es/src/ap-form/item-group/helper.mjs +36 -31
- package/es/src/version.d.ts +1 -1
- package/es/src/version.mjs +1 -1
- package/lib/src/ag-grid/components/header-cell/index.vue2.js +1 -1
- package/lib/src/ag-grid/hooks/use-columns.d.ts +1 -0
- package/lib/src/ag-grid/hooks/use-columns.js +1 -1
- package/lib/src/ag-grid/hooks/use-search-form.js +1 -1
- package/lib/src/ag-grid/index.vue.js +1 -1
- package/lib/src/ag-grid/interface.d.ts +4 -0
- package/lib/src/ag-grid/utils.d.ts +6 -0
- package/lib/src/ag-grid/utils.js +1 -1
- package/lib/src/ap-form/item-group/helper.js +1 -1
- package/lib/src/version.d.ts +1 -1
- package/lib/src/version.js +1 -1
- package/package.json +3 -3
- package/theme/antdv-override.css +6 -0
- package/theme/antdv-override.less +17 -0
- package/theme/index.css +6 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent as w, computed as d, createElementBlock as f, openBlock as s, normalizeClass as r, unref as e, createBlock as B, createCommentVNode as
|
|
2
|
-
import { useToken as
|
|
1
|
+
import { defineComponent as w, computed as d, createElementBlock as f, openBlock as s, normalizeClass as r, unref as e, createBlock as B, createCommentVNode as _, resolveDynamicComponent as D, createVNode as C } from "vue";
|
|
2
|
+
import { useToken as O } from "@aplus-frontend/antdv/es/theme/internal";
|
|
3
3
|
import { CaretUpOutlined as V, CaretDownOutlined as j } from "@ant-design/icons-vue";
|
|
4
4
|
import { getTableTitle as z } from "../../../ap-table/utils.mjs";
|
|
5
5
|
import "../../../config-provider/index.mjs";
|
|
@@ -11,28 +11,27 @@ const K = /* @__PURE__ */ w({
|
|
|
11
11
|
params: {}
|
|
12
12
|
},
|
|
13
13
|
setup(S) {
|
|
14
|
-
const o = S, { b: v, e:
|
|
14
|
+
const o = S, { b: v, e: n } = g("ag-custom-header"), { be: b, bem: k } = g("ap-grid"), [, I] = O(), { sorter: c, setSorter: T } = A(), a = d(() => o.params.column.sorter);
|
|
15
15
|
function h(t) {
|
|
16
16
|
return t ? t === "asc" ? "desc" : null : "asc";
|
|
17
17
|
}
|
|
18
18
|
const m = d(() => o.params?.column?.getColId?.());
|
|
19
|
-
function
|
|
20
|
-
if (!
|
|
19
|
+
function x() {
|
|
20
|
+
if (!a.value)
|
|
21
21
|
return;
|
|
22
|
-
const l = o.params.column.getColId(),
|
|
22
|
+
const l = o.params.column.getColId(), y = o.params.column.getSort(), u = h(y), p = o.params.api, N = p.getColumnState().map((i) => ({
|
|
23
23
|
...i,
|
|
24
24
|
sort: i.colId === l ? u : null
|
|
25
25
|
}));
|
|
26
26
|
p.applyColumnState({
|
|
27
|
-
state: N
|
|
28
|
-
applyOrder: !0
|
|
27
|
+
state: N
|
|
29
28
|
}), T({ [l]: u });
|
|
30
29
|
}
|
|
31
30
|
return (t, l) => (s(), f("div", {
|
|
32
|
-
class: r([e(v)(), { sortable:
|
|
33
|
-
onClick:
|
|
31
|
+
class: r([e(v)(), { sortable: a.value }, `align-${t.params.column.align || "left"}`]),
|
|
32
|
+
onClick: x
|
|
34
33
|
}, [
|
|
35
|
-
(s(), B(
|
|
34
|
+
(s(), B(D(
|
|
36
35
|
e(z)(
|
|
37
36
|
t.params.column,
|
|
38
37
|
[
|
|
@@ -43,17 +42,17 @@ const K = /* @__PURE__ */ w({
|
|
|
43
42
|
e(I).colorTextTertiary
|
|
44
43
|
)
|
|
45
44
|
))),
|
|
46
|
-
|
|
45
|
+
a.value ? (s(), f("span", {
|
|
47
46
|
key: 0,
|
|
48
|
-
class: r(e(
|
|
47
|
+
class: r(e(n)("sort-wrapper"))
|
|
49
48
|
}, [
|
|
50
49
|
C(e(V), {
|
|
51
|
-
class: r({ [e(
|
|
50
|
+
class: r({ [e(n)("sorter-up")]: !0, active: e(c)[m.value] === "asc" })
|
|
52
51
|
}, null, 8, ["class"]),
|
|
53
52
|
C(e(j), {
|
|
54
|
-
class: r({ [e(
|
|
53
|
+
class: r({ [e(n)("sorter-down")]: !0, active: e(c)[m.value] === "desc" })
|
|
55
54
|
}, null, 8, ["class"])
|
|
56
|
-
], 2)) :
|
|
55
|
+
], 2)) : _("", !0)
|
|
57
56
|
], 2));
|
|
58
57
|
}
|
|
59
58
|
});
|
|
@@ -7,4 +7,5 @@ export declare const useColumns: <RecordType>(props: AgGridProps<RecordType>) =>
|
|
|
7
7
|
columns: Ref<AgGridColumnType<RecordType>[], AgGridColumnType<RecordType>[]>;
|
|
8
8
|
shownColumns: Ref<AgGridColumnType<RecordType>[], AgGridColumnType<RecordType>[]>;
|
|
9
9
|
columnKeys: ComputedRef<string[]>;
|
|
10
|
+
getTargetColumnByKey: (key?: string) => AgGridColumnType<RecordType> | undefined;
|
|
10
11
|
};
|
|
@@ -1,28 +1,33 @@
|
|
|
1
|
-
import { ref as u, computed as
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import { ref as u, computed as a, watch as i } from "vue";
|
|
2
|
+
import { getStringKey as l } from "../utils.mjs";
|
|
3
|
+
const g = (o) => {
|
|
4
|
+
const n = u([]), t = u([]);
|
|
4
5
|
function m() {
|
|
5
|
-
return
|
|
6
|
+
return o.columns?.filter((e) => !e.hideInTable) || [];
|
|
6
7
|
}
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
function r(e) {
|
|
9
|
+
return n.value.find((c) => l(c.key) === e);
|
|
10
|
+
}
|
|
11
|
+
const s = a(
|
|
12
|
+
() => n.value.map((e) => l(e.key)).filter(Boolean)
|
|
9
13
|
);
|
|
10
|
-
return
|
|
11
|
-
() =>
|
|
14
|
+
return i(
|
|
15
|
+
() => o.columns,
|
|
12
16
|
() => {
|
|
13
17
|
const e = m();
|
|
14
|
-
|
|
18
|
+
n.value = e, t.value = e, o.onShownColumnsChange?.(e);
|
|
15
19
|
},
|
|
16
20
|
{
|
|
17
21
|
deep: !0,
|
|
18
22
|
immediate: !0
|
|
19
23
|
}
|
|
20
24
|
), {
|
|
21
|
-
columns:
|
|
25
|
+
columns: n,
|
|
22
26
|
shownColumns: t,
|
|
23
|
-
columnKeys:
|
|
27
|
+
columnKeys: s,
|
|
28
|
+
getTargetColumnByKey: r
|
|
24
29
|
};
|
|
25
30
|
};
|
|
26
31
|
export {
|
|
27
|
-
|
|
32
|
+
g as useColumns
|
|
28
33
|
};
|
|
@@ -1,35 +1,35 @@
|
|
|
1
1
|
import { noRenderAsFormItemValueList as s } from "../../ap-table/constants.mjs";
|
|
2
2
|
import { computed as p, unref as l } from "vue";
|
|
3
|
-
import { getColumnOrder as
|
|
3
|
+
import { getColumnOrder as t, updateFormProps as u, getFieldProps as i, getSearchFormItemRenderNode as m } from "../../ap-table/utils.mjs";
|
|
4
4
|
import "../../config-provider/index.mjs";
|
|
5
|
-
import { useGlobalConfig as
|
|
6
|
-
const P = (
|
|
7
|
-
let
|
|
8
|
-
const
|
|
9
|
-
return p(() => (
|
|
10
|
-
(e) => !e.hideInSearch && (e.dataIndex
|
|
5
|
+
import { useGlobalConfig as f } from "../../config-provider/hooks/use-global-config.mjs";
|
|
6
|
+
const P = (a) => {
|
|
7
|
+
let d = 0;
|
|
8
|
+
const n = f("valueTypeMap");
|
|
9
|
+
return p(() => (d++, a.columns?.filter(
|
|
10
|
+
(e) => !e.hideInSearch && (e.field ?? e.dataIndex ?? e.key) && (e.valueType || e.customRenderFormItem) && !s.includes(e.valueType)
|
|
11
11
|
)?.sort((e, o) => {
|
|
12
|
-
const r =
|
|
13
|
-
return
|
|
12
|
+
const r = t(e.order);
|
|
13
|
+
return t(o.order) - r;
|
|
14
14
|
})?.map((e) => {
|
|
15
15
|
const o = u(
|
|
16
16
|
e,
|
|
17
|
-
|
|
17
|
+
i(e.fieldProps, {})
|
|
18
18
|
), r = {
|
|
19
19
|
...e,
|
|
20
20
|
fieldProps: {
|
|
21
21
|
label: e.title,
|
|
22
|
-
name: e.dataIndex
|
|
22
|
+
name: e.field ?? e.dataIndex ?? e.key,
|
|
23
23
|
// tips: 在表格中的查询表单项默认是带边框的
|
|
24
24
|
bordered: !0,
|
|
25
25
|
...o || {},
|
|
26
|
-
_signal:
|
|
26
|
+
_signal: d
|
|
27
27
|
},
|
|
28
28
|
renderNode: void 0
|
|
29
29
|
};
|
|
30
|
-
return r.renderNode =
|
|
30
|
+
return r.renderNode = m(
|
|
31
31
|
r,
|
|
32
|
-
l(
|
|
32
|
+
l(n)
|
|
33
33
|
), r;
|
|
34
34
|
}) || []));
|
|
35
35
|
};
|
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { AgGridVue as
|
|
3
|
-
import { ModuleRegistry as
|
|
4
|
-
import { mergeProps as
|
|
5
|
-
import { Spin as
|
|
6
|
-
import { isUndefined as
|
|
1
|
+
import { defineComponent as Ze, useSlots as _e, ref as x, toRef as I, unref as t, computed as l, nextTick as eo, watch as z, createElementBlock as E, openBlock as R, normalizeStyle as V, normalizeClass as m, createCommentVNode as te, createElementVNode as b, createVNode as A, mergeProps as M, createSlots as oo, withCtx as re, Fragment as to, renderList as ro, createBlock as ae, resolveDynamicComponent as ao, renderSlot as ne, withDirectives as no, vShow as lo } from "vue";
|
|
2
|
+
import { AgGridVue as so } from "ag-grid-vue3";
|
|
3
|
+
import { ModuleRegistry as io, AllCommunityModule as co } from "ag-grid-community";
|
|
4
|
+
import { mergeProps as uo } from "./utils.mjs";
|
|
5
|
+
import { Spin as mo, Pagination as po } from "@aplus-frontend/antdv";
|
|
6
|
+
import { isUndefined as B, isFunction as le } from "lodash-unified";
|
|
7
7
|
import "../config-provider/index.mjs";
|
|
8
|
-
import { ApForm as
|
|
9
|
-
import { recursionApColumns as
|
|
10
|
-
import { useTablePaging as
|
|
11
|
-
import
|
|
12
|
-
import { useProvideSorter as
|
|
13
|
-
import { useProvideApTable as
|
|
14
|
-
import { sizeReverseMap as
|
|
15
|
-
import { useToken as
|
|
16
|
-
import { useTheme as
|
|
17
|
-
import { useColumns as
|
|
18
|
-
import { useColumnsDef as
|
|
19
|
-
import { isDef as
|
|
20
|
-
import { getValidVNodeList as
|
|
21
|
-
import { useSearchForm as
|
|
8
|
+
import { ApForm as fo } from "../ap-form/index.mjs";
|
|
9
|
+
import { recursionApColumns as wo } from "../ap-table/utils.mjs";
|
|
10
|
+
import { useTablePaging as go } from "../ap-table/hooks/use-table-paging-ng.mjs";
|
|
11
|
+
import So from "./hooks/use-row-selection.mjs";
|
|
12
|
+
import { useProvideSorter as yo } from "./context.mjs";
|
|
13
|
+
import { useProvideApTable as Co } from "../ap-table/context.mjs";
|
|
14
|
+
import { sizeReverseMap as ho, sizeMap as vo } from "../ap-grid/constants.mjs";
|
|
15
|
+
import { useToken as Ro } from "@aplus-frontend/antdv/es/theme/internal";
|
|
16
|
+
import { useTheme as bo } from "./theme.mjs";
|
|
17
|
+
import { useColumns as Bo } from "./hooks/use-columns.mjs";
|
|
18
|
+
import { useColumnsDef as Fo } from "./hooks/use-columns-def.mjs";
|
|
19
|
+
import { isDef as ko } from "../utils/index.mjs";
|
|
20
|
+
import { getValidVNodeList as xo } from "../utils/slot.mjs";
|
|
21
|
+
import { useSearchForm as Io } from "./hooks/use-search-form.mjs";
|
|
22
22
|
import "./components/empty/index.vue.mjs";
|
|
23
|
-
import
|
|
24
|
-
import { usePinnedRow as
|
|
25
|
-
import
|
|
23
|
+
import To from "./hooks/use-virtual-config.mjs";
|
|
24
|
+
import { usePinnedRow as Do } from "./hooks/use-pinned-row.mjs";
|
|
25
|
+
import Ko from "./hooks/use-selection-col-def.mjs";
|
|
26
26
|
import { useNamespace as No } from "../config-provider/hooks/use-namespace.mjs";
|
|
27
|
-
import
|
|
28
|
-
const
|
|
27
|
+
import Po from "./components/empty/index.vue2.mjs";
|
|
28
|
+
const st = /* @__PURE__ */ Ze({
|
|
29
29
|
name: "AgGrid",
|
|
30
30
|
__name: "index",
|
|
31
31
|
props: {
|
|
@@ -96,62 +96,69 @@ const nt = /* @__PURE__ */ Xe({
|
|
|
96
96
|
rowClassName: {},
|
|
97
97
|
rowClassRules: {}
|
|
98
98
|
},
|
|
99
|
-
setup(
|
|
100
|
-
|
|
101
|
-
const o =
|
|
102
|
-
|
|
103
|
-
),
|
|
99
|
+
setup(se, { expose: ie }) {
|
|
100
|
+
io.registerModules([co]);
|
|
101
|
+
const o = se, O = _e(), { e: F, b: c, be: ce } = No("ag-grid"), y = x(o.size), de = bo(y, I(o, "rowHeight")), ue = To(I(o, "virtual")), { rowPinnedGridConfig: W, getRowPinnedCellClass: me } = Do(
|
|
102
|
+
I(o, "summary")
|
|
103
|
+
), i = x(), [, pe] = Ro();
|
|
104
104
|
let p = !!o.dataSource;
|
|
105
|
-
const
|
|
106
|
-
|
|
105
|
+
const j = Io(o), { shownColumns: f, columns: L, columnKeys: fe, getTargetColumnByKey: we } = Bo(o), { defaultColDef: ge, columnDefs: Se } = Fo(
|
|
106
|
+
L,
|
|
107
107
|
o,
|
|
108
|
-
|
|
109
|
-
),
|
|
110
|
-
|
|
111
|
-
sorter:
|
|
108
|
+
me
|
|
109
|
+
), k = x({});
|
|
110
|
+
yo({
|
|
111
|
+
sorter: k,
|
|
112
112
|
setSorter(e) {
|
|
113
|
-
|
|
113
|
+
k.value = e;
|
|
114
114
|
}
|
|
115
115
|
});
|
|
116
|
-
const
|
|
116
|
+
const ye = {
|
|
117
117
|
asc: "ascend",
|
|
118
118
|
desc: "descend"
|
|
119
119
|
};
|
|
120
|
-
function
|
|
121
|
-
const e =
|
|
120
|
+
function Ce() {
|
|
121
|
+
const e = i.value.getColumns()?.filter((d) => d.getSort() !== void 0), r = t(k) || {};
|
|
122
122
|
let a = e?.[0];
|
|
123
123
|
const u = Object.keys(r);
|
|
124
|
-
if (u.length && u.every((
|
|
125
|
-
const
|
|
126
|
-
|
|
124
|
+
if (u.length && u.every((d) => r[d] === null)) {
|
|
125
|
+
const d = Object.keys(r)[0];
|
|
126
|
+
d && (a = i.value?.getColumn(d));
|
|
127
127
|
}
|
|
128
128
|
if (!a)
|
|
129
129
|
return;
|
|
130
|
-
const s = a.getColDef(), S = a.getSort();
|
|
131
|
-
|
|
130
|
+
const s = a.getColDef(), S = a.getSort(), h = we(s.colId);
|
|
131
|
+
H(void 0, void 0, {
|
|
132
132
|
column: s,
|
|
133
|
-
field: s.field
|
|
134
|
-
order: S ?
|
|
133
|
+
field: h?.field ?? s.field ?? s.colId,
|
|
134
|
+
order: S ? ye[S] : null
|
|
135
135
|
});
|
|
136
136
|
}
|
|
137
|
-
const
|
|
137
|
+
const he = l(() => wo(t(f), (e) => {
|
|
138
138
|
if (e.sorter === !0)
|
|
139
|
-
return e.
|
|
140
|
-
}).filter(Boolean)),
|
|
139
|
+
return e.field ?? e.dataIndex ?? e.key;
|
|
140
|
+
}).filter(Boolean)), ve = () => {
|
|
141
|
+
k.value = {};
|
|
142
|
+
const e = i.value;
|
|
143
|
+
if (!e)
|
|
144
|
+
return;
|
|
145
|
+
const r = e.getColumnState()?.map((a) => ({ ...a, sort: null }));
|
|
146
|
+
e.applyColumnState({ state: r });
|
|
147
|
+
}, Re = l(() => ko(o.manual) ? o.manual : xo(O.searchFormExtra?.() || []).some((r) => r.type?.name === "ApView")), {
|
|
141
148
|
formRef: w,
|
|
142
|
-
submit:
|
|
143
|
-
reset:
|
|
149
|
+
submit: T,
|
|
150
|
+
reset: D,
|
|
144
151
|
data: g,
|
|
145
|
-
tableProps:
|
|
146
|
-
handleTableChangeOptional:
|
|
147
|
-
submitWith:
|
|
148
|
-
refresh:
|
|
149
|
-
getPaging:
|
|
150
|
-
setPaging:
|
|
151
|
-
setDataSource:
|
|
152
|
-
} =
|
|
152
|
+
tableProps: G,
|
|
153
|
+
handleTableChangeOptional: H,
|
|
154
|
+
submitWith: U,
|
|
155
|
+
refresh: $,
|
|
156
|
+
getPaging: be,
|
|
157
|
+
setPaging: Be,
|
|
158
|
+
setDataSource: Fe
|
|
159
|
+
} = go({
|
|
153
160
|
async request(e) {
|
|
154
|
-
if (p = !1, !
|
|
161
|
+
if (p = !1, !Ie.value && B(o.dataSource) && P(), !B(o.dataSource)) {
|
|
155
162
|
const a = e.pageSize * (e.current - 1);
|
|
156
163
|
return {
|
|
157
164
|
data: (o.pagination === !1 ? o.dataSource : o.dataSource.slice(a, a + e.pageSize)) || [],
|
|
@@ -165,50 +172,51 @@ const nt = /* @__PURE__ */ Xe({
|
|
|
165
172
|
};
|
|
166
173
|
},
|
|
167
174
|
namespace: "ap-grid",
|
|
168
|
-
filterFields:
|
|
169
|
-
params:
|
|
175
|
+
filterFields: x([]),
|
|
176
|
+
params: I(o, "params"),
|
|
170
177
|
defaultData: o.defaultData,
|
|
171
|
-
manual: t(
|
|
178
|
+
manual: t(Re),
|
|
172
179
|
formatParams: o.beforeSearchSubmit,
|
|
173
180
|
pagination: o.pagination,
|
|
174
|
-
sortFields:
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
181
|
+
sortFields: he,
|
|
182
|
+
onClickReset: ve
|
|
183
|
+
}), ke = Ko(o, f), xe = l(
|
|
184
|
+
() => B(o.dataSource) ? g.records : o.dataSource
|
|
185
|
+
), Ie = l(() => {
|
|
178
186
|
const e = o.rowSelection === !0 ? {} : o.rowSelection;
|
|
179
187
|
return e ? e.preserveSelectedRowKeys !== !1 : !1;
|
|
180
188
|
}), {
|
|
181
|
-
select:
|
|
182
|
-
unSelect:
|
|
183
|
-
selectedRows:
|
|
184
|
-
selectedRowKeys:
|
|
185
|
-
clearAll:
|
|
186
|
-
selectMultiByKeys:
|
|
187
|
-
} =
|
|
189
|
+
select: Te,
|
|
190
|
+
unSelect: De,
|
|
191
|
+
selectedRows: K,
|
|
192
|
+
selectedRowKeys: Ke,
|
|
193
|
+
clearAll: Ne,
|
|
194
|
+
selectMultiByKeys: Pe
|
|
195
|
+
} = So({
|
|
188
196
|
...o.rowSelection === !0 ? {} : o.rowSelection,
|
|
189
|
-
dataSource:
|
|
197
|
+
dataSource: xe,
|
|
190
198
|
rowKey: o.rowKey
|
|
191
|
-
}),
|
|
199
|
+
}), ze = {
|
|
192
200
|
checkbox: "multiRow",
|
|
193
201
|
radio: "singleRow"
|
|
194
|
-
},
|
|
202
|
+
}, Ee = l(() => {
|
|
195
203
|
if (!o.rowSelection)
|
|
196
204
|
return;
|
|
197
205
|
const { type: e = "checkbox", disabled: r } = o.rowSelection === !0 ? {} : o.rowSelection;
|
|
198
206
|
return {
|
|
199
|
-
mode:
|
|
207
|
+
mode: ze[e],
|
|
200
208
|
isRowSelectable: (a) => r ? !r(a.data) : !0
|
|
201
209
|
};
|
|
202
210
|
});
|
|
203
|
-
function
|
|
204
|
-
return
|
|
211
|
+
function N(e) {
|
|
212
|
+
return le(o.rowKey) ? o.rowKey(e) : e[o.rowKey];
|
|
205
213
|
}
|
|
206
|
-
const
|
|
207
|
-
api: e =
|
|
214
|
+
const q = ({
|
|
215
|
+
api: e = i.value
|
|
208
216
|
}) => {
|
|
209
217
|
if (!o.rowSelection)
|
|
210
218
|
return;
|
|
211
|
-
const r =
|
|
219
|
+
const r = K.value;
|
|
212
220
|
if (!r.length) {
|
|
213
221
|
setTimeout(() => {
|
|
214
222
|
p = !0;
|
|
@@ -218,269 +226,269 @@ const nt = /* @__PURE__ */ Xe({
|
|
|
218
226
|
p = !1;
|
|
219
227
|
const a = [];
|
|
220
228
|
e.forEachNode((u) => {
|
|
221
|
-
const
|
|
222
|
-
r.find((S) =>
|
|
229
|
+
const C = u.data, s = N(C);
|
|
230
|
+
r.find((S) => N(S) === s) && a.push(u);
|
|
223
231
|
}), e.setNodesSelected({ nodes: a, newValue: !0 }), setTimeout(() => {
|
|
224
232
|
p = !0;
|
|
225
233
|
}, 0);
|
|
226
|
-
},
|
|
227
|
-
p && (e.node.isSelected() ?
|
|
228
|
-
},
|
|
234
|
+
}, Ve = (e) => {
|
|
235
|
+
p && (e.node.isSelected() ? Te(e.data) : De(e.data));
|
|
236
|
+
}, Ae = () => {
|
|
229
237
|
p = !0;
|
|
230
|
-
},
|
|
231
|
-
|
|
238
|
+
}, P = () => {
|
|
239
|
+
Ne(), i.value?.deselectAll();
|
|
232
240
|
};
|
|
233
|
-
function
|
|
234
|
-
|
|
235
|
-
|
|
241
|
+
function Me(e) {
|
|
242
|
+
Pe(e), eo(() => {
|
|
243
|
+
q({});
|
|
236
244
|
});
|
|
237
245
|
}
|
|
238
|
-
function
|
|
246
|
+
function J(e = !1) {
|
|
239
247
|
const r = e ? "getFieldsValueTransformed" : "getFieldsValue";
|
|
240
248
|
return w.value?.apForm?.[r]?.(!0);
|
|
241
249
|
}
|
|
242
|
-
function
|
|
250
|
+
function Q(e) {
|
|
243
251
|
w.value?.apForm?.setFieldsValue?.(e);
|
|
244
252
|
}
|
|
245
|
-
function
|
|
253
|
+
function X() {
|
|
246
254
|
return w.value?.getSorterItems() || [];
|
|
247
255
|
}
|
|
248
|
-
function
|
|
256
|
+
function Y(e) {
|
|
249
257
|
w.value?.setSorterItems(e);
|
|
250
258
|
}
|
|
251
|
-
function
|
|
259
|
+
function Z() {
|
|
252
260
|
w.value?.resetSorterItems();
|
|
253
261
|
}
|
|
254
|
-
function
|
|
262
|
+
function _(e) {
|
|
255
263
|
return e && String(e);
|
|
256
264
|
}
|
|
257
|
-
function
|
|
258
|
-
const r =
|
|
265
|
+
function Oe(e) {
|
|
266
|
+
const r = i.value;
|
|
259
267
|
if (!r)
|
|
260
268
|
return;
|
|
261
|
-
const a = r.getColumnState() || [], u = e.map((n) => n.key ? String(n.key) : n.key).filter(Boolean),
|
|
262
|
-
if (!
|
|
269
|
+
const a = r.getColumnState() || [], u = e.map((n) => n.key ? String(n.key) : n.key).filter(Boolean), C = a.map((n) => {
|
|
270
|
+
if (!fe.value.includes(n.colId))
|
|
263
271
|
return n;
|
|
264
|
-
const
|
|
272
|
+
const v = !u.includes(n.colId), ee = {
|
|
265
273
|
...n,
|
|
266
|
-
hide:
|
|
267
|
-
},
|
|
268
|
-
(
|
|
274
|
+
hide: v
|
|
275
|
+
}, oe = e.find(
|
|
276
|
+
(Ye) => _(Ye.key) === n.colId
|
|
269
277
|
);
|
|
270
|
-
return
|
|
278
|
+
return oe && (ee.pinned = oe.fixed || null), ee;
|
|
271
279
|
}), s = new Map(
|
|
272
|
-
e.map((n,
|
|
273
|
-
), S =
|
|
274
|
-
(n,
|
|
275
|
-
),
|
|
276
|
-
let
|
|
277
|
-
for (const n of
|
|
278
|
-
s.has(n.colId) ?
|
|
280
|
+
e.map((n, v) => [_(n.key), v])
|
|
281
|
+
), S = C.filter((n) => s.has(n.colId)).sort(
|
|
282
|
+
(n, v) => s.get(n.colId) - s.get(v.colId)
|
|
283
|
+
), h = [];
|
|
284
|
+
let d = 0;
|
|
285
|
+
for (const n of C)
|
|
286
|
+
s.has(n.colId) ? h.push(S[d++]) : h.push(n);
|
|
279
287
|
r.applyColumnState({
|
|
280
|
-
state:
|
|
288
|
+
state: h,
|
|
281
289
|
applyOrder: !0
|
|
282
290
|
});
|
|
283
291
|
}
|
|
284
|
-
|
|
292
|
+
Co({
|
|
285
293
|
columns: l(() => f.value),
|
|
286
|
-
columnsBackup: l(() =>
|
|
287
|
-
size: l(() =>
|
|
294
|
+
columnsBackup: l(() => L.value),
|
|
295
|
+
size: l(() => vo[y.value]),
|
|
288
296
|
updateColumns(e) {
|
|
289
|
-
f.value = e, o.onShownColumnsChange?.(e),
|
|
297
|
+
f.value = e, o.onShownColumnsChange?.(e), Oe(e);
|
|
290
298
|
},
|
|
291
299
|
updateSize(e) {
|
|
292
|
-
y.value =
|
|
300
|
+
y.value = ho[e];
|
|
293
301
|
},
|
|
294
302
|
renderConfig: l(() => ({
|
|
295
|
-
className:
|
|
296
|
-
color:
|
|
303
|
+
className: ce("table-header", "title"),
|
|
304
|
+
color: pe.value.colorTextTertiary
|
|
297
305
|
})),
|
|
298
306
|
dataSource: l(() => t(g).records),
|
|
299
|
-
getSearchFormValues:
|
|
300
|
-
setSearchFormValues:
|
|
301
|
-
submit:
|
|
302
|
-
submitWith:
|
|
303
|
-
reset:
|
|
304
|
-
refresh:
|
|
305
|
-
getSearchFormSorterItems:
|
|
306
|
-
setSearchFormSorterItems:
|
|
307
|
-
resetSearchFormSorterItems:
|
|
307
|
+
getSearchFormValues: J,
|
|
308
|
+
setSearchFormValues: Q,
|
|
309
|
+
submit: T,
|
|
310
|
+
submitWith: U,
|
|
311
|
+
reset: D,
|
|
312
|
+
refresh: $,
|
|
313
|
+
getSearchFormSorterItems: X,
|
|
314
|
+
setSearchFormSorterItems: Y,
|
|
315
|
+
resetSearchFormSorterItems: Z
|
|
308
316
|
});
|
|
309
|
-
const
|
|
310
|
-
() =>
|
|
311
|
-
),
|
|
312
|
-
|
|
313
|
-
o.card ? null :
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
].filter(Boolean)),
|
|
317
|
+
const We = l(
|
|
318
|
+
() => B(o.loading) ? g.loading : o.loading
|
|
319
|
+
), je = l(() => [
|
|
320
|
+
c(),
|
|
321
|
+
o.card ? null : c("wrapper"),
|
|
322
|
+
c("adaptive"),
|
|
323
|
+
c(`size-${y.value}`)
|
|
324
|
+
].filter(Boolean)), Le = l(() => ({
|
|
317
325
|
height: "100%",
|
|
318
326
|
...o.tableStyle || {}
|
|
319
|
-
})),
|
|
320
|
-
|
|
327
|
+
})), Ge = (e, r) => {
|
|
328
|
+
H({ current: e, pageSize: r });
|
|
321
329
|
};
|
|
322
|
-
function
|
|
330
|
+
function He(e) {
|
|
323
331
|
const r = e.data;
|
|
324
|
-
return
|
|
332
|
+
return N(r);
|
|
325
333
|
}
|
|
326
|
-
function
|
|
327
|
-
|
|
334
|
+
function Ue(e, r) {
|
|
335
|
+
i.value?.ensureIndexVisible(e, r);
|
|
328
336
|
}
|
|
329
|
-
function
|
|
337
|
+
function $e(e) {
|
|
330
338
|
o.onRowClicked?.(e.data, e.event);
|
|
331
339
|
}
|
|
332
|
-
function
|
|
340
|
+
function qe(e) {
|
|
333
341
|
o.onScrollEnd?.(e.direction);
|
|
334
342
|
}
|
|
335
|
-
function
|
|
336
|
-
return
|
|
343
|
+
function Je(e) {
|
|
344
|
+
return i.value?.refreshCells(e);
|
|
337
345
|
}
|
|
338
|
-
function
|
|
339
|
-
return
|
|
346
|
+
function Qe(e) {
|
|
347
|
+
return i.value?.redrawRows(e);
|
|
340
348
|
}
|
|
341
|
-
const
|
|
349
|
+
const Xe = (e) => {
|
|
342
350
|
const r = [
|
|
343
|
-
|
|
351
|
+
W.value.getRowClass?.(e)
|
|
344
352
|
];
|
|
345
353
|
if (!e.node.rowPinned) {
|
|
346
|
-
const a =
|
|
354
|
+
const a = le(o.rowClassName) ? o.rowClassName(e.data, e.rowIndex) : o.rowClassName;
|
|
347
355
|
r.push(a);
|
|
348
356
|
}
|
|
349
357
|
return r.flat().filter(Boolean);
|
|
350
358
|
};
|
|
351
|
-
return
|
|
359
|
+
return z(
|
|
352
360
|
() => o.dataSource,
|
|
353
361
|
(e) => {
|
|
354
|
-
|
|
362
|
+
Fe(e);
|
|
355
363
|
},
|
|
356
364
|
{ immediate: !0, deep: !0 }
|
|
357
|
-
),
|
|
365
|
+
), z(
|
|
358
366
|
() => o.size,
|
|
359
367
|
(e) => {
|
|
360
368
|
y.value = e;
|
|
361
369
|
}
|
|
362
|
-
),
|
|
370
|
+
), z(
|
|
363
371
|
() => t(g).loading,
|
|
364
372
|
(e) => {
|
|
365
373
|
o.onLoadingChange?.(e);
|
|
366
374
|
}
|
|
367
|
-
),
|
|
368
|
-
submit:
|
|
369
|
-
reset:
|
|
370
|
-
refresh:
|
|
371
|
-
submitWith:
|
|
372
|
-
setSearchFormValues:
|
|
373
|
-
getSearchFormValues:
|
|
375
|
+
), ie({
|
|
376
|
+
submit: T,
|
|
377
|
+
reset: D,
|
|
378
|
+
refresh: $,
|
|
379
|
+
submitWith: U,
|
|
380
|
+
setSearchFormValues: Q,
|
|
381
|
+
getSearchFormValues: J,
|
|
374
382
|
getShowColumns: () => t(f),
|
|
375
383
|
rowSelection: {
|
|
376
|
-
selectedRows: l(() =>
|
|
377
|
-
setSelectedRowKeys:
|
|
378
|
-
clearAll:
|
|
384
|
+
selectedRows: l(() => K.value),
|
|
385
|
+
setSelectedRowKeys: Me,
|
|
386
|
+
clearAll: P
|
|
379
387
|
},
|
|
380
|
-
scrollToRow:
|
|
388
|
+
scrollToRow: Ue,
|
|
381
389
|
getDataSource: () => t(g.records),
|
|
382
|
-
getPaging:
|
|
383
|
-
setPaging:
|
|
384
|
-
getSearchFormSorterItems:
|
|
385
|
-
setSearchFormSorterItems:
|
|
386
|
-
resetSearchFormSorterItems:
|
|
387
|
-
refreshCells:
|
|
388
|
-
redrawRows:
|
|
389
|
-
}), (e, r) => (
|
|
390
|
-
class: m(
|
|
391
|
-
style:
|
|
390
|
+
getPaging: be,
|
|
391
|
+
setPaging: Be,
|
|
392
|
+
getSearchFormSorterItems: X,
|
|
393
|
+
setSearchFormSorterItems: Y,
|
|
394
|
+
resetSearchFormSorterItems: Z,
|
|
395
|
+
refreshCells: Je,
|
|
396
|
+
redrawRows: Qe
|
|
397
|
+
}), (e, r) => (R(), E("div", {
|
|
398
|
+
class: m(je.value),
|
|
399
|
+
style: V(e.wrapperStyle)
|
|
392
400
|
}, [
|
|
393
|
-
t(
|
|
401
|
+
t(B)(e.dataSource) && e.searchForm !== !1 && t(j).length > 0 ? (R(), E("div", {
|
|
394
402
|
key: 0,
|
|
395
|
-
class: m(e.card ? t(
|
|
396
|
-
style:
|
|
403
|
+
class: m(e.card ? t(F)("search-wrapper") : null),
|
|
404
|
+
style: V(e.searchFormWrapperStyle)
|
|
397
405
|
}, [
|
|
398
|
-
|
|
406
|
+
A(t(fo).SearchForm, M(e.searchForm || {}, {
|
|
399
407
|
ref_key: "formRef",
|
|
400
408
|
ref: w,
|
|
401
409
|
"custom-reset": "",
|
|
402
|
-
"submit-loading": t(
|
|
403
|
-
onSubmit: t(
|
|
404
|
-
onReset: t(
|
|
405
|
-
}),
|
|
406
|
-
default:
|
|
407
|
-
(
|
|
410
|
+
"submit-loading": t(G).loading,
|
|
411
|
+
onSubmit: t(T),
|
|
412
|
+
onReset: t(D)
|
|
413
|
+
}), oo({
|
|
414
|
+
default: re(() => [
|
|
415
|
+
(R(!0), E(to, null, ro(t(j), (a) => (R(), ae(ao(a.renderNode), {
|
|
408
416
|
key: a.dataIndex
|
|
409
417
|
}))), 128))
|
|
410
418
|
]),
|
|
411
419
|
_: 2
|
|
412
420
|
}, [
|
|
413
|
-
|
|
421
|
+
O.searchFormExtra ? {
|
|
414
422
|
name: "extra",
|
|
415
|
-
fn:
|
|
416
|
-
|
|
423
|
+
fn: re(() => [
|
|
424
|
+
ne(e.$slots, "searchFormExtra")
|
|
417
425
|
]),
|
|
418
426
|
key: "0"
|
|
419
427
|
} : void 0
|
|
420
428
|
]), 1040, ["submit-loading", "onSubmit", "onReset"])
|
|
421
|
-
], 6)) :
|
|
422
|
-
|
|
423
|
-
class: m([t(
|
|
424
|
-
style:
|
|
429
|
+
], 6)) : te("", !0),
|
|
430
|
+
b("div", {
|
|
431
|
+
class: m([t(F)("table-wrapper"), e.card ? t(F)("table-wrapper-card") : null]),
|
|
432
|
+
style: V(e.tableWrapperStyle)
|
|
425
433
|
}, [
|
|
426
|
-
|
|
427
|
-
class: m(t(
|
|
434
|
+
b("div", {
|
|
435
|
+
class: m(t(c)("header-wrapper"))
|
|
428
436
|
}, [
|
|
429
|
-
|
|
430
|
-
selectedRows: t(
|
|
431
|
-
selectedRowKeys: t(
|
|
437
|
+
ne(e.$slots, "title", {
|
|
438
|
+
selectedRows: t(K),
|
|
439
|
+
selectedRowKeys: t(Ke),
|
|
432
440
|
shownColumns: t(f),
|
|
433
|
-
clearAll:
|
|
441
|
+
clearAll: P
|
|
434
442
|
})
|
|
435
443
|
], 2),
|
|
436
|
-
|
|
437
|
-
class: m(t(
|
|
444
|
+
b("div", {
|
|
445
|
+
class: m(t(c)("grid-wrapper"))
|
|
438
446
|
}, [
|
|
439
|
-
|
|
440
|
-
"get-row-class":
|
|
441
|
-
style:
|
|
447
|
+
A(t(so), M(t(uo)(t(ue), t(W)), {
|
|
448
|
+
"get-row-class": Xe,
|
|
449
|
+
style: Le.value,
|
|
442
450
|
"row-data": t(g).records,
|
|
443
|
-
"column-defs": t(
|
|
444
|
-
"default-col-def": t(
|
|
451
|
+
"column-defs": t(Se),
|
|
452
|
+
"default-col-def": t(ge),
|
|
445
453
|
"suppress-loading-overlay": "",
|
|
446
|
-
"row-selection":
|
|
447
|
-
"selection-column-def": t(
|
|
448
|
-
"get-row-id":
|
|
449
|
-
theme: t(
|
|
454
|
+
"row-selection": Ee.value,
|
|
455
|
+
"selection-column-def": t(ke),
|
|
456
|
+
"get-row-id": He,
|
|
457
|
+
theme: t(de),
|
|
450
458
|
"tooltip-show-delay": 500,
|
|
451
459
|
"enable-browser-tooltips": e.browserTooltips,
|
|
452
460
|
"tooltip-interaction": "",
|
|
453
461
|
"row-class-rules": e.rowClassRules,
|
|
454
|
-
"no-rows-overlay-component":
|
|
462
|
+
"no-rows-overlay-component": Po,
|
|
455
463
|
"suppress-cell-focus": "",
|
|
456
|
-
onSortChanged:
|
|
457
|
-
onGridReady: r[0] || (r[0] = (a) =>
|
|
458
|
-
onRowDataUpdated:
|
|
459
|
-
onRowSelected:
|
|
460
|
-
onFirstDataRendered:
|
|
461
|
-
onRowClicked:
|
|
462
|
-
onBodyScrollEnd:
|
|
464
|
+
onSortChanged: Ce,
|
|
465
|
+
onGridReady: r[0] || (r[0] = (a) => i.value = a.api),
|
|
466
|
+
onRowDataUpdated: q,
|
|
467
|
+
onRowSelected: Ve,
|
|
468
|
+
onFirstDataRendered: Ae,
|
|
469
|
+
onRowClicked: $e,
|
|
470
|
+
onBodyScrollEnd: qe
|
|
463
471
|
}), null, 16, ["style", "row-data", "column-defs", "default-col-def", "row-selection", "selection-column-def", "theme", "enable-browser-tooltips", "row-class-rules"]),
|
|
464
|
-
|
|
465
|
-
class: m(t(
|
|
472
|
+
no(b("div", {
|
|
473
|
+
class: m(t(F)("table-loading-wrapper"))
|
|
466
474
|
}, [
|
|
467
|
-
|
|
475
|
+
A(t(mo), { delay: 300 })
|
|
468
476
|
], 2), [
|
|
469
|
-
[
|
|
477
|
+
[lo, We.value]
|
|
470
478
|
])
|
|
471
479
|
], 2),
|
|
472
|
-
|
|
473
|
-
class: m(t(
|
|
480
|
+
b("div", {
|
|
481
|
+
class: m(t(c)("pagination-wrapper"))
|
|
474
482
|
}, [
|
|
475
|
-
e.pagination !== !1 ? (
|
|
483
|
+
e.pagination !== !1 ? (R(), ae(t(po), M({
|
|
476
484
|
key: 0,
|
|
477
|
-
class: t(
|
|
478
|
-
}, t(
|
|
485
|
+
class: t(c)("pagination")
|
|
486
|
+
}, t(G).pagination, { onChange: Ge }), null, 16, ["class"])) : te("", !0)
|
|
479
487
|
], 2)
|
|
480
488
|
], 6)
|
|
481
489
|
], 6));
|
|
482
490
|
}
|
|
483
491
|
});
|
|
484
492
|
export {
|
|
485
|
-
|
|
493
|
+
st as default
|
|
486
494
|
};
|
|
@@ -93,6 +93,10 @@ export type AgGridColumnType<RecordType = any, ExtraValueType = 'text', ValueTyp
|
|
|
93
93
|
* @returns
|
|
94
94
|
*/
|
|
95
95
|
cellClass?: string | string[] | ((data: RecordType, node: IRowNode<RecordType>) => string | string[] | undefined) | undefined;
|
|
96
|
+
/**
|
|
97
|
+
* 仅用于和接口交互的字段,如果不设置将会尝试使用`dataIndex`和`key`
|
|
98
|
+
*/
|
|
99
|
+
field?: string;
|
|
96
100
|
} : null;
|
|
97
101
|
export type AgGridRowSelection<RecordType> = Pick<TableRowSelection<RecordType>, 'type' | 'fixed' | 'columnWidth' | 'defaultSelectedRowKeys'> & {
|
|
98
102
|
/**
|
|
@@ -7,3 +7,9 @@ export declare function mergeProps(...options: GridOptions[]): GridOptions<any>;
|
|
|
7
7
|
* @returns
|
|
8
8
|
*/
|
|
9
9
|
export declare function pxToNumber(value?: string | number, defaultValue?: number): number;
|
|
10
|
+
/**
|
|
11
|
+
* 获取字符串的key
|
|
12
|
+
* @param key
|
|
13
|
+
* @returns
|
|
14
|
+
*/
|
|
15
|
+
export declare function getStringKey(key?: string | number): string | undefined;
|
package/es/src/ag-grid/utils.mjs
CHANGED
|
@@ -1,18 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import { isNumber as e } from "lodash-unified";
|
|
2
|
+
function c(...r) {
|
|
3
|
+
return r.reduce((t, n) => ({ ...t, ...n }), {});
|
|
3
4
|
}
|
|
4
|
-
function
|
|
5
|
+
function m(r, t = 0) {
|
|
5
6
|
if (!r)
|
|
6
|
-
return
|
|
7
|
+
return t;
|
|
7
8
|
if (typeof r == "number")
|
|
8
9
|
return r;
|
|
9
|
-
const
|
|
10
|
-
if (!
|
|
11
|
-
return
|
|
12
|
-
const o = parseFloat(
|
|
13
|
-
return o > 0 ? o :
|
|
10
|
+
const n = r.match(/^(-?\d+(?:\.\d+)?)px$/);
|
|
11
|
+
if (!n)
|
|
12
|
+
return t;
|
|
13
|
+
const o = parseFloat(n[1]);
|
|
14
|
+
return o > 0 ? o : t;
|
|
15
|
+
}
|
|
16
|
+
function p(r) {
|
|
17
|
+
return e(r) ? String(r) : r;
|
|
14
18
|
}
|
|
15
19
|
export {
|
|
16
|
-
|
|
17
|
-
c as
|
|
20
|
+
p as getStringKey,
|
|
21
|
+
c as mergeProps,
|
|
22
|
+
m as pxToNumber
|
|
18
23
|
};
|
|
@@ -1,38 +1,43 @@
|
|
|
1
|
-
import { isArray as
|
|
2
|
-
import { isDef as
|
|
3
|
-
const s = (r) => r <= 1 ? 1 : r,
|
|
4
|
-
const
|
|
5
|
-
return
|
|
6
|
-
},
|
|
7
|
-
xs:
|
|
8
|
-
sm:
|
|
9
|
-
md:
|
|
10
|
-
lg:
|
|
11
|
-
xl:
|
|
12
|
-
xxl:
|
|
1
|
+
import { isFunction as u, isArray as i } from "lodash-unified";
|
|
2
|
+
import { isDef as c } from "../../utils/index.mjs";
|
|
3
|
+
const s = (r) => r <= 1 ? 1 : r, o = (r, t = 1) => {
|
|
4
|
+
const n = Math.floor(24 / r), e = n * t;
|
|
5
|
+
return e > 24 ? n : e;
|
|
6
|
+
}, h = (r, t = 1) => ({
|
|
7
|
+
xs: o(s(r - 3), t),
|
|
8
|
+
sm: o(s(r - 2), t),
|
|
9
|
+
md: o(s(r - 1), t),
|
|
10
|
+
lg: o(s(r - 1), t),
|
|
11
|
+
xl: o(r, t),
|
|
12
|
+
xxl: o(r, t)
|
|
13
13
|
});
|
|
14
|
-
function
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
14
|
+
function p(r) {
|
|
15
|
+
return u(r.type) ? r.type() : r;
|
|
16
|
+
}
|
|
17
|
+
function f(r) {
|
|
18
|
+
const t = [], n = r.filter(
|
|
19
|
+
(e) => e && p(e) && e.type !== Symbol.for("v-cmt")
|
|
20
|
+
);
|
|
21
|
+
for (const e of n)
|
|
22
|
+
if (e.type === Symbol.for("v-fgt")) {
|
|
23
|
+
const l = f(e.children);
|
|
24
|
+
t.push(...l);
|
|
25
|
+
} else if (i(e)) {
|
|
26
|
+
const l = f(e);
|
|
27
|
+
t.push(...l);
|
|
23
28
|
} else
|
|
24
|
-
|
|
25
|
-
return
|
|
29
|
+
t.push(e);
|
|
30
|
+
return t;
|
|
26
31
|
}
|
|
27
|
-
const
|
|
28
|
-
const
|
|
29
|
-
return
|
|
32
|
+
const y = (r) => {
|
|
33
|
+
const t = [];
|
|
34
|
+
return t.push(...f(r)), t;
|
|
30
35
|
};
|
|
31
|
-
function
|
|
32
|
-
return
|
|
36
|
+
function N(r) {
|
|
37
|
+
return c(r) ? (i(r) ? r : [r]).join("") : Date.now();
|
|
33
38
|
}
|
|
34
39
|
export {
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
40
|
+
h as buildColSpan,
|
|
41
|
+
y as genRealChildren,
|
|
42
|
+
N as getStringName
|
|
38
43
|
};
|
package/es/src/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "6.29.
|
|
1
|
+
declare const _default: "6.29.2";
|
|
2
2
|
export default _default;
|
package/es/src/version.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),N=require("@aplus-frontend/antdv/es/theme/internal"),m=require("@ant-design/icons-vue"),T=require("../../../ap-table/utils.js");require("../../../config-provider/index.js");const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),N=require("@aplus-frontend/antdv/es/theme/internal"),m=require("@ant-design/icons-vue"),T=require("../../../ap-table/utils.js");require("../../../config-provider/index.js");const B=require("../../context.js"),p=require("../../../config-provider/hooks/use-namespace.js"),h=e.defineComponent({__name:"index",props:{params:{}},setup(d){const r=d,{b:f,e:n}=p.useNamespace("ag-custom-header"),{be:C,bem:g}=p.useNamespace("ap-grid"),[,v]=N.useToken(),{sorter:s,setSorter:S}=B.useInjectSorter(),o=e.computed(()=>r.params.column.sorter);function k(t){return t?t==="asc"?"desc":null:"asc"}const l=e.computed(()=>r.params?.column?.getColId?.());function b(){if(!o.value)return;const a=r.params.column.getColId(),q=r.params.column.getSort(),c=k(q),u=r.params.api,I=u.getColumnState().map(i=>({...i,sort:i.colId===a?c:null}));u.applyColumnState({state:I}),S({[a]:c})}return(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(f)(),{sortable:o.value},`align-${t.params.column.align||"left"}`]),onClick:b},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(T.getTableTitle)(t.params.column,[e.unref(C)("table-header","title"),t.params.column.tooltip?"":e.unref(g)("table-header","title","single")],void 0,e.unref(v).colorTextTertiary)))),o.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(n)("sort-wrapper"))},[e.createVNode(e.unref(m.CaretUpOutlined),{class:e.normalizeClass({[e.unref(n)("sorter-up")]:!0,active:e.unref(s)[l.value]==="asc"})},null,8,["class"]),e.createVNode(e.unref(m.CaretDownOutlined),{class:e.normalizeClass({[e.unref(n)("sorter-down")]:!0,active:e.unref(s)[l.value]==="desc"})},null,8,["class"])],2)):e.createCommentVNode("",!0)],2))}});exports.default=h;
|
|
@@ -7,4 +7,5 @@ export declare const useColumns: <RecordType>(props: AgGridProps<RecordType>) =>
|
|
|
7
7
|
columns: Ref<AgGridColumnType<RecordType>[], AgGridColumnType<RecordType>[]>;
|
|
8
8
|
shownColumns: Ref<AgGridColumnType<RecordType>[], AgGridColumnType<RecordType>[]>;
|
|
9
9
|
columnKeys: ComputedRef<string[]>;
|
|
10
|
+
getTargetColumnByKey: (key?: string) => AgGridColumnType<RecordType> | undefined;
|
|
10
11
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),l=require("../utils.js"),m=u=>{const n=t.ref([]),o=t.ref([]);function r(){return u.columns?.filter(e=>!e.hideInTable)||[]}function s(e){return n.value.find(i=>l.getStringKey(i.key)===e)}const c=t.computed(()=>n.value.map(e=>l.getStringKey(e.key)).filter(Boolean));return t.watch(()=>u.columns,()=>{const e=r();n.value=e,o.value=e,u.onShownColumnsChange?.(e)},{deep:!0,immediate:!0}),{columns:n,shownColumns:o,columnKeys:c,getTargetColumnByKey:s}};exports.useColumns=m;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../ap-table/constants.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../ap-table/constants.js"),s=require("vue"),o=require("../../ap-table/utils.js");require("../../config-provider/index.js");const l=require("../../config-provider/hooks/use-global-config.js"),i=n=>{let d=0;const u=l.useGlobalConfig("valueTypeMap");return s.computed(()=>(d++,n.columns?.filter(e=>!e.hideInSearch&&(e.field??e.dataIndex??e.key)&&(e.valueType||e.customRenderFormItem)&&!a.noRenderAsFormItemValueList.includes(e.valueType))?.sort((e,t)=>{const r=o.getColumnOrder(e.order);return o.getColumnOrder(t.order)-r})?.map(e=>{const t=o.updateFormProps(e,o.getFieldProps(e.fieldProps,{})),r={...e,fieldProps:{label:e.title,name:e.field??e.dataIndex??e.key,bordered:!0,...t||{},_signal:d},renderNode:void 0};return r.renderNode=o.getSearchFormItemRenderNode(r,s.unref(u)),r})||[]))};exports.useSearchForm=i;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),Ke=require("ag-grid-vue3"),$=require("ag-grid-community"),Ae=require("./utils.js"),G=require("@aplus-frontend/antdv"),d=require("lodash-unified");require("../config-provider/index.js");const Me=require("../ap-form/index.js"),Oe=require("../ap-table/utils.js"),Ue=require("../ap-table/hooks/use-table-paging-ng.js"),je=require("./hooks/use-row-selection.js"),We=require("./context.js"),$e=require("../ap-table/context.js"),L=require("../ap-grid/constants.js"),Ge=require("@aplus-frontend/antdv/es/theme/internal"),Le=require("./theme.js"),He=require("./hooks/use-columns.js"),_e=require("./hooks/use-columns-def.js"),Je=require("../utils/index.js"),Qe=require("../utils/slot.js"),Xe=require("./hooks/use-search-form.js");require("./components/empty/index.vue.js");const Ye=require("./hooks/use-virtual-config.js"),Ze=require("./hooks/use-pinned-row.js"),eo=require("./hooks/use-selection-col-def.js"),oo=require("../config-provider/hooks/use-namespace.js"),to=require("./components/empty/index.vue2.js"),ro=e.defineComponent({name:"AgGrid",__name:"index",props:{dropdownPrefixCls:{},bordered:{type:Boolean},locale:{},onChange:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{},showSorterTooltip:{type:[Boolean,Object]},prefixCls:{},rowKey:{type:[String,Function],default:"key"},tableLayout:{},title:{},id:{},showHeader:{type:Boolean},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean]},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean},indentSize:{},expandIconColumnIndex:{},showExpandColumn:{type:Boolean},expandedRowClassName:{},childrenColumnName:{},rowExpandable:{},transformCellText:{},columns:{},rowSelection:{type:Boolean},card:{type:Boolean},params:{},request:{},defaultData:{},dataSource:{},onLoadingChange:{},onShownColumnsChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},wrapperStyle:{},tableStyle:{},manual:{type:Boolean,default:void 0},size:{default:"mini"},adaptive:{type:Boolean},columnResizable:{type:Boolean,default:!1},loading:{type:Boolean,default:void 0},summary:{},rowHeight:{},advanceRenderer:{type:Boolean},browserTooltips:{type:Boolean},virtual:{type:[Boolean,Object],default:void 0},onRowClicked:{},onScrollEnd:{},rowClassName:{},rowClassRules:{}},setup(H,{expose:_}){$.ModuleRegistry.registerModules([$.AllCommunityModule]);const t=H,F=e.useSlots(),{e:h,b:i,be:J}=oo.useNamespace("ag-grid"),S=e.ref(t.size),Q=Le.useTheme(S,e.toRef(t,"rowHeight")),X=Ye.default(e.toRef(t,"virtual")),{rowPinnedGridConfig:q,getRowPinnedCellClass:Y}=Ze.usePinnedRow(e.toRef(t,"summary")),u=e.ref(),[,Z]=Ge.useToken();let f=!!t.dataSource;const N=Xe.useSearchForm(t),{shownColumns:m,columns:I,columnKeys:ee}=He.useColumns(t),{defaultColDef:oe,columnDefs:te}=_e.useColumnsDef(I,t,Y),v=e.ref({});We.useProvideSorter({sorter:v,setSorter(o){v.value=o}});const re={asc:"ascend",desc:"descend"};function ne(){const o=u.value.getColumns()?.filter(s=>s.getSort()!==void 0),r=e.unref(v)||{};let n=o?.[0];const c=Object.keys(r);if(c.length&&c.every(s=>r[s]===null)){const s=Object.keys(r)[0];s&&(n=u.value?.getColumn(s))}if(!n)return;const l=n.getColDef(),w=n.getSort();P(void 0,void 0,{column:l,field:l.field||l.colId,order:w?re[w]:null})}const ae=e.computed(()=>Oe.recursionApColumns(e.unref(m),o=>{if(o.sorter===!0)return o.key||o.dataIndex}).filter(Boolean)),le=e.computed(()=>Je.isDef(t.manual)?t.manual:Qe.getValidVNodeList(F.searchFormExtra?.()||[]).some(r=>r.type?.name==="ApView")),{formRef:p,submit:R,reset:b,data:g,tableProps:z,handleTableChangeOptional:P,submitWith:T,refresh:V,getPaging:se,setPaging:ue,setDataSource:ie}=Ue.useTablePaging({async request(o){if(f=!1,!fe.value&&d.isUndefined(t.dataSource)&&x(),!d.isUndefined(t.dataSource)){const n=o.pageSize*(o.current-1);return{data:(t.pagination===!1?t.dataSource:t.dataSource.slice(n,n+o.pageSize))||[],total:t.dataSource.length||0}}const r=await t.request?.(o);return{data:r?.data||[],total:r?.total||0}},namespace:"ap-grid",filterFields:e.ref([]),params:e.toRef(t,"params"),defaultData:t.defaultData,manual:e.unref(le),formatParams:t.beforeSearchSubmit,pagination:t.pagination,sortFields:ae}),ce=eo.default(t,m),de=e.computed(()=>d.isUndefined(t.dataSource)?g.records:t.dataSource),fe=e.computed(()=>{const o=t.rowSelection===!0?{}:t.rowSelection;return o?o.preserveSelectedRowKeys!==!1:!1}),{select:me,unSelect:pe,selectedRows:B,selectedRowKeys:ge,clearAll:we,selectMultiByKeys:Se}=je.default({...t.rowSelection===!0?{}:t.rowSelection,dataSource:de,rowKey:t.rowKey}),ye={checkbox:"multiRow",radio:"singleRow"},Ce=e.computed(()=>{if(!t.rowSelection)return;const{type:o="checkbox",disabled:r}=t.rowSelection===!0?{}:t.rowSelection;return{mode:ye[o],isRowSelectable:n=>r?!r(n.data):!0}});function k(o){return d.isFunction(t.rowKey)?t.rowKey(o):o[t.rowKey]}const E=({api:o=u.value})=>{if(!t.rowSelection)return;const r=B.value;if(!r.length){setTimeout(()=>{f=!0},0);return}f=!1;const n=[];o.forEachNode(c=>{const y=c.data,l=k(y);r.find(w=>k(w)===l)&&n.push(c)}),o.setNodesSelected({nodes:n,newValue:!0}),setTimeout(()=>{f=!0},0)},he=o=>{f&&(o.node.isSelected()?me(o.data):pe(o.data))},ve=()=>{f=!0},x=()=>{we(),u.value?.deselectAll()};function Re(o){Se(o),e.nextTick(()=>{E({})})}function D(o=!1){const r=o?"getFieldsValueTransformed":"getFieldsValue";return p.value?.apForm?.[r]?.(!0)}function K(o){p.value?.apForm?.setFieldsValue?.(o)}function A(){return p.value?.getSorterItems()||[]}function M(o){p.value?.setSorterItems(o)}function O(){p.value?.resetSorterItems()}function U(o){return o&&String(o)}function be(o){const r=u.value;if(!r)return;const n=r.getColumnState()||[],c=o.map(a=>a.key?String(a.key):a.key).filter(Boolean),y=n.map(a=>{if(!ee.value.includes(a.colId))return a;const C=!c.includes(a.colId),j={...a,hide:C},W=o.find(De=>U(De.key)===a.colId);return W&&(j.pinned=W.fixed||null),j}),l=new Map(o.map((a,C)=>[U(a.key),C])),w=y.filter(a=>l.has(a.colId)).sort((a,C)=>l.get(a.colId)-l.get(C.colId)),s=[];let Ee=0;for(const a of y)l.has(a.colId)?s.push(w[Ee++]):s.push(a);r.applyColumnState({state:s,applyOrder:!0})}$e.useProvideApTable({columns:e.computed(()=>m.value),columnsBackup:e.computed(()=>I.value),size:e.computed(()=>L.sizeMap[S.value]),updateColumns(o){m.value=o,t.onShownColumnsChange?.(o),be(o)},updateSize(o){S.value=L.sizeReverseMap[o]},renderConfig:e.computed(()=>({className:J("table-header","title"),color:Z.value.colorTextTertiary})),dataSource:e.computed(()=>e.unref(g).records),getSearchFormValues:D,setSearchFormValues:K,submit:R,submitWith:T,reset:b,refresh:V,getSearchFormSorterItems:A,setSearchFormSorterItems:M,resetSearchFormSorterItems:O});const Be=e.computed(()=>d.isUndefined(t.loading)?g.loading:t.loading),ke=e.computed(()=>[i(),t.card?null:i("wrapper"),i("adaptive"),i(`size-${S.value}`)].filter(Boolean)),xe=e.computed(()=>({height:"100%",...t.tableStyle||{}})),Fe=(o,r)=>{P({current:o,pageSize:r})};function qe(o){const r=o.data;return k(r)}function Ne(o,r){u.value?.ensureIndexVisible(o,r)}function Ie(o){t.onRowClicked?.(o.data,o.event)}function ze(o){t.onScrollEnd?.(o.direction)}function Pe(o){return u.value?.refreshCells(o)}function Te(o){return u.value?.redrawRows(o)}const Ve=o=>{const r=[q.value.getRowClass?.(o)];if(!o.node.rowPinned){const n=d.isFunction(t.rowClassName)?t.rowClassName(o.data,o.rowIndex):t.rowClassName;r.push(n)}return r.flat().filter(Boolean)};return e.watch(()=>t.dataSource,o=>{ie(o)},{immediate:!0,deep:!0}),e.watch(()=>t.size,o=>{S.value=o}),e.watch(()=>e.unref(g).loading,o=>{t.onLoadingChange?.(o)}),_({submit:R,reset:b,refresh:V,submitWith:T,setSearchFormValues:K,getSearchFormValues:D,getShowColumns:()=>e.unref(m),rowSelection:{selectedRows:e.computed(()=>B.value),setSelectedRowKeys:Re,clearAll:x},scrollToRow:Ne,getDataSource:()=>e.unref(g.records),getPaging:se,setPaging:ue,getSearchFormSorterItems:A,setSearchFormSorterItems:M,resetSearchFormSorterItems:O,refreshCells:Pe,redrawRows:Te}),(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(ke.value),style:e.normalizeStyle(o.wrapperStyle)},[e.unref(d.isUndefined)(o.dataSource)&&o.searchForm!==!1&&e.unref(N).length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(o.card?e.unref(h)("search-wrapper"):null),style:e.normalizeStyle(o.searchFormWrapperStyle)},[e.createVNode(e.unref(Me.ApForm).SearchForm,e.mergeProps(o.searchForm||{},{ref_key:"formRef",ref:p,"custom-reset":"","submit-loading":e.unref(z).loading,onSubmit:e.unref(R),onReset:e.unref(b)}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(N),n=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.renderNode),{key:n.dataIndex}))),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(h)("table-wrapper"),o.card?e.unref(h)("table-wrapper-card"):null]),style:e.normalizeStyle(o.tableWrapperStyle)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(i)("header-wrapper"))},[e.renderSlot(o.$slots,"title",{selectedRows:e.unref(B),selectedRowKeys:e.unref(ge),shownColumns:e.unref(m),clearAll:x})],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(i)("grid-wrapper"))},[e.createVNode(e.unref(Ke.AgGridVue),e.mergeProps(e.unref(Ae.mergeProps)(e.unref(X),e.unref(q)),{"get-row-class":Ve,style:xe.value,"row-data":e.unref(g).records,"column-defs":e.unref(te),"default-col-def":e.unref(oe),"suppress-loading-overlay":"","row-selection":Ce.value,"selection-column-def":e.unref(ce),"get-row-id":qe,theme:e.unref(Q),"tooltip-show-delay":500,"enable-browser-tooltips":o.browserTooltips,"tooltip-interaction":"","row-class-rules":o.rowClassRules,"no-rows-overlay-component":to.default,"suppress-cell-focus":"",onSortChanged:ne,onGridReady:r[0]||(r[0]=n=>u.value=n.api),onRowDataUpdated:E,onRowSelected:he,onFirstDataRendered:ve,onRowClicked:Ie,onBodyScrollEnd:ze}),null,16,["style","row-data","column-defs","default-col-def","row-selection","selection-column-def","theme","enable-browser-tooltips","row-class-rules"]),e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(e.unref(h)("table-loading-wrapper"))},[e.createVNode(e.unref(G.Spin),{delay:300})],2),[[e.vShow,Be.value]])],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(i)("pagination-wrapper"))},[o.pagination!==!1?(e.openBlock(),e.createBlock(e.unref(G.Pagination),e.mergeProps({key:0,class:e.unref(i)("pagination")},e.unref(z).pagination,{onChange:Fe}),null,16,["class"])):e.createCommentVNode("",!0)],2)],6)],6))}});exports.default=ro;
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),Me=require("ag-grid-vue3"),G=require("ag-grid-community"),Oe=require("./utils.js"),L=require("@aplus-frontend/antdv"),d=require("lodash-unified");require("../config-provider/index.js");const Ue=require("../ap-form/index.js"),je=require("../ap-table/utils.js"),We=require("../ap-table/hooks/use-table-paging-ng.js"),$e=require("./hooks/use-row-selection.js"),Ge=require("./context.js"),Le=require("../ap-table/context.js"),H=require("../ap-grid/constants.js"),He=require("@aplus-frontend/antdv/es/theme/internal"),_e=require("./theme.js"),Je=require("./hooks/use-columns.js"),Qe=require("./hooks/use-columns-def.js"),Xe=require("../utils/index.js"),Ye=require("../utils/slot.js"),Ze=require("./hooks/use-search-form.js");require("./components/empty/index.vue.js");const eo=require("./hooks/use-virtual-config.js"),oo=require("./hooks/use-pinned-row.js"),to=require("./hooks/use-selection-col-def.js"),ro=require("../config-provider/hooks/use-namespace.js"),no=require("./components/empty/index.vue2.js"),ao=e.defineComponent({name:"AgGrid",__name:"index",props:{dropdownPrefixCls:{},bordered:{type:Boolean},locale:{},onChange:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{},showSorterTooltip:{type:[Boolean,Object]},prefixCls:{},rowKey:{type:[String,Function],default:"key"},tableLayout:{},title:{},id:{},showHeader:{type:Boolean},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean]},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean},indentSize:{},expandIconColumnIndex:{},showExpandColumn:{type:Boolean},expandedRowClassName:{},childrenColumnName:{},rowExpandable:{},transformCellText:{},columns:{},rowSelection:{type:Boolean},card:{type:Boolean},params:{},request:{},defaultData:{},dataSource:{},onLoadingChange:{},onShownColumnsChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},wrapperStyle:{},tableStyle:{},manual:{type:Boolean,default:void 0},size:{default:"mini"},adaptive:{type:Boolean},columnResizable:{type:Boolean,default:!1},loading:{type:Boolean,default:void 0},summary:{},rowHeight:{},advanceRenderer:{type:Boolean},browserTooltips:{type:Boolean},virtual:{type:[Boolean,Object],default:void 0},onRowClicked:{},onScrollEnd:{},rowClassName:{},rowClassRules:{}},setup(_,{expose:J}){G.ModuleRegistry.registerModules([G.AllCommunityModule]);const t=_,q=e.useSlots(),{e:v,b:u,be:Q}=ro.useNamespace("ag-grid"),S=e.ref(t.size),X=_e.useTheme(S,e.toRef(t,"rowHeight")),Y=eo.default(e.toRef(t,"virtual")),{rowPinnedGridConfig:N,getRowPinnedCellClass:Z}=oo.usePinnedRow(e.toRef(t,"summary")),s=e.ref(),[,ee]=He.useToken();let f=!!t.dataSource;const I=Ze.useSearchForm(t),{shownColumns:m,columns:z,columnKeys:oe,getTargetColumnByKey:te}=Je.useColumns(t),{defaultColDef:re,columnDefs:ne}=Qe.useColumnsDef(z,t,Z),R=e.ref({});Ge.useProvideSorter({sorter:R,setSorter(o){R.value=o}});const ae={asc:"ascend",desc:"descend"};function le(){const o=s.value.getColumns()?.filter(i=>i.getSort()!==void 0),r=e.unref(R)||{};let n=o?.[0];const c=Object.keys(r);if(c.length&&c.every(i=>r[i]===null)){const i=Object.keys(r)[0];i&&(n=s.value?.getColumn(i))}if(!n)return;const l=n.getColDef(),w=n.getSort(),C=te(l.colId);P(void 0,void 0,{column:l,field:C?.field??l.field??l.colId,order:w?ae[w]:null})}const se=e.computed(()=>je.recursionApColumns(e.unref(m),o=>{if(o.sorter===!0)return o.field??o.dataIndex??o.key}).filter(Boolean)),ue=()=>{R.value={};const o=s.value;if(!o)return;const r=o.getColumnState()?.map(n=>({...n,sort:null}));o.applyColumnState({state:r})},ie=e.computed(()=>Xe.isDef(t.manual)?t.manual:Ye.getValidVNodeList(q.searchFormExtra?.()||[]).some(r=>r.type?.name==="ApView")),{formRef:p,submit:b,reset:B,data:g,tableProps:T,handleTableChangeOptional:P,submitWith:V,refresh:E,getPaging:ce,setPaging:de,setDataSource:fe}=We.useTablePaging({async request(o){if(f=!1,!ge.value&&d.isUndefined(t.dataSource)&&F(),!d.isUndefined(t.dataSource)){const n=o.pageSize*(o.current-1);return{data:(t.pagination===!1?t.dataSource:t.dataSource.slice(n,n+o.pageSize))||[],total:t.dataSource.length||0}}const r=await t.request?.(o);return{data:r?.data||[],total:r?.total||0}},namespace:"ap-grid",filterFields:e.ref([]),params:e.toRef(t,"params"),defaultData:t.defaultData,manual:e.unref(ie),formatParams:t.beforeSearchSubmit,pagination:t.pagination,sortFields:se,onClickReset:ue}),me=to.default(t,m),pe=e.computed(()=>d.isUndefined(t.dataSource)?g.records:t.dataSource),ge=e.computed(()=>{const o=t.rowSelection===!0?{}:t.rowSelection;return o?o.preserveSelectedRowKeys!==!1:!1}),{select:we,unSelect:Se,selectedRows:k,selectedRowKeys:ye,clearAll:Ce,selectMultiByKeys:he}=$e.default({...t.rowSelection===!0?{}:t.rowSelection,dataSource:pe,rowKey:t.rowKey}),ve={checkbox:"multiRow",radio:"singleRow"},Re=e.computed(()=>{if(!t.rowSelection)return;const{type:o="checkbox",disabled:r}=t.rowSelection===!0?{}:t.rowSelection;return{mode:ve[o],isRowSelectable:n=>r?!r(n.data):!0}});function x(o){return d.isFunction(t.rowKey)?t.rowKey(o):o[t.rowKey]}const D=({api:o=s.value})=>{if(!t.rowSelection)return;const r=k.value;if(!r.length){setTimeout(()=>{f=!0},0);return}f=!1;const n=[];o.forEachNode(c=>{const y=c.data,l=x(y);r.find(w=>x(w)===l)&&n.push(c)}),o.setNodesSelected({nodes:n,newValue:!0}),setTimeout(()=>{f=!0},0)},be=o=>{f&&(o.node.isSelected()?we(o.data):Se(o.data))},Be=()=>{f=!0},F=()=>{Ce(),s.value?.deselectAll()};function ke(o){he(o),e.nextTick(()=>{D({})})}function K(o=!1){const r=o?"getFieldsValueTransformed":"getFieldsValue";return p.value?.apForm?.[r]?.(!0)}function A(o){p.value?.apForm?.setFieldsValue?.(o)}function M(){return p.value?.getSorterItems()||[]}function O(o){p.value?.setSorterItems(o)}function U(){p.value?.resetSorterItems()}function j(o){return o&&String(o)}function xe(o){const r=s.value;if(!r)return;const n=r.getColumnState()||[],c=o.map(a=>a.key?String(a.key):a.key).filter(Boolean),y=n.map(a=>{if(!oe.value.includes(a.colId))return a;const h=!c.includes(a.colId),W={...a,hide:h},$=o.find(Ae=>j(Ae.key)===a.colId);return $&&(W.pinned=$.fixed||null),W}),l=new Map(o.map((a,h)=>[j(a.key),h])),w=y.filter(a=>l.has(a.colId)).sort((a,h)=>l.get(a.colId)-l.get(h.colId)),C=[];let i=0;for(const a of y)l.has(a.colId)?C.push(w[i++]):C.push(a);r.applyColumnState({state:C,applyOrder:!0})}Le.useProvideApTable({columns:e.computed(()=>m.value),columnsBackup:e.computed(()=>z.value),size:e.computed(()=>H.sizeMap[S.value]),updateColumns(o){m.value=o,t.onShownColumnsChange?.(o),xe(o)},updateSize(o){S.value=H.sizeReverseMap[o]},renderConfig:e.computed(()=>({className:Q("table-header","title"),color:ee.value.colorTextTertiary})),dataSource:e.computed(()=>e.unref(g).records),getSearchFormValues:K,setSearchFormValues:A,submit:b,submitWith:V,reset:B,refresh:E,getSearchFormSorterItems:M,setSearchFormSorterItems:O,resetSearchFormSorterItems:U});const Fe=e.computed(()=>d.isUndefined(t.loading)?g.loading:t.loading),qe=e.computed(()=>[u(),t.card?null:u("wrapper"),u("adaptive"),u(`size-${S.value}`)].filter(Boolean)),Ne=e.computed(()=>({height:"100%",...t.tableStyle||{}})),Ie=(o,r)=>{P({current:o,pageSize:r})};function ze(o){const r=o.data;return x(r)}function Te(o,r){s.value?.ensureIndexVisible(o,r)}function Pe(o){t.onRowClicked?.(o.data,o.event)}function Ve(o){t.onScrollEnd?.(o.direction)}function Ee(o){return s.value?.refreshCells(o)}function De(o){return s.value?.redrawRows(o)}const Ke=o=>{const r=[N.value.getRowClass?.(o)];if(!o.node.rowPinned){const n=d.isFunction(t.rowClassName)?t.rowClassName(o.data,o.rowIndex):t.rowClassName;r.push(n)}return r.flat().filter(Boolean)};return e.watch(()=>t.dataSource,o=>{fe(o)},{immediate:!0,deep:!0}),e.watch(()=>t.size,o=>{S.value=o}),e.watch(()=>e.unref(g).loading,o=>{t.onLoadingChange?.(o)}),J({submit:b,reset:B,refresh:E,submitWith:V,setSearchFormValues:A,getSearchFormValues:K,getShowColumns:()=>e.unref(m),rowSelection:{selectedRows:e.computed(()=>k.value),setSelectedRowKeys:ke,clearAll:F},scrollToRow:Te,getDataSource:()=>e.unref(g.records),getPaging:ce,setPaging:de,getSearchFormSorterItems:M,setSearchFormSorterItems:O,resetSearchFormSorterItems:U,refreshCells:Ee,redrawRows:De}),(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(qe.value),style:e.normalizeStyle(o.wrapperStyle)},[e.unref(d.isUndefined)(o.dataSource)&&o.searchForm!==!1&&e.unref(I).length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(o.card?e.unref(v)("search-wrapper"):null),style:e.normalizeStyle(o.searchFormWrapperStyle)},[e.createVNode(e.unref(Ue.ApForm).SearchForm,e.mergeProps(o.searchForm||{},{ref_key:"formRef",ref:p,"custom-reset":"","submit-loading":e.unref(T).loading,onSubmit:e.unref(b),onReset:e.unref(B)}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(I),n=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.renderNode),{key:n.dataIndex}))),128))]),_:2},[q.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(v)("table-wrapper"),o.card?e.unref(v)("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(k),selectedRowKeys:e.unref(ye),shownColumns:e.unref(m),clearAll:F})],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("grid-wrapper"))},[e.createVNode(e.unref(Me.AgGridVue),e.mergeProps(e.unref(Oe.mergeProps)(e.unref(Y),e.unref(N)),{"get-row-class":Ke,style:Ne.value,"row-data":e.unref(g).records,"column-defs":e.unref(ne),"default-col-def":e.unref(re),"suppress-loading-overlay":"","row-selection":Re.value,"selection-column-def":e.unref(me),"get-row-id":ze,theme:e.unref(X),"tooltip-show-delay":500,"enable-browser-tooltips":o.browserTooltips,"tooltip-interaction":"","row-class-rules":o.rowClassRules,"no-rows-overlay-component":no.default,"suppress-cell-focus":"",onSortChanged:le,onGridReady:r[0]||(r[0]=n=>s.value=n.api),onRowDataUpdated:D,onRowSelected:be,onFirstDataRendered:Be,onRowClicked:Pe,onBodyScrollEnd:Ve}),null,16,["style","row-data","column-defs","default-col-def","row-selection","selection-column-def","theme","enable-browser-tooltips","row-class-rules"]),e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(e.unref(v)("table-loading-wrapper"))},[e.createVNode(e.unref(L.Spin),{delay:300})],2),[[e.vShow,Fe.value]])],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("pagination-wrapper"))},[o.pagination!==!1?(e.openBlock(),e.createBlock(e.unref(L.Pagination),e.mergeProps({key:0,class:e.unref(u)("pagination")},e.unref(T).pagination,{onChange:Ie}),null,16,["class"])):e.createCommentVNode("",!0)],2)],6)],6))}});exports.default=ao;
|
|
@@ -93,6 +93,10 @@ export type AgGridColumnType<RecordType = any, ExtraValueType = 'text', ValueTyp
|
|
|
93
93
|
* @returns
|
|
94
94
|
*/
|
|
95
95
|
cellClass?: string | string[] | ((data: RecordType, node: IRowNode<RecordType>) => string | string[] | undefined) | undefined;
|
|
96
|
+
/**
|
|
97
|
+
* 仅用于和接口交互的字段,如果不设置将会尝试使用`dataIndex`和`key`
|
|
98
|
+
*/
|
|
99
|
+
field?: string;
|
|
96
100
|
} : null;
|
|
97
101
|
export type AgGridRowSelection<RecordType> = Pick<TableRowSelection<RecordType>, 'type' | 'fixed' | 'columnWidth' | 'defaultSelectedRowKeys'> & {
|
|
98
102
|
/**
|
|
@@ -7,3 +7,9 @@ export declare function mergeProps(...options: GridOptions[]): GridOptions<any>;
|
|
|
7
7
|
* @returns
|
|
8
8
|
*/
|
|
9
9
|
export declare function pxToNumber(value?: string | number, defaultValue?: number): number;
|
|
10
|
+
/**
|
|
11
|
+
* 获取字符串的key
|
|
12
|
+
* @param key
|
|
13
|
+
* @returns
|
|
14
|
+
*/
|
|
15
|
+
export declare function getStringKey(key?: string | number): string | undefined;
|
package/lib/src/ag-grid/utils.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("lodash-unified");function i(...r){return r.reduce((t,e)=>({...t,...e}),{})}function c(r,t=0){if(!r)return t;if(typeof r=="number")return r;const e=r.match(/^(-?\d+(?:\.\d+)?)px$/);if(!e)return t;const n=parseFloat(e[1]);return n>0?n:t}function s(r){return o.isNumber(r)?String(r):r}exports.getStringKey=s;exports.mergeProps=i;exports.pxToNumber=c;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("lodash-unified"),f=require("../../utils/index.js"),s=r=>r<=1?1:r,n=(r,e=1)=>{const o=Math.floor(24/r),t=o*e;return t>24?o:t},c=(r,e=1)=>({xs:n(s(r-3),e),sm:n(s(r-2),e),md:n(s(r-1),e),lg:n(s(r-1),e),xl:n(r,e),xxl:n(r,e)});function a(r){return u.isFunction(r.type)?r.type():r}function i(r){const e=[],o=r.filter(t=>t&&a(t)&&t.type!==Symbol.for("v-cmt"));for(const t of o)if(t.type===Symbol.for("v-fgt")){const l=i(t.children);e.push(...l)}else if(u.isArray(t)){const l=i(t);e.push(...l)}else e.push(t);return e}const g=r=>{const e=[];return e.push(...i(r)),e};function d(r){return f.isDef(r)?(u.isArray(r)?r:[r]).join(""):Date.now()}exports.buildColSpan=c;exports.genRealChildren=g;exports.getStringName=d;
|
package/lib/src/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "6.29.
|
|
1
|
+
declare const _default: "6.29.2";
|
|
2
2
|
export default _default;
|
package/lib/src/version.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="6.29.
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="6.29.2";exports.default=e;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@aplus-frontend/ui",
|
|
3
|
-
"version": "6.29.
|
|
3
|
+
"version": "6.29.2",
|
|
4
4
|
"main": "./lib/index.js",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"files": [
|
|
@@ -37,8 +37,8 @@
|
|
|
37
37
|
"scroll-into-view-if-needed": "^3.1.0",
|
|
38
38
|
"vue-virtual-scroller": "2.0.0-beta.8",
|
|
39
39
|
"vuedraggable": "^4.1.0",
|
|
40
|
-
"@aplus-frontend/
|
|
41
|
-
"@aplus-frontend/
|
|
40
|
+
"@aplus-frontend/utils": "1.0.61",
|
|
41
|
+
"@aplus-frontend/hooks": "1.0.7"
|
|
42
42
|
},
|
|
43
43
|
"peerDependencies": {
|
|
44
44
|
"@aplus-frontend/antdv": "^1.2.6",
|
package/theme/antdv-override.css
CHANGED
|
@@ -268,6 +268,9 @@
|
|
|
268
268
|
[data-aplus-ui-mode='aplus'] .ant-tooltip div[role='tooltip'] {
|
|
269
269
|
padding-block: 6px;
|
|
270
270
|
}
|
|
271
|
+
[data-aplus-ui-mode='aplus'] .ant-drawer-right .ant-drawer-content-wrapper {
|
|
272
|
+
box-shadow: -8px 2px 24px 0 rgba(24, 41, 72, 0.2);
|
|
273
|
+
}
|
|
271
274
|
[data-aplus-ui-mode='admin'] .ant-alert .ant-alert-close-icon {
|
|
272
275
|
line-height: 18px;
|
|
273
276
|
}
|
|
@@ -542,3 +545,6 @@
|
|
|
542
545
|
[data-aplus-ui-mode='admin'] .ant-input-clear-icon {
|
|
543
546
|
line-height: 18px;
|
|
544
547
|
}
|
|
548
|
+
[data-aplus-ui-mode='admin'] .ant-drawer-right .ant-drawer-content-wrapper {
|
|
549
|
+
box-shadow: -8px 2px 24px 0 rgba(51, 51, 51, 0.2);
|
|
550
|
+
}
|
|
@@ -307,6 +307,14 @@
|
|
|
307
307
|
.ant-tooltip div[role='tooltip'] {
|
|
308
308
|
padding-block: 6px;
|
|
309
309
|
}
|
|
310
|
+
// Drawer
|
|
311
|
+
.ant-drawer {
|
|
312
|
+
&-right {
|
|
313
|
+
.ant-drawer-content-wrapper {
|
|
314
|
+
box-shadow: -8px 2px 24px 0 rgba(24, 41, 72, 0.2);
|
|
315
|
+
}
|
|
316
|
+
}
|
|
317
|
+
}
|
|
310
318
|
}
|
|
311
319
|
|
|
312
320
|
[data-aplus-ui-mode='admin'] {
|
|
@@ -619,4 +627,13 @@
|
|
|
619
627
|
.ant-input-clear-icon {
|
|
620
628
|
line-height: 18px;
|
|
621
629
|
}
|
|
630
|
+
|
|
631
|
+
// Drawer
|
|
632
|
+
.ant-drawer {
|
|
633
|
+
&-right {
|
|
634
|
+
.ant-drawer-content-wrapper {
|
|
635
|
+
box-shadow: -8px 2px 24px 0 rgba(51, 51, 51, 0.2);
|
|
636
|
+
}
|
|
637
|
+
}
|
|
638
|
+
}
|
|
622
639
|
}
|
package/theme/index.css
CHANGED
|
@@ -369,6 +369,9 @@
|
|
|
369
369
|
[data-aplus-ui-mode='aplus'] .ant-tooltip div[role='tooltip'] {
|
|
370
370
|
padding-block: 6px;
|
|
371
371
|
}
|
|
372
|
+
[data-aplus-ui-mode='aplus'] .ant-drawer-right .ant-drawer-content-wrapper {
|
|
373
|
+
box-shadow: -8px 2px 24px 0 rgba(24, 41, 72, 0.2);
|
|
374
|
+
}
|
|
372
375
|
[data-aplus-ui-mode='admin'] .ant-alert .ant-alert-close-icon {
|
|
373
376
|
line-height: 18px;
|
|
374
377
|
}
|
|
@@ -643,6 +646,9 @@
|
|
|
643
646
|
[data-aplus-ui-mode='admin'] .ant-input-clear-icon {
|
|
644
647
|
line-height: 18px;
|
|
645
648
|
}
|
|
649
|
+
[data-aplus-ui-mode='admin'] .ant-drawer-right .ant-drawer-content-wrapper {
|
|
650
|
+
box-shadow: -8px 2px 24px 0 rgba(51, 51, 51, 0.2);
|
|
651
|
+
}
|
|
646
652
|
.reset-component {
|
|
647
653
|
box-sizing: border-box;
|
|
648
654
|
margin: 0;
|