@aplus-frontend/ui 0.1.37 → 0.1.38

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.
Files changed (25) hide show
  1. package/es/src/business/ap-select-layout/interface.d.ts +1 -0
  2. package/es/src/business/ap-select-layout/select-layout.vue2.mjs +66 -62
  3. package/es/src/business/ap-table-modal/hooks/use-create-table-modal.d.ts +23 -0
  4. package/es/src/business/ap-table-modal/hooks/use-create-table-modal.mjs +41 -24
  5. package/es/src/business/ap-table-modal/hooks/use-table-modal.d.ts +24 -0
  6. package/es/src/business/ap-table-modal/hooks/use-table-modal.mjs +12 -11
  7. package/es/src/business/ap-table-modal/hooks/use-table-select-modal.d.ts +24 -0
  8. package/es/src/business/ap-table-modal/hooks/use-table-select-modal.mjs +11 -10
  9. package/es/src/business/ap-table-modal/index.d.ts +21 -0
  10. package/es/src/business/ap-table-modal/table-modal.vue.d.ts +21 -0
  11. package/es/src/business/ap-table-modal/table-modal.vue2.mjs +31 -30
  12. package/es/src/business/index.d.ts +1 -0
  13. package/lib/src/business/ap-select-layout/interface.d.ts +1 -0
  14. package/lib/src/business/ap-select-layout/select-layout.vue2.js +1 -1
  15. package/lib/src/business/ap-table-modal/hooks/use-create-table-modal.d.ts +23 -0
  16. package/lib/src/business/ap-table-modal/hooks/use-create-table-modal.js +1 -1
  17. package/lib/src/business/ap-table-modal/hooks/use-table-modal.d.ts +24 -0
  18. package/lib/src/business/ap-table-modal/hooks/use-table-modal.js +1 -1
  19. package/lib/src/business/ap-table-modal/hooks/use-table-select-modal.d.ts +24 -0
  20. package/lib/src/business/ap-table-modal/hooks/use-table-select-modal.js +1 -1
  21. package/lib/src/business/ap-table-modal/index.d.ts +21 -0
  22. package/lib/src/business/ap-table-modal/table-modal.vue.d.ts +21 -0
  23. package/lib/src/business/ap-table-modal/table-modal.vue2.js +1 -1
  24. package/lib/src/business/index.d.ts +1 -0
  25. package/package.json +1 -1
@@ -5,5 +5,6 @@ export interface ApSelectItem {
5
5
  export interface ApSelectLayoutProps<T extends ApSelectItem> {
6
6
  title: string;
7
7
  request: () => Promise<T[]>;
8
+ onSearch?: (item: T, val: string) => boolean;
8
9
  defaultFold?: boolean;
9
10
  }
@@ -1,4 +1,4 @@
1
- import { defineComponent as M, ref as s, computed as O, onMounted as U, openBlock as p, createElementBlock as v, normalizeClass as n, unref as e, createVNode as r, Transition as W, withCtx as i, withDirectives as S, createElementVNode as a, toDisplayString as $, createTextVNode as x, Fragment as z, renderList as R, renderSlot as A, vShow as N, createCommentVNode as j } from "vue";
1
+ import { defineComponent as M, ref as r, computed as O, onMounted as U, openBlock as p, createElementBlock as f, normalizeClass as o, unref as e, createVNode as d, Transition as W, withCtx as u, withDirectives as E, createElementVNode as s, toDisplayString as $, createTextVNode as x, Fragment as z, renderList as R, renderSlot as A, vShow as N, createCommentVNode as j } from "vue";
2
2
  import "../../ap-field/index.mjs";
3
3
  import { IconApLeftarrow as G, IconApMenu as H } from "@aplus-frontend/icon";
4
4
  import "../../config-provider/index.mjs";
@@ -12,127 +12,131 @@ const X = ["onClick"], de = /* @__PURE__ */ M({
12
12
  props: {
13
13
  title: {},
14
14
  request: {},
15
+ onSearch: {},
15
16
  defaultFold: { type: Boolean, default: !1 }
16
17
  },
17
18
  emits: ["onSelect", "afterEnter", "afterLeave"],
18
19
  setup(_, { emit: w }) {
19
- const { b: m, be: f, bem: d } = P("ap-select-layout"), c = _, h = w, y = s(), u = s(c.defaultFold), C = s(!c.defaultFold), g = s(), T = s(), b = s(), k = s(""), L = () => {
20
- u.value = !u.value, g.value = !1, T.value = !1;
20
+ const { b: m, be: h, bem: i } = P("ap-select-layout"), a = _, y = w, C = r(), v = r(a.defaultFold), g = r(!a.defaultFold), S = r(), T = r(), b = r(), k = r(""), L = () => {
21
+ v.value = !v.value, S.value = !1, T.value = !1;
21
22
  }, F = (t) => {
22
- b.value = t, h("onSelect", t);
23
+ b.value = t, y("onSelect", t);
23
24
  }, B = K((t) => {
24
- var l;
25
- k.value = (l = t.target) == null ? void 0 : l.value;
25
+ var n;
26
+ k.value = (n = t.target) == null ? void 0 : n.value;
26
27
  }, 500), q = O(() => {
27
28
  var t;
28
- return (t = y.value) == null ? void 0 : t.filter((l) => l.name.includes(k.value));
29
+ return (t = C.value) == null ? void 0 : t.filter((n) => {
30
+ var c, l;
31
+ return a != null && a.onSearch ? (c = a.onSearch) == null ? void 0 : c.call(a, n, k.value) : (l = n == null ? void 0 : n.name) == null ? void 0 : l.includes(k.value);
32
+ });
29
33
  }), D = (t) => {
30
- C.value = !0, h("afterEnter", t);
34
+ g.value = !0, y("afterEnter", t);
31
35
  }, I = (t) => {
32
- C.value = !1, h("afterLeave", t);
36
+ g.value = !1, y("afterLeave", t);
33
37
  };
34
38
  return U(() => {
35
- c.request().then((t) => {
36
- var l;
37
- y.value = t, F((l = y.value) == null ? void 0 : l[0]);
39
+ a.request().then((t) => {
40
+ var n;
41
+ C.value = t, F((n = C.value) == null ? void 0 : n[0]);
38
42
  });
39
- }), (t, l) => {
40
- var E;
41
- return p(), v("div", {
42
- class: n(e(m)())
43
+ }), (t, n) => {
44
+ var c;
45
+ return p(), f("div", {
46
+ class: o(e(m)())
43
47
  }, [
44
- r(W, {
48
+ d(W, {
45
49
  mode: "out-in",
46
50
  onAfterEnter: D,
47
51
  onAfterLeave: I
48
52
  }, {
49
- default: i(() => [
50
- S(a("div", {
51
- class: n(e(m)("side"))
53
+ default: u(() => [
54
+ E(s("div", {
55
+ class: o(e(m)("side"))
52
56
  }, [
53
- a("div", {
54
- class: n(e(f)("side", "header"))
57
+ s("div", {
58
+ class: o(e(h)("side", "header"))
55
59
  }, [
56
- a("h3", null, $(c.title), 1),
57
- a("div", {
58
- class: n(e(d)("side", "header", "imgWrap"))
60
+ s("h3", null, $(a.title), 1),
61
+ s("div", {
62
+ class: o(e(i)("side", "header", "imgWrap"))
59
63
  }, [
60
- r(e(V), {
61
- open: g.value,
62
- "onUpdate:open": l[0] || (l[0] = (o) => g.value = o)
64
+ d(e(V), {
65
+ open: S.value,
66
+ "onUpdate:open": n[0] || (n[0] = (l) => S.value = l)
63
67
  }, {
64
- title: i(() => [
68
+ title: u(() => [
65
69
  x("收起")
66
70
  ]),
67
- default: i(() => [
68
- r(e(G), { onClick: L })
71
+ default: u(() => [
72
+ d(e(G), { onClick: L })
69
73
  ]),
70
74
  _: 1
71
75
  }, 8, ["open"])
72
76
  ], 2)
73
77
  ], 2),
74
- a("div", {
75
- class: n(e(f)("side", "body"))
78
+ s("div", {
79
+ class: o(e(h)("side", "body"))
76
80
  }, [
77
- a("div", {
78
- class: n(e(d)("side", "body", "search"))
81
+ s("div", {
82
+ class: o(e(i)("side", "body", "search"))
79
83
  }, [
80
- r(e(Q), {
84
+ d(e(Q), {
81
85
  placeholder: "请输入",
82
86
  onChange: e(B)
83
87
  }, null, 8, ["onChange"])
84
88
  ], 2),
85
- a("div", {
86
- class: n(e(d)("side", "body", "scroll"))
89
+ s("div", {
90
+ class: o(e(i)("side", "body", "scroll"))
87
91
  }, [
88
- (p(!0), v(z, null, R(q.value, (o) => S((p(), v("div", {
89
- key: o.value,
90
- class: n(`${e(d)("side", "body", "scroll-item")} ${b.value === o ? "active" : ""}`),
91
- onClick: (Y) => F(o)
92
+ (p(!0), f(z, null, R(q.value, (l) => E((p(), f("div", {
93
+ key: l.value,
94
+ class: o(`${e(i)("side", "body", "scroll-item")} ${b.value === l ? "active" : ""}`),
95
+ onClick: (Y) => F(l)
92
96
  }, [
93
- A(t.$slots, "itemRender", { item: o }, () => [
94
- r(e(J), {
95
- ellipsis: { tooltip: o.name },
96
- content: `${o.name}`
97
+ A(t.$slots, "itemRender", { item: l }, () => [
98
+ d(e(J), {
99
+ ellipsis: { tooltip: l.name },
100
+ content: `${l.name}`
97
101
  }, null, 8, ["ellipsis", "content"])
98
102
  ])
99
103
  ], 10, X)), [
100
- [N, C.value]
104
+ [N, g.value]
101
105
  ])), 128))
102
106
  ], 2)
103
107
  ], 2)
104
108
  ], 2), [
105
- [N, !u.value]
109
+ [N, !v.value]
106
110
  ])
107
111
  ]),
108
112
  _: 3
109
113
  }),
110
- a("div", {
111
- class: n(e(m)("content"))
114
+ s("div", {
115
+ class: o(e(m)("content"))
112
116
  }, [
113
- a("div", {
114
- class: n(e(f)("content", "header"))
117
+ s("div", {
118
+ class: o(e(h)("content", "header"))
115
119
  }, [
116
- u.value ? (p(), v("div", {
120
+ v.value ? (p(), f("div", {
117
121
  key: 0,
118
- class: n(e(d)("content", "header", "imgWrap"))
122
+ class: o(e(i)("content", "header", "imgWrap"))
119
123
  }, [
120
- r(e(V), {
124
+ d(e(V), {
121
125
  open: T.value,
122
- "onUpdate:open": l[1] || (l[1] = (o) => T.value = o)
126
+ "onUpdate:open": n[1] || (n[1] = (l) => T.value = l)
123
127
  }, {
124
- title: i(() => [
128
+ title: u(() => [
125
129
  x("展开")
126
130
  ]),
127
- default: i(() => [
128
- r(e(H), { onClick: L })
131
+ default: u(() => [
132
+ d(e(H), { onClick: L })
129
133
  ]),
130
134
  _: 1
131
135
  }, 8, ["open"])
132
136
  ], 2)) : j("", !0),
133
- a("div", {
134
- class: n(e(d)("content", "header", "title"))
135
- }, $((E = b.value) == null ? void 0 : E.name), 3)
137
+ s("div", {
138
+ class: o(e(i)("content", "header", "title"))
139
+ }, $((c = b.value) == null ? void 0 : c.name), 3)
136
140
  ], 2),
137
141
  A(t.$slots, "default")
138
142
  ], 2)
@@ -1,7 +1,30 @@
1
1
  import { OpenOptions, UseCreateTableModalProps, OpenReturnType } from '../interface';
2
+ import { Recordable } from '../../../type';
3
+ import { TableColumnsType } from 'ant-design-vue';
2
4
  export declare function useCreateTableModal(props: UseCreateTableModalProps): {
3
5
  readonly openModal: <T>(selected?: any[], options?: OpenOptions) => Promise< OpenReturnType<T> | undefined>;
4
6
  readonly closeModal: () => void;
5
7
  readonly destroy: () => void;
8
+ readonly reloadApTableData: () => void;
9
+ readonly resetApTableData: () => void;
10
+ readonly getApTableInstance: () => {
11
+ submit: () => void;
12
+ reset: () => void;
13
+ refresh: () => void;
14
+ setSearchFormValues: (fields: Partial< Recordable>) => void;
15
+ getSearchFormValues: () => Partial< Recordable>;
16
+ dataSource: any;
17
+ rowSelection?: {
18
+ select: (item: any) => void;
19
+ selectAll: () => void;
20
+ unSelectAll: () => void;
21
+ selectedRows: any[];
22
+ unSelect: (item: any) => void;
23
+ isSelected: (item: any) => boolean;
24
+ clearAll: () => void;
25
+ toggleSelect: (item: any) => void;
26
+ } | undefined;
27
+ getShownColumns: () => TableColumnsType<any>;
28
+ } | null | undefined;
6
29
  readonly isDestroyed: true;
7
30
  };
@@ -1,40 +1,57 @@
1
- import { ref as v, defineComponent as C, h as r, render as a, onUnmounted as y } from "vue";
1
+ import { ref as T, defineComponent as g, h as r, render as u, onUnmounted as C } from "vue";
2
2
  import "../table-modal.vue.mjs";
3
3
  import "../../../index.mjs";
4
- import { omit as h } from "lodash-unified";
5
- import { ConfigProvider as M, globalConfigCached as b } from "../../../config-provider/config-provider.mjs";
6
- import g from "../table-modal.vue2.mjs";
7
- function E(d) {
8
- let o = !0;
9
- const i = document.body, t = v(), { destroyOnUnmounted: s = !0 } = d, n = document.createElement("div"), u = () => {
10
- const e = C({
4
+ import { omit as y } from "lodash-unified";
5
+ import { ConfigProvider as A, globalConfigCached as h } from "../../../config-provider/config-provider.mjs";
6
+ import I from "../table-modal.vue2.mjs";
7
+ function E(l) {
8
+ let n = !0;
9
+ const s = document.body, t = T(), { destroyOnUnmounted: i = !0 } = l, a = document.createElement("div"), m = () => {
10
+ const e = g({
11
11
  setup() {
12
12
  return () => r(
13
- M,
14
- { ...b.value },
15
- r(g, {
16
- ...h(d, "destroyOnUnmounted"),
13
+ A,
14
+ { ...h.value },
15
+ r(I, {
16
+ ...y(l, "destroyOnUnmounted"),
17
17
  ref: t
18
18
  })
19
19
  );
20
20
  }
21
21
  });
22
- i.appendChild(n), a(r(e), n), o = !1;
23
- }, l = () => {
22
+ s.appendChild(a), u(r(e), a), n = !1;
23
+ }, c = () => {
24
24
  var e;
25
- (e = t.value) == null || e.close(), o || setTimeout(() => {
26
- a(null, n), i.removeChild(n), o = !0;
25
+ (e = t.value) == null || e.close(), n || setTimeout(() => {
26
+ u(null, a), s.removeChild(a), n = !0;
27
27
  }, 400);
28
- }, c = async (e = [], p = {}) => {
29
- var m;
30
- return t.value || u(), (m = t.value) == null ? void 0 : m.open(e, p);
31
- }, f = () => {
28
+ }, f = async (e = [], o = {}) => {
29
+ var d;
30
+ return t.value || m(), (d = t.value) == null ? void 0 : d.open(e, o);
31
+ }, p = () => {
32
32
  var e;
33
- o || (e = t.value) == null || e.close();
33
+ n || (e = t.value) == null || e.close();
34
+ }, v = () => {
35
+ var e, o;
36
+ (o = (e = t.value) == null ? void 0 : e.getApTableInstance()) == null || o.submit();
37
+ }, b = () => {
38
+ var e, o;
39
+ (o = (e = t.value) == null ? void 0 : e.getApTableInstance()) == null || o.reset();
40
+ };
41
+ return C(() => {
42
+ i && c();
43
+ }), {
44
+ openModal: f,
45
+ closeModal: p,
46
+ destroy: c,
47
+ reloadApTableData: v,
48
+ resetApTableData: b,
49
+ getApTableInstance: () => {
50
+ var e;
51
+ return (e = t.value) == null ? void 0 : e.getApTableInstance();
52
+ },
53
+ isDestroyed: n
34
54
  };
35
- return y(() => {
36
- s && l();
37
- }), { openModal: c, closeModal: f, destroy: l, isDestroyed: o };
38
55
  }
39
56
  export {
40
57
  E as useCreateTableModal
@@ -1,6 +1,30 @@
1
1
  import { ApTableModalProps, OpenOptions } from '../interface';
2
+ import { Recordable } from '../../../type';
3
+ import { TableColumnsType } from 'ant-design-vue';
2
4
  /** 函数式调用弹框表格 */
3
5
  export declare function useTableModal<TableRowType = Record<string, any>>(props: ApTableModalProps<TableRowType>): {
6
+ reloadApTableData: () => void;
7
+ resetApTableData: () => void;
8
+ getApTableInstance: () => {
9
+ submit: () => void;
10
+ reset: () => void;
11
+ refresh: () => void;
12
+ setSearchFormValues: (fields: Partial< Recordable>) => void;
13
+ getSearchFormValues: () => Partial< Recordable>;
14
+ dataSource: any;
15
+ rowSelection?: {
16
+ select: (item: any) => void;
17
+ selectAll: () => void;
18
+ unSelectAll: () => void;
19
+ selectedRows: any[];
20
+ unSelect: (item: any) => void;
21
+ isSelected: (item: any) => boolean;
22
+ clearAll: () => void;
23
+ toggleSelect: (item: any) => void;
24
+ } | undefined;
25
+ getShownColumns: () => TableColumnsType<any>;
26
+ } | null | undefined;
27
+ isDestroyed: true;
4
28
  open: (options?: OpenOptions) => Promise<void>;
5
29
  destroy: () => void;
6
30
  close: () => void;
@@ -1,8 +1,8 @@
1
- import { onUnmounted as d } from "vue";
2
- import { merge as p } from "lodash-unified";
3
- import { useCreateTableModal as f } from "./use-create-table-modal.mjs";
4
- function P(l) {
5
- const t = p(l, {
1
+ import { onUnmounted as p } from "vue";
2
+ import { merge as f } from "lodash-unified";
3
+ import { useCreateTableModal as u } from "./use-create-table-modal.mjs";
4
+ function T(t) {
5
+ const l = f(t, {
6
6
  ...{
7
7
  footer: null
8
8
  },
@@ -11,19 +11,20 @@ function P(l) {
11
11
  },
12
12
  destroyOnUnmounted: !1,
13
13
  isRenderModalTitleSuffix: !1
14
- }), { destroy: o, openModal: r, closeModal: s } = f(t), a = async (n) => {
15
- r([], n);
14
+ }), { destroy: o, openModal: r, closeModal: s, ...a } = u(l), n = async (d) => {
15
+ r([], d);
16
16
  }, e = () => {
17
17
  s();
18
18
  };
19
- return d(() => {
19
+ return p(() => {
20
20
  e(), o();
21
21
  }), {
22
- open: a,
22
+ open: n,
23
23
  destroy: o,
24
- close: e
24
+ close: e,
25
+ ...a
25
26
  };
26
27
  }
27
28
  export {
28
- P as useTableModal
29
+ T as useTableModal
29
30
  };
@@ -1,5 +1,29 @@
1
1
  import { OpenOptions, UseTableSelectModalProps, OpenReturnType } from '../interface';
2
+ import { Recordable } from '../../../type';
3
+ import { TableColumnsType } from 'ant-design-vue';
2
4
  export declare function useTableSelectModal<TableRowType = Record<string, any>>(props: UseTableSelectModalProps<TableRowType>): {
5
+ reloadApTableData: () => void;
6
+ resetApTableData: () => void;
7
+ getApTableInstance: () => {
8
+ submit: () => void;
9
+ reset: () => void;
10
+ refresh: () => void;
11
+ setSearchFormValues: (fields: Partial< Recordable>) => void;
12
+ getSearchFormValues: () => Partial< Recordable>;
13
+ dataSource: any;
14
+ rowSelection?: {
15
+ select: (item: any) => void;
16
+ selectAll: () => void;
17
+ unSelectAll: () => void;
18
+ selectedRows: any[];
19
+ unSelect: (item: any) => void;
20
+ isSelected: (item: any) => boolean;
21
+ clearAll: () => void;
22
+ toggleSelect: (item: any) => void;
23
+ } | undefined;
24
+ getShownColumns: () => TableColumnsType<any>;
25
+ } | null | undefined;
26
+ isDestroyed: true;
3
27
  open: (selected?: any[], options?: OpenOptions) => Promise< OpenReturnType<TableRowType>>;
4
28
  destroy: () => void;
5
29
  close: () => void;
@@ -1,13 +1,13 @@
1
1
  import { onUnmounted as m } from "vue";
2
- import { useCreateTableModal as p } from "./use-create-table-modal.mjs";
3
- const w = (e) => e.id;
4
- function i(e) {
5
- const { finishCallback: o, getRowKey: r, ...a } = e, { destroy: t, openModal: c, closeModal: d } = p({
2
+ import { useCreateTableModal as w } from "./use-create-table-modal.mjs";
3
+ const f = (e) => e.id;
4
+ function K(e) {
5
+ const { finishCallback: o, getRowKey: r, ...a } = e, { destroy: t, openModal: c, closeModal: d, ...l } = w({
6
6
  ...a,
7
7
  destroyOnUnmounted: !1,
8
- getRowKey: r || w
9
- }), l = async (u = [], y = {}) => {
10
- const s = await c(u, y) || {
8
+ getRowKey: r || f
9
+ }), u = async (p = [], y = {}) => {
10
+ const s = await c(p, y) || {
11
11
  keys: [],
12
12
  rows: []
13
13
  };
@@ -18,11 +18,12 @@ function i(e) {
18
18
  return m(() => {
19
19
  n(), t();
20
20
  }), {
21
- open: l,
21
+ open: u,
22
22
  destroy: t,
23
- close: n
23
+ close: n,
24
+ ...l
24
25
  };
25
26
  }
26
27
  export {
27
- i as useTableSelectModal
28
+ K as useTableSelectModal
28
29
  };
@@ -8,6 +8,8 @@ import { VueTypeValidableDef } from '../../../node_modules/vue-types';
8
8
  import { MouseEventHandler } from 'ant-design-vue/es/_util/EventInterface';
9
9
  import { VueNode } from 'ant-design-vue/es/_util/type';
10
10
  import { OpenOptions, OpenReturnType } from './interface';
11
+ import { Recordable } from '../../type';
12
+ import { TableColumnsType } from 'ant-design-vue';
11
13
  /**
12
14
  *
13
15
  */
@@ -263,6 +265,25 @@ declare const ApTableModal: DefineComponent<{
263
265
  }, {
264
266
  open: <T>(selected?: any[], options?: OpenOptions) => Promise< OpenReturnType<T>>;
265
267
  close: () => void;
268
+ getApTableInstance: () => {
269
+ submit: () => void;
270
+ reset: () => void;
271
+ refresh: () => void;
272
+ setSearchFormValues: (fields: Partial< Recordable>) => void;
273
+ getSearchFormValues: () => Partial< Recordable>;
274
+ dataSource: any;
275
+ rowSelection?: {
276
+ select: (item: any) => void;
277
+ selectAll: () => void;
278
+ unSelectAll: () => void;
279
+ selectedRows: any[];
280
+ unSelect: (item: any) => void;
281
+ isSelected: (item: any) => boolean;
282
+ clearAll: () => void;
283
+ toggleSelect: (item: any) => void;
284
+ } | undefined;
285
+ getShownColumns: () => TableColumnsType<any>;
286
+ } | null;
266
287
  }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
267
288
  finish: (selectedRowKeys: (string | number)[], selectedRows: any[]) => void;
268
289
  }, string, PublicProps, Readonly< ExtractPropTypes<{
@@ -1,5 +1,7 @@
1
1
  import { OpenOptions, OpenReturnType, ApTableModalProps } from './interface';
2
2
  import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
3
+ import { Recordable } from '../../type';
4
+ import { TableColumnsType } from 'ant-design-vue';
3
5
  declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<ApTableModalProps<any>>, {
4
6
  confirmLoading: undefined;
5
7
  closable: undefined;
@@ -20,6 +22,25 @@ declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOpti
20
22
  }>, {
21
23
  open: <T>(selected?: any[], options?: OpenOptions) => Promise<OpenReturnType<T>>;
22
24
  close: () => void;
25
+ getApTableInstance: () => {
26
+ submit: () => void;
27
+ reset: () => void;
28
+ refresh: () => void;
29
+ setSearchFormValues: (fields: Partial< Recordable>) => void;
30
+ getSearchFormValues: () => Partial< Recordable>;
31
+ dataSource: any;
32
+ rowSelection?: {
33
+ select: (item: any) => void;
34
+ selectAll: () => void;
35
+ unSelectAll: () => void;
36
+ selectedRows: any[];
37
+ unSelect: (item: any) => void;
38
+ isSelected: (item: any) => boolean;
39
+ clearAll: () => void;
40
+ toggleSelect: (item: any) => void;
41
+ } | undefined;
42
+ getShownColumns: () => TableColumnsType<any>;
43
+ } | null;
23
44
  }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
24
45
  finish: (selectedRowKeys: (string | number)[], selectedRows: any[]) => void;
25
46
  }, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ApTableModalProps<any>>, {
@@ -1,7 +1,7 @@
1
- import { defineComponent as N, ref as i, unref as r, computed as O, h as D, openBlock as E, createBlock as I, mergeProps as x, withCtx as L, createVNode as U } from "vue";
2
- import { message as q, Modal as A } from "ant-design-vue";
1
+ import { defineComponent as I, ref as i, unref as r, computed as N, h as O, openBlock as A, createBlock as D, mergeProps as g, withCtx as E, createVNode as L } from "vue";
2
+ import { message as U, Modal as q } from "ant-design-vue";
3
3
  import "../../index.mjs";
4
- import { cloneDeep as F, omit as g } from "lodash-unified";
4
+ import { cloneDeep as F, omit as x } from "lodash-unified";
5
5
  import { transformTableParams as G } from "@aplus-frontend/utils";
6
6
  import "./modal-title.vue.mjs";
7
7
  import { AsyncOpenResultError as f } from "./interface.mjs";
@@ -9,7 +9,7 @@ import { useGlobalConfig as $ } from "../../config-provider/hooks/use-global-con
9
9
  import { useLocale as z } from "../../config-provider/hooks/use-locale.mjs";
10
10
  import V from "./modal-title.vue2.mjs";
11
11
  import W from "../../ap-table/ap-table.vue.mjs";
12
- const le = /* @__PURE__ */ N({
12
+ const le = /* @__PURE__ */ I({
13
13
  __name: "table-modal",
14
14
  props: {
15
15
  columns: {},
@@ -56,17 +56,17 @@ const le = /* @__PURE__ */ N({
56
56
  mousePosition: {}
57
57
  },
58
58
  emits: ["finish"],
59
- setup(C, { expose: b, emit: w }) {
60
- const e = C, T = w, s = i(!1), m = i({}), c = i(null), l = i([]), p = i();
59
+ setup(b, { expose: C, emit: w }) {
60
+ const e = b, T = w, s = i(!1), m = i({}), d = i(null), n = i([]), p = i();
61
61
  let u = null, a = null;
62
62
  const k = $("uiMode", "admin"), { t: B } = z(), S = async (t = [], o = {}) => {
63
- var n, d, v;
64
- switch (l.value = [...t], s.value = !0, m.value = o == null ? void 0 : o.extraParams, p.value = o.apTableDataSources || ((n = e.apTableProps) == null ? void 0 : n.dataSource), o.refreshMode || "reset") {
63
+ var l, c, v;
64
+ switch (n.value = [...t], s.value = !0, m.value = o == null ? void 0 : o.extraParams, p.value = o.apTableDataSources || ((l = e.apTableProps) == null ? void 0 : l.dataSource), o.refreshMode || "reset") {
65
65
  case "reset":
66
- (d = c.value) == null || d.reset();
66
+ (c = d.value) == null || c.reset();
67
67
  break;
68
68
  case "submit":
69
- (v = c.value) == null || v.submit();
69
+ (v = d.value) == null || v.submit();
70
70
  break;
71
71
  case "none":
72
72
  break;
@@ -81,63 +81,64 @@ const le = /* @__PURE__ */ N({
81
81
  ...t,
82
82
  ...m.value
83
83
  });
84
- const o = e.api, { records: n, total: d } = await o(t);
84
+ const o = e.api, { records: l, total: c } = await o(t);
85
85
  return {
86
- data: n,
87
- total: d
86
+ data: l,
87
+ total: c
88
88
  };
89
89
  }, M = () => {
90
- if (l.value.length > e.maxCount) {
90
+ if (n.value.length > e.maxCount) {
91
91
  a == null || a(f.ExceedMaxCount);
92
92
  return;
93
93
  }
94
94
  if (e.getRowKey) {
95
- const t = F(r(l)), o = t.map(e.getRowKey);
95
+ const t = F(r(n)), o = t.map(e.getRowKey);
96
96
  T("finish", o, t), u == null || u({ keys: o, rows: t });
97
97
  } else {
98
98
  a == null || a(f.NotFineGetRowKey);
99
99
  return;
100
100
  }
101
101
  s.value = !1;
102
- }, P = O(() => {
102
+ }, P = N(() => {
103
103
  if (e.getRowKey)
104
104
  return {
105
105
  fixed: !0,
106
- selectedRowKeys: l.value.map(e.getRowKey),
106
+ selectedRowKeys: n.value.map(e.getRowKey),
107
107
  columnWidth: 50,
108
108
  preserveSelectedRowKeys: !0,
109
109
  onChange: (t, o) => {
110
110
  if (o.length > e.maxCount) {
111
- q.warning(
111
+ U.warning(
112
112
  B("ap.apTableModal.messageMaxCount", { maxCount: e.maxCount })
113
113
  );
114
114
  return;
115
115
  }
116
- l.value = o;
116
+ n.value = o;
117
117
  }
118
118
  };
119
- }), R = () => e.isRenderModalTitleSuffix ? D(
119
+ }), R = () => e.isRenderModalTitleSuffix ? O(
120
120
  V,
121
121
  {
122
122
  title: e.title,
123
- count: l.value.length || 0,
123
+ count: n.value.length || 0,
124
124
  maxCount: e.maxCount
125
125
  },
126
126
  {
127
127
  default: e.renderModalTitleSuffix ?? void 0
128
128
  }
129
129
  ) : e.title;
130
- return b({
130
+ return C({
131
131
  open: S,
132
- close: y
133
- }), (t, o) => (E(), I(r(A), x(
132
+ close: y,
133
+ getApTableInstance: () => d.value
134
+ }), (t, o) => (A(), D(r(q), g(
134
135
  {
135
136
  onOk: M,
136
137
  onCancel: y,
137
138
  open: s.value,
138
- "onUpdate:open": o[0] || (o[0] = (n) => s.value = n)
139
+ "onUpdate:open": o[0] || (o[0] = (l) => s.value = l)
139
140
  },
140
- r(g)(e, [
141
+ r(x)(e, [
141
142
  "api",
142
143
  "getRowKey",
143
144
  "centered",
@@ -153,8 +154,8 @@ const le = /* @__PURE__ */ N({
153
154
  centered: e.centered ?? !0
154
155
  }
155
156
  ), {
156
- default: L(() => [
157
- U(r(W), x({
157
+ default: E(() => [
158
+ L(r(W), g({
158
159
  scroll: { y: "100%" },
159
160
  style: { padding: "0px" },
160
161
  columns: t.columns,
@@ -162,9 +163,9 @@ const le = /* @__PURE__ */ N({
162
163
  "row-key": t.getRowKey,
163
164
  "row-selection": P.value,
164
165
  bordered: r(k) === "admin"
165
- }, r(g)(e.apTableProps, "dataSource"), {
166
+ }, r(x)(e.apTableProps, "dataSource"), {
166
167
  ref_key: "apTableRef",
167
- ref: c,
168
+ ref: d,
168
169
  "data-source": p.value
169
170
  }), null, 16, ["columns", "row-key", "row-selection", "bordered", "data-source"])
170
171
  ]),
@@ -797,6 +797,7 @@ export declare const ApSelectLayout: (<T extends ApSelectItem>(__VLS_props: NonN
797
797
  onOnSelect?: ((value: T) => any) | undefined;
798
798
  title: string;
799
799
  request: () => Promise<T[]>;
800
+ onSearch?: ((item: T, val: string) => boolean) | undefined;
800
801
  defaultFold?: boolean | undefined;
801
802
  } & PublicProps;
802
803
  expose(exposed: ShallowUnwrapRef<{}>): void;
@@ -5,5 +5,6 @@ export interface ApSelectItem {
5
5
  export interface ApSelectLayoutProps<T extends ApSelectItem> {
6
6
  title: string;
7
7
  request: () => Promise<T[]>;
8
+ onSearch?: (item: T, val: string) => boolean;
8
9
  defaultFold?: boolean;
9
10
  }
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../ap-field/index.js");const E=require("@aplus-frontend/icon");require("../../config-provider/index.js");const p=require("ant-design-vue"),S=require("lodash-unified");require("./index.css");const b=require("../../config-provider/hooks/use-namespace.js"),w=require("../../ap-field/text/index.js"),x=["onClick"],B=e.defineComponent({__name:"select-layout",props:{title:{},request:{},defaultFold:{type:Boolean,default:!1}},emits:["onSelect","afterEnter","afterLeave"],setup(k,{emit:y}){const{b:s,be:c,bem:a}=b.useNamespace("ap-select-layout"),o=k,i=y,u=e.ref(),r=e.ref(o.defaultFold),d=e.ref(!o.defaultFold),f=e.ref(),v=e.ref(),m=e.ref(),h=e.ref(""),C=()=>{r.value=!r.value,f.value=!1,v.value=!1},N=t=>{m.value=t,i("onSelect",t)},g=S.debounce(t=>{var n;h.value=(n=t.target)==null?void 0:n.value},500),z=e.computed(()=>{var t;return(t=u.value)==null?void 0:t.filter(n=>n.name.includes(h.value))}),T=t=>{d.value=!0,i("afterEnter",t)},q=t=>{d.value=!1,i("afterLeave",t)};return e.onMounted(()=>{o.request().then(t=>{var n;u.value=t,N((n=u.value)==null?void 0:n[0])})}),(t,n)=>{var V;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(s)())},[e.createVNode(e.Transition,{mode:"out-in",onAfterEnter:T,onAfterLeave:q},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(e.unref(s)("side"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(c)("side","header"))},[e.createElementVNode("h3",null,e.toDisplayString(o.title),1),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a)("side","header","imgWrap"))},[e.createVNode(e.unref(p.Tooltip),{open:f.value,"onUpdate:open":n[0]||(n[0]=l=>f.value=l)},{title:e.withCtx(()=>[e.createTextVNode("收起")]),default:e.withCtx(()=>[e.createVNode(e.unref(E.IconApLeftarrow),{onClick:C})]),_:1},8,["open"])],2)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(c)("side","body"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a)("side","body","search"))},[e.createVNode(e.unref(w.ApFieldText),{placeholder:"请输入",onChange:e.unref(g)},null,8,["onChange"])],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a)("side","body","scroll"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(z.value,l=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:l.value,class:e.normalizeClass(`${e.unref(a)("side","body","scroll-item")} ${m.value===l?"active":""}`),onClick:L=>N(l)},[e.renderSlot(t.$slots,"itemRender",{item:l},()=>[e.createVNode(e.unref(p.TypographyText),{ellipsis:{tooltip:l.name},content:`${l.name}`},null,8,["ellipsis","content"])])],10,x)),[[e.vShow,d.value]])),128))],2)],2)],2),[[e.vShow,!r.value]])]),_:3}),e.createElementVNode("div",{class:e.normalizeClass(e.unref(s)("content"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(c)("content","header"))},[r.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(a)("content","header","imgWrap"))},[e.createVNode(e.unref(p.Tooltip),{open:v.value,"onUpdate:open":n[1]||(n[1]=l=>v.value=l)},{title:e.withCtx(()=>[e.createTextVNode("展开")]),default:e.withCtx(()=>[e.createVNode(e.unref(E.IconApMenu),{onClick:C})]),_:1},8,["open"])],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a)("content","header","title"))},e.toDisplayString((V=m.value)==null?void 0:V.name),3)],2),e.renderSlot(t.$slots,"default")],2)],2)}}});exports.default=B;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../ap-field/index.js");const E=require("@aplus-frontend/icon");require("../../config-provider/index.js");const C=require("ant-design-vue"),q=require("lodash-unified");require("./index.css");const b=require("../../config-provider/hooks/use-namespace.js"),w=require("../../ap-field/text/index.js"),x=["onClick"],B=e.defineComponent({__name:"select-layout",props:{title:{},request:{},onSearch:{},defaultFold:{type:Boolean,default:!1}},emits:["onSelect","afterEnter","afterLeave"],setup(k,{emit:y}){const{b:c,be:u,bem:o}=b.useNamespace("ap-select-layout"),a=k,i=y,d=e.ref(),s=e.ref(a.defaultFold),f=e.ref(!a.defaultFold),v=e.ref(),m=e.ref(),p=e.ref(),h=e.ref(""),N=()=>{s.value=!s.value,v.value=!1,m.value=!1},V=t=>{p.value=t,i("onSelect",t)},S=q.debounce(t=>{var n;h.value=(n=t.target)==null?void 0:n.value},500),g=e.computed(()=>{var t;return(t=d.value)==null?void 0:t.filter(n=>{var r,l;return a!=null&&a.onSearch?(r=a.onSearch)==null?void 0:r.call(a,n,h.value):(l=n==null?void 0:n.name)==null?void 0:l.includes(h.value)})}),z=t=>{f.value=!0,i("afterEnter",t)},T=t=>{f.value=!1,i("afterLeave",t)};return e.onMounted(()=>{a.request().then(t=>{var n;d.value=t,V((n=d.value)==null?void 0:n[0])})}),(t,n)=>{var r;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(c)())},[e.createVNode(e.Transition,{mode:"out-in",onAfterEnter:z,onAfterLeave:T},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(e.unref(c)("side"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("side","header"))},[e.createElementVNode("h3",null,e.toDisplayString(a.title),1),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o)("side","header","imgWrap"))},[e.createVNode(e.unref(C.Tooltip),{open:v.value,"onUpdate:open":n[0]||(n[0]=l=>v.value=l)},{title:e.withCtx(()=>[e.createTextVNode("收起")]),default:e.withCtx(()=>[e.createVNode(e.unref(E.IconApLeftarrow),{onClick:N})]),_:1},8,["open"])],2)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("side","body"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o)("side","body","search"))},[e.createVNode(e.unref(w.ApFieldText),{placeholder:"请输入",onChange:e.unref(S)},null,8,["onChange"])],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o)("side","body","scroll"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,l=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:l.value,class:e.normalizeClass(`${e.unref(o)("side","body","scroll-item")} ${p.value===l?"active":""}`),onClick:L=>V(l)},[e.renderSlot(t.$slots,"itemRender",{item:l},()=>[e.createVNode(e.unref(C.TypographyText),{ellipsis:{tooltip:l.name},content:`${l.name}`},null,8,["ellipsis","content"])])],10,x)),[[e.vShow,f.value]])),128))],2)],2)],2),[[e.vShow,!s.value]])]),_:3}),e.createElementVNode("div",{class:e.normalizeClass(e.unref(c)("content"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("content","header"))},[s.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(o)("content","header","imgWrap"))},[e.createVNode(e.unref(C.Tooltip),{open:m.value,"onUpdate:open":n[1]||(n[1]=l=>m.value=l)},{title:e.withCtx(()=>[e.createTextVNode("展开")]),default:e.withCtx(()=>[e.createVNode(e.unref(E.IconApMenu),{onClick:N})]),_:1},8,["open"])],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o)("content","header","title"))},e.toDisplayString((r=p.value)==null?void 0:r.name),3)],2),e.renderSlot(t.$slots,"default")],2)],2)}}});exports.default=B;
@@ -1,7 +1,30 @@
1
1
  import { OpenOptions, UseCreateTableModalProps, OpenReturnType } from '../interface';
2
+ import { Recordable } from '../../../type';
3
+ import { TableColumnsType } from 'ant-design-vue';
2
4
  export declare function useCreateTableModal(props: UseCreateTableModalProps): {
3
5
  readonly openModal: <T>(selected?: any[], options?: OpenOptions) => Promise< OpenReturnType<T> | undefined>;
4
6
  readonly closeModal: () => void;
5
7
  readonly destroy: () => void;
8
+ readonly reloadApTableData: () => void;
9
+ readonly resetApTableData: () => void;
10
+ readonly getApTableInstance: () => {
11
+ submit: () => void;
12
+ reset: () => void;
13
+ refresh: () => void;
14
+ setSearchFormValues: (fields: Partial< Recordable>) => void;
15
+ getSearchFormValues: () => Partial< Recordable>;
16
+ dataSource: any;
17
+ rowSelection?: {
18
+ select: (item: any) => void;
19
+ selectAll: () => void;
20
+ unSelectAll: () => void;
21
+ selectedRows: any[];
22
+ unSelect: (item: any) => void;
23
+ isSelected: (item: any) => boolean;
24
+ clearAll: () => void;
25
+ toggleSelect: (item: any) => void;
26
+ } | undefined;
27
+ getShownColumns: () => TableColumnsType<any>;
28
+ } | null | undefined;
6
29
  readonly isDestroyed: true;
7
30
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue");require("../table-modal.vue.js");require("../../../index.js");const y=require("lodash-unified"),i=require("../../../config-provider/config-provider.js"),p=require("../table-modal.vue2.js");function C(u){let t=!0;const d=document.body,n=o.ref(),{destroyOnUnmounted:s=!0}=u,r=document.createElement("div"),c=()=>{const e=o.defineComponent({setup(){return()=>o.h(i.ConfigProvider,{...i.globalConfigCached.value},o.h(p.default,{...y.omit(u,"destroyOnUnmounted"),ref:n}))}});d.appendChild(r),o.render(o.h(e),r),t=!1},l=()=>{var e;(e=n.value)==null||e.close(),t||setTimeout(()=>{o.render(null,r),d.removeChild(r),t=!0},400)},f=async(e=[],m={})=>{var a;return n.value||c(),(a=n.value)==null?void 0:a.open(e,m)},v=()=>{var e;t||(e=n.value)==null||e.close()};return o.onUnmounted(()=>{s&&l()}),{openModal:f,closeModal:v,destroy:l,isDestroyed:t}}exports.useCreateTableModal=C;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue");require("../table-modal.vue.js");require("../../../index.js");const g=require("lodash-unified"),c=require("../../../config-provider/config-provider.js"),T=require("../table-modal.vue2.js");function y(l){let r=!0;const u=document.body,t=n.ref(),{destroyOnUnmounted:i=!0}=l,a=document.createElement("div"),v=()=>{const e=n.defineComponent({setup(){return()=>n.h(c.ConfigProvider,{...c.globalConfigCached.value},n.h(T.default,{...g.omit(l,"destroyOnUnmounted"),ref:t}))}});u.appendChild(a),n.render(n.h(e),a),r=!1},s=()=>{var e;(e=t.value)==null||e.close(),r||setTimeout(()=>{n.render(null,a),u.removeChild(a),r=!0},400)},f=async(e=[],o={})=>{var d;return t.value||v(),(d=t.value)==null?void 0:d.open(e,o)},b=()=>{var e;r||(e=t.value)==null||e.close()},m=()=>{var e,o;(o=(e=t.value)==null?void 0:e.getApTableInstance())==null||o.submit()},p=()=>{var e,o;(o=(e=t.value)==null?void 0:e.getApTableInstance())==null||o.reset()};return n.onUnmounted(()=>{i&&s()}),{openModal:f,closeModal:b,destroy:s,reloadApTableData:m,resetApTableData:p,getApTableInstance:()=>{var e;return(e=t.value)==null?void 0:e.getApTableInstance()},isDestroyed:r}}exports.useCreateTableModal=y;
@@ -1,6 +1,30 @@
1
1
  import { ApTableModalProps, OpenOptions } from '../interface';
2
+ import { Recordable } from '../../../type';
3
+ import { TableColumnsType } from 'ant-design-vue';
2
4
  /** 函数式调用弹框表格 */
3
5
  export declare function useTableModal<TableRowType = Record<string, any>>(props: ApTableModalProps<TableRowType>): {
6
+ reloadApTableData: () => void;
7
+ resetApTableData: () => void;
8
+ getApTableInstance: () => {
9
+ submit: () => void;
10
+ reset: () => void;
11
+ refresh: () => void;
12
+ setSearchFormValues: (fields: Partial< Recordable>) => void;
13
+ getSearchFormValues: () => Partial< Recordable>;
14
+ dataSource: any;
15
+ rowSelection?: {
16
+ select: (item: any) => void;
17
+ selectAll: () => void;
18
+ unSelectAll: () => void;
19
+ selectedRows: any[];
20
+ unSelect: (item: any) => void;
21
+ isSelected: (item: any) => boolean;
22
+ clearAll: () => void;
23
+ toggleSelect: (item: any) => void;
24
+ } | undefined;
25
+ getShownColumns: () => TableColumnsType<any>;
26
+ } | null | undefined;
27
+ isDestroyed: true;
4
28
  open: (options?: OpenOptions) => Promise<void>;
5
29
  destroy: () => void;
6
30
  close: () => void;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("vue"),i=require("lodash-unified"),f=require("./use-create-table-modal.js");function p(l){const s={rowSelection:void 0},t={footer:null},n=i.merge(l,{...t,apTableProps:s,destroyOnUnmounted:!1,isRenderModalTitleSuffix:!1}),{destroy:e,openModal:a,closeModal:r}=f.useCreateTableModal(n),d=async u=>{a([],u)},o=()=>{r()};return c.onUnmounted(()=>{o(),e()}),{open:d,destroy:e,close:o}}exports.useTableModal=p;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),f=require("lodash-unified"),p=require("./use-create-table-modal.js");function M(t){const l={rowSelection:void 0},s={footer:null},n=f.merge(t,{...s,apTableProps:l,destroyOnUnmounted:!1,isRenderModalTitleSuffix:!1}),{destroy:e,openModal:r,closeModal:a,...d}=p.useCreateTableModal(n),u=async c=>{r([],c)},o=()=>{a()};return i.onUnmounted(()=>{o(),e()}),{open:u,destroy:e,close:o,...d}}exports.useTableModal=M;
@@ -1,5 +1,29 @@
1
1
  import { OpenOptions, UseTableSelectModalProps, OpenReturnType } from '../interface';
2
+ import { Recordable } from '../../../type';
3
+ import { TableColumnsType } from 'ant-design-vue';
2
4
  export declare function useTableSelectModal<TableRowType = Record<string, any>>(props: UseTableSelectModalProps<TableRowType>): {
5
+ reloadApTableData: () => void;
6
+ resetApTableData: () => void;
7
+ getApTableInstance: () => {
8
+ submit: () => void;
9
+ reset: () => void;
10
+ refresh: () => void;
11
+ setSearchFormValues: (fields: Partial< Recordable>) => void;
12
+ getSearchFormValues: () => Partial< Recordable>;
13
+ dataSource: any;
14
+ rowSelection?: {
15
+ select: (item: any) => void;
16
+ selectAll: () => void;
17
+ unSelectAll: () => void;
18
+ selectedRows: any[];
19
+ unSelect: (item: any) => void;
20
+ isSelected: (item: any) => boolean;
21
+ clearAll: () => void;
22
+ toggleSelect: (item: any) => void;
23
+ } | undefined;
24
+ getShownColumns: () => TableColumnsType<any>;
25
+ } | null | undefined;
26
+ isDestroyed: true;
3
27
  open: (selected?: any[], options?: OpenOptions) => Promise< OpenReturnType<TableRowType>>;
4
28
  destroy: () => void;
5
29
  close: () => void;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("vue"),i=require("./use-create-table-modal.js"),b=e=>e.id;function w(e){const{finishCallback:o,getRowKey:a,...r}=e,{destroy:t,openModal:l,closeModal:c}=i.useCreateTableModal({...r,destroyOnUnmounted:!1,getRowKey:a||b}),u=async(d=[],y={})=>{const n=await l(d,y)||{keys:[],rows:[]};return o==null||o(n),n},s=()=>{c()};return M.onUnmounted(()=>{s(),t()}),{open:u,destroy:t,close:s}}exports.useTableSelectModal=w;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("vue"),b=require("./use-create-table-modal.js"),p=e=>e.id;function w(e){const{finishCallback:o,getRowKey:r,...a}=e,{destroy:t,openModal:l,closeModal:c,...u}=b.useCreateTableModal({...a,destroyOnUnmounted:!1,getRowKey:r||p}),d=async(y=[],i={})=>{const n=await l(y,i)||{keys:[],rows:[]};return o==null||o(n),n},s=()=>{c()};return M.onUnmounted(()=>{s(),t()}),{open:d,destroy:t,close:s,...u}}exports.useTableSelectModal=w;
@@ -8,6 +8,8 @@ import { VueTypeValidableDef } from '../../../node_modules/vue-types';
8
8
  import { MouseEventHandler } from 'ant-design-vue/es/_util/EventInterface';
9
9
  import { VueNode } from 'ant-design-vue/es/_util/type';
10
10
  import { OpenOptions, OpenReturnType } from './interface';
11
+ import { Recordable } from '../../type';
12
+ import { TableColumnsType } from 'ant-design-vue';
11
13
  /**
12
14
  *
13
15
  */
@@ -263,6 +265,25 @@ declare const ApTableModal: DefineComponent<{
263
265
  }, {
264
266
  open: <T>(selected?: any[], options?: OpenOptions) => Promise< OpenReturnType<T>>;
265
267
  close: () => void;
268
+ getApTableInstance: () => {
269
+ submit: () => void;
270
+ reset: () => void;
271
+ refresh: () => void;
272
+ setSearchFormValues: (fields: Partial< Recordable>) => void;
273
+ getSearchFormValues: () => Partial< Recordable>;
274
+ dataSource: any;
275
+ rowSelection?: {
276
+ select: (item: any) => void;
277
+ selectAll: () => void;
278
+ unSelectAll: () => void;
279
+ selectedRows: any[];
280
+ unSelect: (item: any) => void;
281
+ isSelected: (item: any) => boolean;
282
+ clearAll: () => void;
283
+ toggleSelect: (item: any) => void;
284
+ } | undefined;
285
+ getShownColumns: () => TableColumnsType<any>;
286
+ } | null;
266
287
  }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
267
288
  finish: (selectedRowKeys: (string | number)[], selectedRows: any[]) => void;
268
289
  }, string, PublicProps, Readonly< ExtractPropTypes<{
@@ -1,5 +1,7 @@
1
1
  import { OpenOptions, OpenReturnType, ApTableModalProps } from './interface';
2
2
  import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
3
+ import { Recordable } from '../../type';
4
+ import { TableColumnsType } from 'ant-design-vue';
3
5
  declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<ApTableModalProps<any>>, {
4
6
  confirmLoading: undefined;
5
7
  closable: undefined;
@@ -20,6 +22,25 @@ declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOpti
20
22
  }>, {
21
23
  open: <T>(selected?: any[], options?: OpenOptions) => Promise<OpenReturnType<T>>;
22
24
  close: () => void;
25
+ getApTableInstance: () => {
26
+ submit: () => void;
27
+ reset: () => void;
28
+ refresh: () => void;
29
+ setSearchFormValues: (fields: Partial< Recordable>) => void;
30
+ getSearchFormValues: () => Partial< Recordable>;
31
+ dataSource: any;
32
+ rowSelection?: {
33
+ select: (item: any) => void;
34
+ selectAll: () => void;
35
+ unSelectAll: () => void;
36
+ selectedRows: any[];
37
+ unSelect: (item: any) => void;
38
+ isSelected: (item: any) => boolean;
39
+ clearAll: () => void;
40
+ toggleSelect: (item: any) => void;
41
+ } | undefined;
42
+ getShownColumns: () => TableColumnsType<any>;
43
+ } | null;
23
44
  }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
24
45
  finish: (selectedRowKeys: (string | number)[], selectedRows: any[]) => void;
25
46
  }, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ApTableModalProps<any>>, {
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("ant-design-vue");require("../../index.js");const c=require("lodash-unified"),q=require("@aplus-frontend/utils");require("./modal-title.vue.js");const f=require("./interface.js"),K=require("../../config-provider/hooks/use-global-config.js"),O=require("../../config-provider/hooks/use-locale.js"),E=require("./modal-title.vue2.js"),N=require("../../ap-table/ap-table.vue.js"),A=e.defineComponent({__name:"table-modal",props:{columns:{},getRowKey:{},api:{type:Function,default:async()=>({records:[],total:0})},apTableProps:{},maxCount:{default:1/0},isRenderModalTitleSuffix:{type:Boolean,default:!0},renderModalTitleSuffix:{},prefixCls:{},confirmLoading:{type:Boolean,default:void 0},title:{},closable:{type:Boolean,default:void 0},closeIcon:{},onCancel:{},"onUpdate:visible":{},"onUpdate:open":{},onChange:{},afterClose:{},centered:{type:Boolean,default:void 0},width:{},footer:{},okText:{},okType:{},cancelText:{},icon:{},maskClosable:{type:Boolean,default:void 0},forceRender:{type:Boolean,default:void 0},okButtonProps:{},cancelButtonProps:{},destroyOnClose:{type:Boolean,default:void 0},wrapClassName:{},maskTransitionName:{},transitionName:{},getContainer:{type:[String,Boolean,Function],default:void 0},zIndex:{},bodyStyle:{},maskStyle:{},mask:{type:Boolean,default:void 0},keyboard:{type:Boolean,default:void 0},wrapProps:{},focusTriggerAfterClose:{type:Boolean,default:void 0},modalRender:{},mousePosition:{}},emits:["finish"],setup(b,{expose:x,emit:C}){const t=b,T=C,u=e.ref(!1),p=e.ref({}),d=e.ref(null),r=e.ref([]),m=e.ref();let s=null,n=null;const w=K.useGlobalConfig("uiMode","admin"),{t:_}=O.useLocale(),k=async(a=[],o={})=>{var l,i,v;switch(r.value=[...a],u.value=!0,p.value=o==null?void 0:o.extraParams,m.value=o.apTableDataSources||((l=t.apTableProps)==null?void 0:l.dataSource),o.refreshMode||"reset"){case"reset":(i=d.value)==null||i.reset();break;case"submit":(v=d.value)==null||v.submit();break;case"none":break}return new Promise((h,R)=>{s=h,n=R})},y=()=>{u.value=!1,s=null,n==null||n(f.AsyncOpenResultError.ModalCancel),n=null},S=async a=>{a=q.transformTableParams({...a,...p.value});const o=t.api,{records:l,total:i}=await o(a);return{data:l,total:i}},B=()=>{if(r.value.length>t.maxCount){n==null||n(f.AsyncOpenResultError.ExceedMaxCount);return}if(t.getRowKey){const a=c.cloneDeep(e.unref(r)),o=a.map(t.getRowKey);T("finish",o,a),s==null||s({keys:o,rows:a})}else{n==null||n(f.AsyncOpenResultError.NotFineGetRowKey);return}u.value=!1},M=e.computed(()=>{if(t.getRowKey)return{fixed:!0,selectedRowKeys:r.value.map(t.getRowKey),columnWidth:50,preserveSelectedRowKeys:!0,onChange:(a,o)=>{if(o.length>t.maxCount){g.message.warning(_("ap.apTableModal.messageMaxCount",{maxCount:t.maxCount}));return}r.value=o}}}),P=()=>t.isRenderModalTitleSuffix?e.h(E.default,{title:t.title,count:r.value.length||0,maxCount:t.maxCount},{default:t.renderModalTitleSuffix??void 0}):t.title;return x({open:k,close:y}),(a,o)=>(e.openBlock(),e.createBlock(e.unref(g.Modal),e.mergeProps({onOk:B,onCancel:y,open:u.value,"onUpdate:open":o[0]||(o[0]=l=>u.value=l)},e.unref(c.omit)(t,["api","getRowKey","centered","apTableProps","onOk","maxCount","title","renderModalTitleSuffix","isRenderModalTitleSuffix"]),{title:P(),centered:t.centered??!0}),{default:e.withCtx(()=>[e.createVNode(e.unref(N.default),e.mergeProps({scroll:{y:"100%"},style:{padding:"0px"},columns:a.columns,request:S,"row-key":a.getRowKey,"row-selection":M.value,bordered:e.unref(w)==="admin"},e.unref(c.omit)(t.apTableProps,"dataSource"),{ref_key:"apTableRef",ref:d,"data-source":m.value}),null,16,["columns","row-key","row-selection","bordered","data-source"])]),_:1},16,["open","title","centered"]))}});exports.default=A;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("ant-design-vue");require("../../index.js");const c=require("lodash-unified"),q=require("@aplus-frontend/utils");require("./modal-title.vue.js");const f=require("./interface.js"),K=require("../../config-provider/hooks/use-global-config.js"),O=require("../../config-provider/hooks/use-locale.js"),A=require("./modal-title.vue2.js"),E=require("../../ap-table/ap-table.vue.js"),I=e.defineComponent({__name:"table-modal",props:{columns:{},getRowKey:{},api:{type:Function,default:async()=>({records:[],total:0})},apTableProps:{},maxCount:{default:1/0},isRenderModalTitleSuffix:{type:Boolean,default:!0},renderModalTitleSuffix:{},prefixCls:{},confirmLoading:{type:Boolean,default:void 0},title:{},closable:{type:Boolean,default:void 0},closeIcon:{},onCancel:{},"onUpdate:visible":{},"onUpdate:open":{},onChange:{},afterClose:{},centered:{type:Boolean,default:void 0},width:{},footer:{},okText:{},okType:{},cancelText:{},icon:{},maskClosable:{type:Boolean,default:void 0},forceRender:{type:Boolean,default:void 0},okButtonProps:{},cancelButtonProps:{},destroyOnClose:{type:Boolean,default:void 0},wrapClassName:{},maskTransitionName:{},transitionName:{},getContainer:{type:[String,Boolean,Function],default:void 0},zIndex:{},bodyStyle:{},maskStyle:{},mask:{type:Boolean,default:void 0},keyboard:{type:Boolean,default:void 0},wrapProps:{},focusTriggerAfterClose:{type:Boolean,default:void 0},modalRender:{},mousePosition:{}},emits:["finish"],setup(b,{expose:x,emit:C}){const t=b,T=C,u=e.ref(!1),p=e.ref({}),i=e.ref(null),r=e.ref([]),m=e.ref();let s=null,n=null;const w=K.useGlobalConfig("uiMode","admin"),{t:_}=O.useLocale(),k=async(a=[],o={})=>{var l,d,y;switch(r.value=[...a],u.value=!0,p.value=o==null?void 0:o.extraParams,m.value=o.apTableDataSources||((l=t.apTableProps)==null?void 0:l.dataSource),o.refreshMode||"reset"){case"reset":(d=i.value)==null||d.reset();break;case"submit":(y=i.value)==null||y.submit();break;case"none":break}return new Promise((h,R)=>{s=h,n=R})},v=()=>{u.value=!1,s=null,n==null||n(f.AsyncOpenResultError.ModalCancel),n=null},S=async a=>{a=q.transformTableParams({...a,...p.value});const o=t.api,{records:l,total:d}=await o(a);return{data:l,total:d}},B=()=>{if(r.value.length>t.maxCount){n==null||n(f.AsyncOpenResultError.ExceedMaxCount);return}if(t.getRowKey){const a=c.cloneDeep(e.unref(r)),o=a.map(t.getRowKey);T("finish",o,a),s==null||s({keys:o,rows:a})}else{n==null||n(f.AsyncOpenResultError.NotFineGetRowKey);return}u.value=!1},M=e.computed(()=>{if(t.getRowKey)return{fixed:!0,selectedRowKeys:r.value.map(t.getRowKey),columnWidth:50,preserveSelectedRowKeys:!0,onChange:(a,o)=>{if(o.length>t.maxCount){g.message.warning(_("ap.apTableModal.messageMaxCount",{maxCount:t.maxCount}));return}r.value=o}}}),P=()=>t.isRenderModalTitleSuffix?e.h(A.default,{title:t.title,count:r.value.length||0,maxCount:t.maxCount},{default:t.renderModalTitleSuffix??void 0}):t.title;return x({open:k,close:v,getApTableInstance:()=>i.value}),(a,o)=>(e.openBlock(),e.createBlock(e.unref(g.Modal),e.mergeProps({onOk:B,onCancel:v,open:u.value,"onUpdate:open":o[0]||(o[0]=l=>u.value=l)},e.unref(c.omit)(t,["api","getRowKey","centered","apTableProps","onOk","maxCount","title","renderModalTitleSuffix","isRenderModalTitleSuffix"]),{title:P(),centered:t.centered??!0}),{default:e.withCtx(()=>[e.createVNode(e.unref(E.default),e.mergeProps({scroll:{y:"100%"},style:{padding:"0px"},columns:a.columns,request:S,"row-key":a.getRowKey,"row-selection":M.value,bordered:e.unref(w)==="admin"},e.unref(c.omit)(t.apTableProps,"dataSource"),{ref_key:"apTableRef",ref:i,"data-source":m.value}),null,16,["columns","row-key","row-selection","bordered","data-source"])]),_:1},16,["open","title","centered"]))}});exports.default=I;
@@ -797,6 +797,7 @@ export declare const ApSelectLayout: (<T extends ApSelectItem>(__VLS_props: NonN
797
797
  onOnSelect?: ((value: T) => any) | undefined;
798
798
  title: string;
799
799
  request: () => Promise<T[]>;
800
+ onSearch?: ((item: T, val: string) => boolean) | undefined;
800
801
  defaultFold?: boolean | undefined;
801
802
  } & PublicProps;
802
803
  expose(exposed: ShallowUnwrapRef<{}>): void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aplus-frontend/ui",
3
- "version": "0.1.37",
3
+ "version": "0.1.38",
4
4
  "main": "lib/index.js",
5
5
  "module": "es/index.mjs",
6
6
  "files": [