@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.
@@ -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 O, resolveDynamicComponent as _, createVNode as C } from "vue";
2
- import { useToken as D } from "@aplus-frontend/antdv/es/theme/internal";
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: a } = g("ag-custom-header"), { be: b, bem: k } = g("ap-grid"), [, I] = D(), { sorter: c, setSorter: T } = A(), n = d(() => o.params.column.sorter);
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 y() {
20
- if (!n.value)
19
+ function x() {
20
+ if (!a.value)
21
21
  return;
22
- const l = o.params.column.getColId(), x = o.params.column.getSort(), u = h(x), p = o.params.api, N = p.getColumnState().map((i) => ({
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: n.value }, `align-${t.params.column.align || "left"}`]),
33
- onClick: y
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
- n.value ? (s(), f("span", {
45
+ a.value ? (s(), f("span", {
47
46
  key: 0,
48
- class: r(e(a)("sort-wrapper"))
47
+ class: r(e(n)("sort-wrapper"))
49
48
  }, [
50
49
  C(e(V), {
51
- class: r({ [e(a)("sorter-up")]: !0, active: e(c)[m.value] === "asc" })
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(a)("sorter-down")]: !0, active: e(c)[m.value] === "desc" })
53
+ class: r({ [e(n)("sorter-down")]: !0, active: e(c)[m.value] === "desc" })
55
54
  }, null, 8, ["class"])
56
- ], 2)) : O("", !0)
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 s, watch as r } from "vue";
2
- const a = (n) => {
3
- const o = u([]), t = u([]);
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 n.columns?.filter((e) => !e.hideInTable) || [];
6
+ return o.columns?.filter((e) => !e.hideInTable) || [];
6
7
  }
7
- const l = s(
8
- () => o.value.map((e) => e.key ? String(e.key) : e.key).filter(Boolean)
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 r(
11
- () => n.columns,
14
+ return i(
15
+ () => o.columns,
12
16
  () => {
13
17
  const e = m();
14
- o.value = e, t.value = e, n.onShownColumnsChange?.(e);
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: o,
25
+ columns: n,
22
26
  shownColumns: t,
23
- columnKeys: l
27
+ columnKeys: s,
28
+ getTargetColumnByKey: r
24
29
  };
25
30
  };
26
31
  export {
27
- a as useColumns
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 d, updateFormProps as u, getFieldProps as m, getSearchFormItemRenderNode as i } from "../../ap-table/utils.mjs";
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 c } from "../../config-provider/hooks/use-global-config.mjs";
6
- const P = (n) => {
7
- let t = 0;
8
- const a = c("valueTypeMap");
9
- return p(() => (t++, n.columns?.filter(
10
- (e) => !e.hideInSearch && (e.dataIndex || e.key) && (e.valueType || e.customRenderFormItem) && !s.includes(e.valueType)
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 = d(e.order);
13
- return d(o.order) - r;
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
- m(e.fieldProps, {})
17
+ i(e.fieldProps, {})
18
18
  ), r = {
19
19
  ...e,
20
20
  fieldProps: {
21
21
  label: e.title,
22
- name: e.dataIndex || e.key,
22
+ name: e.field ?? e.dataIndex ?? e.key,
23
23
  // tips: 在表格中的查询表单项默认是带边框的
24
24
  bordered: !0,
25
25
  ...o || {},
26
- _signal: t
26
+ _signal: d
27
27
  },
28
28
  renderNode: void 0
29
29
  };
30
- return r.renderNode = i(
30
+ return r.renderNode = m(
31
31
  r,
32
- l(a)
32
+ l(n)
33
33
  ), r;
34
34
  }) || []));
35
35
  };
@@ -1,31 +1,31 @@
1
- import { defineComponent as Xe, useSlots as Ye, ref as F, toRef as k, unref as t, computed as l, nextTick as Ze, watch as P, createElementBlock as z, openBlock as v, normalizeStyle as E, normalizeClass as m, createCommentVNode as oe, createElementVNode as R, createVNode as V, mergeProps as A, createSlots as _e, withCtx as te, Fragment as eo, renderList as oo, createBlock as re, resolveDynamicComponent as to, renderSlot as ae, withDirectives as ro, vShow as ao } from "vue";
2
- import { AgGridVue as no } from "ag-grid-vue3";
3
- import { ModuleRegistry as lo, AllCommunityModule as so } from "ag-grid-community";
4
- import { mergeProps as io } from "./utils.mjs";
5
- import { Spin as co, Pagination as uo } from "@aplus-frontend/antdv";
6
- import { isUndefined as b, isFunction as ne } from "lodash-unified";
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 mo } from "../ap-form/index.mjs";
9
- import { recursionApColumns as po } from "../ap-table/utils.mjs";
10
- import { useTablePaging as fo } from "../ap-table/hooks/use-table-paging-ng.mjs";
11
- import wo from "./hooks/use-row-selection.mjs";
12
- import { useProvideSorter as go } from "./context.mjs";
13
- import { useProvideApTable as So } from "../ap-table/context.mjs";
14
- import { sizeReverseMap as yo, sizeMap as ho } from "../ap-grid/constants.mjs";
15
- import { useToken as Co } from "@aplus-frontend/antdv/es/theme/internal";
16
- import { useTheme as vo } from "./theme.mjs";
17
- import { useColumns as Ro } from "./hooks/use-columns.mjs";
18
- import { useColumnsDef as bo } from "./hooks/use-columns-def.mjs";
19
- import { isDef as Bo } from "../utils/index.mjs";
20
- import { getValidVNodeList as Fo } from "../utils/slot.mjs";
21
- import { useSearchForm as ko } from "./hooks/use-search-form.mjs";
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 xo from "./hooks/use-virtual-config.mjs";
24
- import { usePinnedRow as Io } from "./hooks/use-pinned-row.mjs";
25
- import To from "./hooks/use-selection-col-def.mjs";
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 Do from "./components/empty/index.vue2.mjs";
28
- const nt = /* @__PURE__ */ Xe({
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(le, { expose: se }) {
100
- lo.registerModules([so]);
101
- const o = le, M = Ye(), { e: B, b: d, be: ie } = No("ag-grid"), y = F(o.size), ce = vo(y, k(o, "rowHeight")), de = xo(k(o, "virtual")), { rowPinnedGridConfig: O, getRowPinnedCellClass: ue } = Io(
102
- k(o, "summary")
103
- ), c = F(), [, me] = Co();
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 W = ko(o), { shownColumns: f, columns: j, columnKeys: pe } = Ro(o), { defaultColDef: fe, columnDefs: we } = bo(
106
- j,
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
- ue
109
- ), x = F({});
110
- go({
111
- sorter: x,
108
+ me
109
+ ), k = x({});
110
+ yo({
111
+ sorter: k,
112
112
  setSorter(e) {
113
- x.value = e;
113
+ k.value = e;
114
114
  }
115
115
  });
116
- const ge = {
116
+ const ye = {
117
117
  asc: "ascend",
118
118
  desc: "descend"
119
119
  };
120
- function Se() {
121
- const e = c.value.getColumns()?.filter((i) => i.getSort() !== void 0), r = t(x) || {};
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((i) => r[i] === null)) {
125
- const i = Object.keys(r)[0];
126
- i && (a = c.value?.getColumn(i));
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
- G(void 0, void 0, {
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 || s.colId,
134
- order: S ? ge[S] : null
133
+ field: h?.field ?? s.field ?? s.colId,
134
+ order: S ? ye[S] : null
135
135
  });
136
136
  }
137
- const ye = l(() => po(t(f), (e) => {
137
+ const he = l(() => wo(t(f), (e) => {
138
138
  if (e.sorter === !0)
139
- return e.key || e.dataIndex;
140
- }).filter(Boolean)), he = l(() => Bo(o.manual) ? o.manual : Fo(M.searchFormExtra?.() || []).some((r) => r.type?.name === "ApView")), {
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: I,
143
- reset: T,
149
+ submit: T,
150
+ reset: D,
144
151
  data: g,
145
- tableProps: L,
146
- handleTableChangeOptional: G,
147
- submitWith: H,
148
- refresh: U,
149
- getPaging: Ce,
150
- setPaging: ve,
151
- setDataSource: Re
152
- } = fo({
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, !Fe.value && b(o.dataSource) && K(), !b(o.dataSource)) {
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: F([]),
169
- params: k(o, "params"),
175
+ filterFields: x([]),
176
+ params: I(o, "params"),
170
177
  defaultData: o.defaultData,
171
- manual: t(he),
178
+ manual: t(Re),
172
179
  formatParams: o.beforeSearchSubmit,
173
180
  pagination: o.pagination,
174
- sortFields: ye
175
- }), be = To(o, f), Be = l(
176
- () => b(o.dataSource) ? g.records : o.dataSource
177
- ), Fe = l(() => {
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: ke,
182
- unSelect: xe,
183
- selectedRows: N,
184
- selectedRowKeys: Ie,
185
- clearAll: Te,
186
- selectMultiByKeys: Ne
187
- } = wo({
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: Be,
197
+ dataSource: xe,
190
198
  rowKey: o.rowKey
191
- }), De = {
199
+ }), ze = {
192
200
  checkbox: "multiRow",
193
201
  radio: "singleRow"
194
- }, Ke = l(() => {
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: De[e],
207
+ mode: ze[e],
200
208
  isRowSelectable: (a) => r ? !r(a.data) : !0
201
209
  };
202
210
  });
203
- function D(e) {
204
- return ne(o.rowKey) ? o.rowKey(e) : e[o.rowKey];
211
+ function N(e) {
212
+ return le(o.rowKey) ? o.rowKey(e) : e[o.rowKey];
205
213
  }
206
- const $ = ({
207
- api: e = c.value
214
+ const q = ({
215
+ api: e = i.value
208
216
  }) => {
209
217
  if (!o.rowSelection)
210
218
  return;
211
- const r = N.value;
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 h = u.data, s = D(h);
222
- r.find((S) => D(S) === s) && a.push(u);
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
- }, Pe = (e) => {
227
- p && (e.node.isSelected() ? ke(e.data) : xe(e.data));
228
- }, ze = () => {
234
+ }, Ve = (e) => {
235
+ p && (e.node.isSelected() ? Te(e.data) : De(e.data));
236
+ }, Ae = () => {
229
237
  p = !0;
230
- }, K = () => {
231
- Te(), c.value?.deselectAll();
238
+ }, P = () => {
239
+ Ne(), i.value?.deselectAll();
232
240
  };
233
- function Ee(e) {
234
- Ne(e), Ze(() => {
235
- $({});
241
+ function Me(e) {
242
+ Pe(e), eo(() => {
243
+ q({});
236
244
  });
237
245
  }
238
- function q(e = !1) {
246
+ function J(e = !1) {
239
247
  const r = e ? "getFieldsValueTransformed" : "getFieldsValue";
240
248
  return w.value?.apForm?.[r]?.(!0);
241
249
  }
242
- function J(e) {
250
+ function Q(e) {
243
251
  w.value?.apForm?.setFieldsValue?.(e);
244
252
  }
245
- function Q() {
253
+ function X() {
246
254
  return w.value?.getSorterItems() || [];
247
255
  }
248
- function X(e) {
256
+ function Y(e) {
249
257
  w.value?.setSorterItems(e);
250
258
  }
251
- function Y() {
259
+ function Z() {
252
260
  w.value?.resetSorterItems();
253
261
  }
254
- function Z(e) {
262
+ function _(e) {
255
263
  return e && String(e);
256
264
  }
257
- function Ve(e) {
258
- const r = c.value;
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), h = a.map((n) => {
262
- if (!pe.value.includes(n.colId))
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 C = !u.includes(n.colId), _ = {
272
+ const v = !u.includes(n.colId), ee = {
265
273
  ...n,
266
- hide: C
267
- }, ee = e.find(
268
- (Qe) => Z(Qe.key) === n.colId
274
+ hide: v
275
+ }, oe = e.find(
276
+ (Ye) => _(Ye.key) === n.colId
269
277
  );
270
- return ee && (_.pinned = ee.fixed || null), _;
278
+ return oe && (ee.pinned = oe.fixed || null), ee;
271
279
  }), s = new Map(
272
- e.map((n, C) => [Z(n.key), C])
273
- ), S = h.filter((n) => s.has(n.colId)).sort(
274
- (n, C) => s.get(n.colId) - s.get(C.colId)
275
- ), i = [];
276
- let Je = 0;
277
- for (const n of h)
278
- s.has(n.colId) ? i.push(S[Je++]) : i.push(n);
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: i,
288
+ state: h,
281
289
  applyOrder: !0
282
290
  });
283
291
  }
284
- So({
292
+ Co({
285
293
  columns: l(() => f.value),
286
- columnsBackup: l(() => j.value),
287
- size: l(() => ho[y.value]),
294
+ columnsBackup: l(() => L.value),
295
+ size: l(() => vo[y.value]),
288
296
  updateColumns(e) {
289
- f.value = e, o.onShownColumnsChange?.(e), Ve(e);
297
+ f.value = e, o.onShownColumnsChange?.(e), Oe(e);
290
298
  },
291
299
  updateSize(e) {
292
- y.value = yo[e];
300
+ y.value = ho[e];
293
301
  },
294
302
  renderConfig: l(() => ({
295
- className: ie("table-header", "title"),
296
- color: me.value.colorTextTertiary
303
+ className: ce("table-header", "title"),
304
+ color: pe.value.colorTextTertiary
297
305
  })),
298
306
  dataSource: l(() => t(g).records),
299
- getSearchFormValues: q,
300
- setSearchFormValues: J,
301
- submit: I,
302
- submitWith: H,
303
- reset: T,
304
- refresh: U,
305
- getSearchFormSorterItems: Q,
306
- setSearchFormSorterItems: X,
307
- resetSearchFormSorterItems: Y
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 Ae = l(
310
- () => b(o.loading) ? g.loading : o.loading
311
- ), Me = l(() => [
312
- d(),
313
- o.card ? null : d("wrapper"),
314
- d("adaptive"),
315
- d(`size-${y.value}`)
316
- ].filter(Boolean)), Oe = l(() => ({
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
- })), We = (e, r) => {
320
- G({ current: e, pageSize: r });
327
+ })), Ge = (e, r) => {
328
+ H({ current: e, pageSize: r });
321
329
  };
322
- function je(e) {
330
+ function He(e) {
323
331
  const r = e.data;
324
- return D(r);
332
+ return N(r);
325
333
  }
326
- function Le(e, r) {
327
- c.value?.ensureIndexVisible(e, r);
334
+ function Ue(e, r) {
335
+ i.value?.ensureIndexVisible(e, r);
328
336
  }
329
- function Ge(e) {
337
+ function $e(e) {
330
338
  o.onRowClicked?.(e.data, e.event);
331
339
  }
332
- function He(e) {
340
+ function qe(e) {
333
341
  o.onScrollEnd?.(e.direction);
334
342
  }
335
- function Ue(e) {
336
- return c.value?.refreshCells(e);
343
+ function Je(e) {
344
+ return i.value?.refreshCells(e);
337
345
  }
338
- function $e(e) {
339
- return c.value?.redrawRows(e);
346
+ function Qe(e) {
347
+ return i.value?.redrawRows(e);
340
348
  }
341
- const qe = (e) => {
349
+ const Xe = (e) => {
342
350
  const r = [
343
- O.value.getRowClass?.(e)
351
+ W.value.getRowClass?.(e)
344
352
  ];
345
353
  if (!e.node.rowPinned) {
346
- const a = ne(o.rowClassName) ? o.rowClassName(e.data, e.rowIndex) : o.rowClassName;
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 P(
359
+ return z(
352
360
  () => o.dataSource,
353
361
  (e) => {
354
- Re(e);
362
+ Fe(e);
355
363
  },
356
364
  { immediate: !0, deep: !0 }
357
- ), P(
365
+ ), z(
358
366
  () => o.size,
359
367
  (e) => {
360
368
  y.value = e;
361
369
  }
362
- ), P(
370
+ ), z(
363
371
  () => t(g).loading,
364
372
  (e) => {
365
373
  o.onLoadingChange?.(e);
366
374
  }
367
- ), se({
368
- submit: I,
369
- reset: T,
370
- refresh: U,
371
- submitWith: H,
372
- setSearchFormValues: J,
373
- getSearchFormValues: q,
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(() => N.value),
377
- setSelectedRowKeys: Ee,
378
- clearAll: K
384
+ selectedRows: l(() => K.value),
385
+ setSelectedRowKeys: Me,
386
+ clearAll: P
379
387
  },
380
- scrollToRow: Le,
388
+ scrollToRow: Ue,
381
389
  getDataSource: () => t(g.records),
382
- getPaging: Ce,
383
- setPaging: ve,
384
- getSearchFormSorterItems: Q,
385
- setSearchFormSorterItems: X,
386
- resetSearchFormSorterItems: Y,
387
- refreshCells: Ue,
388
- redrawRows: $e
389
- }), (e, r) => (v(), z("div", {
390
- class: m(Me.value),
391
- style: E(e.wrapperStyle)
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(b)(e.dataSource) && e.searchForm !== !1 && t(W).length > 0 ? (v(), z("div", {
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(B)("search-wrapper") : null),
396
- style: E(e.searchFormWrapperStyle)
403
+ class: m(e.card ? t(F)("search-wrapper") : null),
404
+ style: V(e.searchFormWrapperStyle)
397
405
  }, [
398
- V(t(mo).SearchForm, A(e.searchForm || {}, {
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(L).loading,
403
- onSubmit: t(I),
404
- onReset: t(T)
405
- }), _e({
406
- default: te(() => [
407
- (v(!0), z(eo, null, oo(t(W), (a) => (v(), re(to(a.renderNode), {
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
- M.searchFormExtra ? {
421
+ O.searchFormExtra ? {
414
422
  name: "extra",
415
- fn: te(() => [
416
- ae(e.$slots, "searchFormExtra")
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)) : oe("", !0),
422
- R("div", {
423
- class: m([t(B)("table-wrapper"), e.card ? t(B)("table-wrapper-card") : null]),
424
- style: E(e.tableWrapperStyle)
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
- R("div", {
427
- class: m(t(d)("header-wrapper"))
434
+ b("div", {
435
+ class: m(t(c)("header-wrapper"))
428
436
  }, [
429
- ae(e.$slots, "title", {
430
- selectedRows: t(N),
431
- selectedRowKeys: t(Ie),
437
+ ne(e.$slots, "title", {
438
+ selectedRows: t(K),
439
+ selectedRowKeys: t(Ke),
432
440
  shownColumns: t(f),
433
- clearAll: K
441
+ clearAll: P
434
442
  })
435
443
  ], 2),
436
- R("div", {
437
- class: m(t(d)("grid-wrapper"))
444
+ b("div", {
445
+ class: m(t(c)("grid-wrapper"))
438
446
  }, [
439
- V(t(no), A(t(io)(t(de), t(O)), {
440
- "get-row-class": qe,
441
- style: Oe.value,
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(we),
444
- "default-col-def": t(fe),
451
+ "column-defs": t(Se),
452
+ "default-col-def": t(ge),
445
453
  "suppress-loading-overlay": "",
446
- "row-selection": Ke.value,
447
- "selection-column-def": t(be),
448
- "get-row-id": je,
449
- theme: t(ce),
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": Do,
462
+ "no-rows-overlay-component": Po,
455
463
  "suppress-cell-focus": "",
456
- onSortChanged: Se,
457
- onGridReady: r[0] || (r[0] = (a) => c.value = a.api),
458
- onRowDataUpdated: $,
459
- onRowSelected: Pe,
460
- onFirstDataRendered: ze,
461
- onRowClicked: Ge,
462
- onBodyScrollEnd: He
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
- ro(R("div", {
465
- class: m(t(B)("table-loading-wrapper"))
472
+ no(b("div", {
473
+ class: m(t(F)("table-loading-wrapper"))
466
474
  }, [
467
- V(t(co), { delay: 300 })
475
+ A(t(mo), { delay: 300 })
468
476
  ], 2), [
469
- [ao, Ae.value]
477
+ [lo, We.value]
470
478
  ])
471
479
  ], 2),
472
- R("div", {
473
- class: m(t(d)("pagination-wrapper"))
480
+ b("div", {
481
+ class: m(t(c)("pagination-wrapper"))
474
482
  }, [
475
- e.pagination !== !1 ? (v(), re(t(uo), A({
483
+ e.pagination !== !1 ? (R(), ae(t(po), M({
476
484
  key: 0,
477
- class: t(d)("pagination")
478
- }, t(L).pagination, { onChange: We }), null, 16, ["class"])) : oe("", !0)
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
- nt as default
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;
@@ -1,18 +1,23 @@
1
- function e(...r) {
2
- return r.reduce((n, t) => ({ ...n, ...t }), {});
1
+ import { isNumber as e } from "lodash-unified";
2
+ function c(...r) {
3
+ return r.reduce((t, n) => ({ ...t, ...n }), {});
3
4
  }
4
- function c(r, n = 0) {
5
+ function m(r, t = 0) {
5
6
  if (!r)
6
- return n;
7
+ return t;
7
8
  if (typeof r == "number")
8
9
  return r;
9
- const t = r.match(/^(-?\d+(?:\.\d+)?)px$/);
10
- if (!t)
11
- return n;
12
- const o = parseFloat(t[1]);
13
- return o > 0 ? o : n;
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
- e as mergeProps,
17
- c as pxToNumber
20
+ p as getStringKey,
21
+ c as mergeProps,
22
+ m as pxToNumber
18
23
  };
@@ -1,38 +1,43 @@
1
- import { isArray as f } from "lodash-unified";
2
- import { isDef as i } from "../../utils/index.mjs";
3
- const s = (r) => r <= 1 ? 1 : r, n = (r, e = 1) => {
4
- const t = Math.floor(24 / r), o = t * e;
5
- return o > 24 ? t : o;
6
- }, p = (r, e = 1) => ({
7
- xs: n(s(r - 3), e),
8
- sm: n(s(r - 2), e),
9
- md: n(s(r - 1), e),
10
- lg: n(s(r - 1), e),
11
- xl: n(r, e),
12
- xxl: n(r, e)
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 l(r) {
15
- const e = [];
16
- for (const t of r.filter(Boolean).filter((o) => o.type !== Symbol.for("v-cmt")))
17
- if (t.type === Symbol.for("v-fgt")) {
18
- const o = l(t.children);
19
- e.push(...o);
20
- } else if (f(t)) {
21
- const o = l(t);
22
- e.push(...o);
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
- e.push(t);
25
- return e;
29
+ t.push(e);
30
+ return t;
26
31
  }
27
- const a = (r) => {
28
- const e = [];
29
- return e.push(...l(r)), e;
32
+ const y = (r) => {
33
+ const t = [];
34
+ return t.push(...f(r)), t;
30
35
  };
31
- function h(r) {
32
- return i(r) ? (f(r) ? r : [r]).join("") : Date.now();
36
+ function N(r) {
37
+ return c(r) ? (i(r) ? r : [r]).join("") : Date.now();
33
38
  }
34
39
  export {
35
- p as buildColSpan,
36
- a as genRealChildren,
37
- h as getStringName
40
+ h as buildColSpan,
41
+ y as genRealChildren,
42
+ N as getStringName
38
43
  };
@@ -1,2 +1,2 @@
1
- declare const _default: "6.29.1";
1
+ declare const _default: "6.29.2";
2
2
  export default _default;
@@ -1,4 +1,4 @@
1
- const e = "6.29.1";
1
+ const e = "6.29.2";
2
2
  export {
3
3
  e as default
4
4
  };
@@ -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 y=require("../../context.js"),p=require("../../../config-provider/hooks/use-namespace.js"),B=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:l,setSorter:S}=y.useInjectSorter(),o=e.computed(()=>r.params.column.sorter);function k(t){return t?t==="asc"?"desc":null:"asc"}const s=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,applyOrder:!0}),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(l)[s.value]==="asc"})},null,8,["class"]),e.createVNode(e.unref(m.CaretDownOutlined),{class:e.normalizeClass({[e.unref(n)("sorter-down")]:!0,active:e.unref(l)[s.value]==="desc"})},null,8,["class"])],2)):e.createCommentVNode("",!0)],2))}});exports.default=B;
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 n=require("vue"),m=u=>{const t=n.ref([]),o=n.ref([]);function s(){return u.columns?.filter(e=>!e.hideInTable)||[]}const l=n.computed(()=>t.value.map(e=>e.key?String(e.key):e.key).filter(Boolean));return n.watch(()=>u.columns,()=>{const e=s();t.value=e,o.value=e,u.onShownColumnsChange?.(e)},{deep:!0,immediate:!0}),{columns:t,shownColumns:o,columnKeys:l}};exports.useColumns=m;
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"),n=require("vue"),o=require("../../ap-table/utils.js");require("../../config-provider/index.js");const l=require("../../config-provider/hooks/use-global-config.js"),c=s=>{let d=0;const u=l.useGlobalConfig("valueTypeMap");return n.computed(()=>(d++,s.columns?.filter(e=>!e.hideInSearch&&(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.dataIndex||e.key,bordered:!0,...t||{},_signal:d},renderNode:void 0};return r.renderNode=o.getSearchFormItemRenderNode(r,n.unref(u)),r})||[]))};exports.useSearchForm=c;
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;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function o(...r){return r.reduce((e,t)=>({...e,...t}),{})}function c(r,e=0){if(!r)return e;if(typeof r=="number")return r;const t=r.match(/^(-?\d+(?:\.\d+)?)px$/);if(!t)return e;const n=parseFloat(t[1]);return n>0?n:e}exports.mergeProps=o;exports.pxToNumber=c;
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 i=require("lodash-unified"),u=require("../../utils/index.js"),l=r=>r<=1?1:r,o=(r,e=1)=>{const t=Math.floor(24/r),n=t*e;return n>24?t:n},f=(r,e=1)=>({xs:o(l(r-3),e),sm:o(l(r-2),e),md:o(l(r-1),e),lg:o(l(r-1),e),xl:o(r,e),xxl:o(r,e)});function s(r){const e=[];for(const t of r.filter(Boolean).filter(n=>n.type!==Symbol.for("v-cmt")))if(t.type===Symbol.for("v-fgt")){const n=s(t.children);e.push(...n)}else if(i.isArray(t)){const n=s(t);e.push(...n)}else e.push(t);return e}const a=r=>{const e=[];return e.push(...s(r)),e};function c(r){return u.isDef(r)?(i.isArray(r)?r:[r]).join(""):Date.now()}exports.buildColSpan=f;exports.genRealChildren=a;exports.getStringName=c;
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;
@@ -1,2 +1,2 @@
1
- declare const _default: "6.29.1";
1
+ declare const _default: "6.29.2";
2
2
  export default _default;
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="6.29.1";exports.default=e;
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.1",
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/hooks": "1.0.7",
41
- "@aplus-frontend/utils": "1.0.61"
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",
@@ -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;