@aplus-frontend/ui 0.1.37 → 0.1.39
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/src/ap-descriptions/formatter/index.mjs +24 -24
- package/es/src/ap-form/interface.d.ts +29 -1
- package/es/src/ap-form/modal-form/index.vue.mjs +56 -47
- package/es/src/ap-form/style/drawer-form.css +10 -0
- package/es/src/ap-table/ap-table.vue.mjs +69 -68
- package/es/src/ap-table/components/setting/modal/index.vue2.mjs +1 -1
- package/es/src/ap-table/hooks/use-table-column-state.d.ts +2 -2
- package/es/src/ap-table/hooks/use-table-column-state.mjs +37 -37
- package/es/src/ap-table/style/ap-table.css +6 -0
- package/es/src/business/ap-card/ApCard.vue2.mjs +18 -20
- package/es/src/business/ap-select-layout/interface.d.ts +1 -0
- package/es/src/business/ap-select-layout/select-layout.vue2.mjs +66 -62
- package/es/src/business/ap-table-modal/hooks/use-create-table-modal.d.ts +23 -0
- package/es/src/business/ap-table-modal/hooks/use-create-table-modal.mjs +41 -24
- package/es/src/business/ap-table-modal/hooks/use-table-modal.d.ts +24 -0
- package/es/src/business/ap-table-modal/hooks/use-table-modal.mjs +12 -11
- package/es/src/business/ap-table-modal/hooks/use-table-select-modal.d.ts +24 -0
- package/es/src/business/ap-table-modal/hooks/use-table-select-modal.mjs +11 -10
- package/es/src/business/ap-table-modal/index.d.ts +21 -0
- package/es/src/business/ap-table-modal/table-modal.vue.d.ts +21 -0
- package/es/src/business/ap-table-modal/table-modal.vue2.mjs +31 -30
- package/es/src/business/index.d.ts +1 -0
- package/es/src/theme/ap-form/drawer-form.css +10 -0
- package/es/src/theme/ap-table/ap-table.css +6 -0
- package/es/src/theme/css-var/index.mjs +10 -0
- package/lib/src/ap-descriptions/formatter/index.js +1 -1
- package/lib/src/ap-form/interface.d.ts +29 -1
- package/lib/src/ap-form/modal-form/index.vue.js +1 -1
- package/lib/src/ap-form/style/drawer-form.css +10 -0
- package/lib/src/ap-table/ap-table.vue.js +1 -1
- package/lib/src/ap-table/components/setting/modal/index.vue2.js +1 -1
- package/lib/src/ap-table/hooks/use-table-column-state.d.ts +2 -2
- package/lib/src/ap-table/hooks/use-table-column-state.js +1 -1
- package/lib/src/ap-table/style/ap-table.css +6 -0
- package/lib/src/business/ap-card/ApCard.vue2.js +1 -1
- package/lib/src/business/ap-select-layout/interface.d.ts +1 -0
- package/lib/src/business/ap-select-layout/select-layout.vue2.js +1 -1
- package/lib/src/business/ap-table-modal/hooks/use-create-table-modal.d.ts +23 -0
- package/lib/src/business/ap-table-modal/hooks/use-create-table-modal.js +1 -1
- package/lib/src/business/ap-table-modal/hooks/use-table-modal.d.ts +24 -0
- package/lib/src/business/ap-table-modal/hooks/use-table-modal.js +1 -1
- package/lib/src/business/ap-table-modal/hooks/use-table-select-modal.d.ts +24 -0
- package/lib/src/business/ap-table-modal/hooks/use-table-select-modal.js +1 -1
- package/lib/src/business/ap-table-modal/index.d.ts +21 -0
- package/lib/src/business/ap-table-modal/table-modal.vue.d.ts +21 -0
- package/lib/src/business/ap-table-modal/table-modal.vue2.js +1 -1
- package/lib/src/business/index.d.ts +1 -0
- package/lib/src/theme/ap-form/drawer-form.css +10 -0
- package/lib/src/theme/ap-table/ap-table.css +6 -0
- package/lib/src/theme/css-var/index.js +1 -1
- package/package.json +1 -1
|
@@ -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
|
|
3
|
-
const
|
|
4
|
-
function
|
|
5
|
-
const { finishCallback: o, getRowKey: r, ...a } = e, { destroy: t, openModal: c, closeModal: d } =
|
|
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 ||
|
|
9
|
-
}),
|
|
10
|
-
const s = await c(
|
|
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:
|
|
21
|
+
open: u,
|
|
22
22
|
destroy: t,
|
|
23
|
-
close: n
|
|
23
|
+
close: n,
|
|
24
|
+
...l
|
|
24
25
|
};
|
|
25
26
|
}
|
|
26
27
|
export {
|
|
27
|
-
|
|
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
|
|
2
|
-
import { message as
|
|
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
|
|
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__ */
|
|
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(
|
|
60
|
-
const e =
|
|
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
|
|
64
|
-
switch (
|
|
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
|
-
(
|
|
66
|
+
(c = d.value) == null || c.reset();
|
|
67
67
|
break;
|
|
68
68
|
case "submit":
|
|
69
|
-
(v =
|
|
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:
|
|
84
|
+
const o = e.api, { records: l, total: c } = await o(t);
|
|
85
85
|
return {
|
|
86
|
-
data:
|
|
87
|
-
total:
|
|
86
|
+
data: l,
|
|
87
|
+
total: c
|
|
88
88
|
};
|
|
89
89
|
}, M = () => {
|
|
90
|
-
if (
|
|
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(
|
|
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 =
|
|
102
|
+
}, P = N(() => {
|
|
103
103
|
if (e.getRowKey)
|
|
104
104
|
return {
|
|
105
105
|
fixed: !0,
|
|
106
|
-
selectedRowKeys:
|
|
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
|
-
|
|
111
|
+
U.warning(
|
|
112
112
|
B("ap.apTableModal.messageMaxCount", { maxCount: e.maxCount })
|
|
113
113
|
);
|
|
114
114
|
return;
|
|
115
115
|
}
|
|
116
|
-
|
|
116
|
+
n.value = o;
|
|
117
117
|
}
|
|
118
118
|
};
|
|
119
|
-
}), R = () => e.isRenderModalTitleSuffix ?
|
|
119
|
+
}), R = () => e.isRenderModalTitleSuffix ? O(
|
|
120
120
|
V,
|
|
121
121
|
{
|
|
122
122
|
title: e.title,
|
|
123
|
-
count:
|
|
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
|
|
130
|
+
return C({
|
|
131
131
|
open: S,
|
|
132
|
-
close: y
|
|
133
|
-
|
|
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] = (
|
|
139
|
+
"onUpdate:open": o[0] || (o[0] = (l) => s.value = l)
|
|
139
140
|
},
|
|
140
|
-
r(
|
|
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:
|
|
157
|
-
|
|
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(
|
|
166
|
+
}, r(x)(e.apTableProps, "dataSource"), {
|
|
166
167
|
ref_key: "apTableRef",
|
|
167
|
-
ref:
|
|
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;
|
|
@@ -47,6 +47,11 @@ const F = {
|
|
|
47
47
|
color: "#182948"
|
|
48
48
|
}
|
|
49
49
|
}
|
|
50
|
+
},
|
|
51
|
+
setting: {
|
|
52
|
+
button: {
|
|
53
|
+
color: "#8896B0"
|
|
54
|
+
}
|
|
50
55
|
}
|
|
51
56
|
},
|
|
52
57
|
"ap-batch-action": {
|
|
@@ -118,6 +123,11 @@ const F = {
|
|
|
118
123
|
color: "#333333"
|
|
119
124
|
}
|
|
120
125
|
}
|
|
126
|
+
},
|
|
127
|
+
setting: {
|
|
128
|
+
button: {
|
|
129
|
+
color: "#999999"
|
|
130
|
+
}
|
|
121
131
|
}
|
|
122
132
|
},
|
|
123
133
|
"ap-batch-action": {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("vue"),M=require("@aplus-frontend/utils"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("vue"),M=require("@aplus-frontend/utils"),m=require("lodash-unified"),S=require("./utils.js"),Y=require("@fruits-chain/utils");function g(t){return t.value}function y({value:t},n){var e;const{joinSymbol:o}=m.merge({joinSymbol:" "},n);return(e=t==null?void 0:t.join)==null?void 0:e.call(t,o)}function l({value:t},n){const{zoneAlias:o,format:e}=m.merge({zoneAlias:"LA",format:"YYYY-MM-DD HH:mm:ss"},n);return M.getTimeFormatToZone(t,o,e)}function f({value:t,record:n},o){const{fieldList:e,templateString:r="{0}",formatter:a}=o,s=(e==null?void 0:e.map((i,u)=>{const c=m.get(n,i);return a?a(c,u):c}))||[];return s.length===0&&s.push(t),S.formatString(r,s)}function d({value:t,record:n},o){const{fieldList:e,format:r="YYYY-MM-DD HH:mm:ss",joinSymbol:a="~",zoneAlias:s="LA"}=o,i=Array.isArray(r)?r:[r,r];return f({value:t,record:n},{fieldList:e,templateString:`{0} ${a} {1}`,formatter(u,c){return l({value:u,record:n},{format:i[c],zoneAlias:s})}})}function b({record:t},n){const{urlPath:o="url",namePath:e="name",style:r,downloadFile:a,className:s}=n,i=m.get(t,e),u=m.get(t,o),c=m.debounce(()=>{a==null||a(u,i)},500);return p.createVNode("span",{style:r,class:[s,"ap-descriptions-item-content__link "],onClick:c},[i])}function h({value:t},n){const{style:o={},precision:e}=n;let r="";try{r=Y.toDecimalMark(t,e)}catch{r=t}return p.createVNode("span",{style:o,class:"ap-descriptions-item-content__number"},[r])}const A={text:g,array:y,date:l,dateRange:d,template:f,number:h,attachment:b};exports.array=y;exports.attachment=b;exports.date=l;exports.dateRange=d;exports.formatterMap=A;exports.number=h;exports.template=f;exports.text=g;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ButtonProps, ColProps, FormItemProps, FormProps, ModalProps, RowProps } from 'ant-design-vue';
|
|
1
|
+
import { ButtonProps, ColProps, DrawerProps, FormItemProps, FormProps, ModalProps, RowProps } from 'ant-design-vue';
|
|
2
2
|
import { FormItemExpose } from 'ant-design-vue/es/form/FormItem';
|
|
3
3
|
import { InternalNamePath, NamePath, ValidateOptions } from 'ant-design-vue/es/form/interface';
|
|
4
4
|
import { Recordable } from '../type';
|
|
@@ -149,6 +149,34 @@ export type ApFormModalFormProps = Omit<ApFormProps, 'onFinish'> & {
|
|
|
149
149
|
onFinish?: (values: any) => Promise<boolean>;
|
|
150
150
|
submitter?: false | ApFormSubmitterConfig;
|
|
151
151
|
showCancel?: boolean;
|
|
152
|
+
/**
|
|
153
|
+
* 提交超时时间
|
|
154
|
+
*/
|
|
155
|
+
submitTimeout?: number;
|
|
156
|
+
};
|
|
157
|
+
export type CustomizeResizeType = {
|
|
158
|
+
onResize?: () => void;
|
|
159
|
+
maxWidth?: DrawerProps['width'];
|
|
160
|
+
minWidth?: DrawerProps['width'];
|
|
161
|
+
resizeOnOpen?: boolean;
|
|
162
|
+
};
|
|
163
|
+
export type ApFormDrawerFormProps = Omit<ApFormProps, 'onFinish'> & {
|
|
164
|
+
open?: boolean;
|
|
165
|
+
'onUpdate:open'?: (open: boolean) => void;
|
|
166
|
+
drawerProps?: Omit<DrawerProps, 'open' | 'onUpdate:open'>;
|
|
167
|
+
title?: DrawerProps['title'];
|
|
168
|
+
width?: DrawerProps['width'];
|
|
169
|
+
onFinish?: (values: any) => Promise<boolean>;
|
|
170
|
+
submitter?: false | ApFormSubmitterConfig;
|
|
171
|
+
showCancel?: boolean;
|
|
172
|
+
/**
|
|
173
|
+
* 提交超时时间
|
|
174
|
+
*/
|
|
175
|
+
submitTimeout?: number;
|
|
176
|
+
/**
|
|
177
|
+
* 可拖动改变drawer的尺寸
|
|
178
|
+
*/
|
|
179
|
+
resize?: CustomizeResizeType | boolean;
|
|
152
180
|
};
|
|
153
181
|
export type ApFormModalFormExpose = ApFormExpose;
|
|
154
182
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("ant-design-vue");require("../ap-form.vue.js");require("../../hooks/index.js");const S=require("../../utils/slot.js");require("../../config-provider/index.js");const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("ant-design-vue");require("../ap-form.vue.js");require("../../hooks/index.js");const S=require("../../utils/slot.js");require("../../config-provider/index.js");const M=require("lodash-unified");require("../style/modal-form.css");const R=require("../../utils/index.js"),j=require("../../hooks/useControllableValue.js"),O=require("../../config-provider/hooks/use-locale.js"),D=require("../../config-provider/hooks/use-global-config.js"),U=require("../../config-provider/hooks/use-namespace.js"),z=require("../ap-form.vue2.js");function F(d){return typeof d=="function"||Object.prototype.toString.call(d)==="[object Object]"&&!e.isVNode(d)}const E=e.defineComponent({__name:"index",props:{layout:{default:"horizontal"},labelCol:{},wrapperCol:{},colon:{type:Boolean,default:!0},labelAlign:{default:"right"},labelWrap:{type:Boolean},prefixCls:{},requiredMark:{},hideRequiredMark:{type:Boolean,default:!1},rules:{},validateMessages:{},validateOnRuleChange:{type:Boolean,default:!0},scrollToFirstError:{},onSubmit:{},name:{},validateTrigger:{default:"change"},size:{},disabled:{type:Boolean},onValuesChange:{},onFieldsChange:{},onFinishFailed:{},onValidate:{},initialValues:{},open:{type:Boolean,default:void 0},"onUpdate:open":{},modalProps:{default:()=>({})},title:{},width:{default:800},onFinish:{},submitter:{type:[Boolean,Object],default:()=>({resetButtonProps:!1})},showCancel:{type:Boolean,default:!0},submitTimeout:{}},emits:["update:open"],setup(d,{expose:C,emit:B}){const o=d,p=e.useSlots(),k=B,n=e.ref(),c=e.ref(),u=e.ref(!1),{value:N,updateValue:f}=j.useControllableValue(o,k,{valuePropName:"open",defaultValue:!1}),{t:b}=O.useLocale(),v=D.useGlobalConfig("uiMode","aplus"),{b:T,e:g}=U.useNamespace("ap-form-modal-form");e.watch(()=>n.value,t=>{var l;t&&c.value&&((l=t.setFieldsValue)==null||l.call(t,c.value),c.value=void 0)});const V=S.getSingleVNode(p.trigger),h=V?e.cloneVNode(V,{onClick:()=>{f(!0)}}):null,q=e.computed(()=>{var l,a,r,m;const t=[];if(o.submitter===!1)return null;if(o.showCancel){let s;t.push(e.createVNode(i.Button,{onClick:y,disabled:u.value},F(s=b("ap.common.cancelText"))?s:{default:()=>[s]}))}return((l=o.submitter)==null?void 0:l.resetButtonProps)!==!1&&t.push(e.createVNode(i.Button,e.mergeProps(((a=o.submitter)==null?void 0:a.resetButtonProps)||{},{key:"submit",disabled:u.value,onClick:_}),{default:()=>{var s;return[((s=o.submitter)==null?void 0:s.resetText)||b("ap.common.resetText")]}})),((r=o.submitter)==null?void 0:r.submitButtonProps)!==!1&&t.push(e.createVNode(i.Button,e.mergeProps({type:"primary",key:"submit"},((m=o.submitter)==null?void 0:m.submitButtonProps)||{},{loading:u.value,onClick:w}),{default:()=>{var s;return[((s=o.submitter)==null?void 0:s.submitText)||b("ap.common.okText")]}})),e.createVNode(i.Flex,{justify:"flex-end",class:g(e.unref(v)==="admin"?"footer-admin":"footer")},{default:()=>[p.submitter?p.submitter(t):e.createVNode(i.Space,null,F(t)?t:{default:()=>[t]})]})});function _(){var t,l,a;o.submitter!==!1&&((t=n.value)==null||t.resetFields(),(a=(l=o.submitter)==null?void 0:l.onReset)==null||a.call(l))}async function w(){var t,l,a,r;if(o.submitter!==!1)try{const m=await((t=n.value)==null?void 0:t.validateFields());(a=(l=o.submitter)==null?void 0:l.onSubmit)==null||a.call(l),u.value=!0;const s=(r=o.onFinish)==null?void 0:r.call(o,R.convertReactiveToRaw(m));if(o.submitTimeout&&s instanceof Promise){const x=setTimeout(()=>u.value=!1,o.submitTimeout);s.finally(()=>{clearTimeout(x),u.value=!1})}await s&&f(!1)}finally{u.value=!1}}function y(){e.unref(u)||f(!1)}function P(t){!t&&e.unref(u)||f(t)}return C({resetFields:()=>{var t;(t=n.value)==null||t.resetFields()},clearValidate:t=>{var l;(l=n.value)==null||l.clearValidate(t)},validateFields:(t,l)=>{var a;return(a=n.value)==null?void 0:a.validateFields(t,l)},getFieldsValue:t=>{var l;return(l=n.value)==null?void 0:l.getFieldsValue(t)},validate:(t,l)=>{var a;return(a=n.value)==null?void 0:a.validate(t,l)},scrollToField:(t,l={})=>{var a;(a=n.value)==null||a.scrollToField(t,l)},setFieldValue:(t,l)=>{var a,r;(r=(a=n.value)==null?void 0:a.setFieldValue)==null||r.call(a,t,l)},setFieldsValue:t=>{var l,a;if(!n.value){c.value=t;return}(a=(l=n.value)==null?void 0:l.setFieldsValue)==null||a.call(l,t)},getInternalInstance:t=>{var l;return(l=n.value)==null?void 0:l.getInternalInstance(t)}}),(t,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(i.Modal),e.mergeProps(t.modalProps,{open:e.unref(N),"onUpdate:open":P,onCancel:y,footer:null,width:t.width,class:e.unref(T)(),"body-style":{padding:e.unref(v)==="admin"?"0px !important":"20px !important"}}),{title:e.withCtx(()=>[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)])]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(g)(e.unref(v)==="admin"?"content-admin":"content"))},[e.createVNode(z.default,e.mergeProps({ref_key:"formRef",ref:n},e.unref(M.omit)(o,["modalProps","open","onUpdate:open","title","width","onFinish","submitter"])),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16)],2),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(q.value)))]),_:3},16,["open","width","class","body-style"]),e.unref(h)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(h)),{key:0})):e.createCommentVNode("",!0)],64))}});exports.default=E;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),w=require("ant-design-vue"),le=require("ant-design-vue/es/theme/internal"),se=require("../ap-form/index.js"),O=require("./constants.js");require("../config-provider/index.js");const ue=require("./hooks/use-table-paging.js"),i=require("lodash-unified");require("./style/ap-table.css");const u=require("./utils.js"),de=require("./hooks/use-table-content-height.js"),ie=require("../editable-table/utils.js"),ce=require("./hooks/use-table-row-selection.js"),fe=require("../utils/index.js"),pe=require("@ant-design/icons-vue");require("./components/setting/modal/index.vue.js");const me=require("./context.js"),ge=require("../config-provider/hooks/use-locale.js"),ye=require("../config-provider/hooks/use-namespace.js"),he=require("../config-provider/hooks/use-global-config.js"),we=require("./components/setting/modal/index.vue2.js"),Se=e.defineComponent({name:"ApTable",__name:"ap-table",props:{dropdownPrefixCls:{},loading:{type:[Boolean,Object],default:void 0},bordered:{type:Boolean,default:!1},locale:{},onChange:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!0},prefixCls:{},rowKey:{default:"key"},tableLayout:{},rowClassName:{},title:{},footer:{},id:{},showHeader:{type:Boolean,default:!0},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean],default:!1},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean,default:!1},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean,default:!1},indentSize:{default:15},expandIconColumnIndex:{},showExpandColumn:{type:Boolean,default:!0},expandedRowClassName:{},childrenColumnName:{default:"children"},rowExpandable:{},sticky:{type:[Boolean,Object]},transformCellText:{},columns:{},rowSelection:{type:[Boolean,Object]},card:{type:Boolean,default:!1},params:{},searchFormRender:{},request:{},onLoad:{},defaultData:{},dataSource:{},onLoadingChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},manual:{type:Boolean,default:!1},size:{default:"middle"},adaptive:{type:Boolean,default:!1},columnResizable:{type:Boolean,default:!1},settings:{type:[Boolean,Object],default:void 0}},setup(K,{expose:j}){const t=K;let B=0;const m=e.useSlots(),[,A]=le.useToken(),{t:U}=ge.useLocale(),{e:S,b:c,be:T}=ye.useNamespace("ap-table"),F=he.useGlobalConfig("valueTypeMap"),{height:_,contentRef:$}=de.default(),b=e.ref(t.size),d=e.ref([]),x=e.ref([]);me.useProvideApTable({columns:e.computed(()=>d.value),columnsBackup:e.computed(()=>x.value),size:e.computed(()=>b.value),updateColumns(r){d.value=r},updateSize(r){b.value=r}});const D=()=>{var a;let r=((a=t.columns)==null?void 0:a.filter(n=>!n.hideInTable))||[];function o(n,s){return n.map(l=>({resizable:fe.isDef(l.resizable)?l.resizable:t.columnResizable,...i.omit(u.apColumnToColumn(l),["ellipsis"]),fixed:s?s.fixed:l.fixed,title:u.getTableTitle(l,T("table-header","title"),m.headerCell,e.unref(A).colorPrimary),customRender({value:f,...p}){var E,L;const V=u.getTableRenderType(l),oe=u.getTableRenderProps({...l,valueType:V},{value:f,...p}),ae=u.getTableCellRenderNode(V,oe,p.record,e.unref(F)),I=((E=l.renderText)==null?void 0:E.call(l,{value:f,...p}))||f,ne=l.renderText?e.createVNode(e.Fragment,null,[(L=l.renderText)==null?void 0:L.call(l,{value:f,...p})]):ae;let R=Z(l,I,ne);return l.customRender&&(R=l.customRender({value:f,...p,column:l,originalNode:R,originalText:I})),R},children:o(l.children||[],s||l)}))}return o(r)};e.watchEffect(()=>{const r=D();d.value=r,x.value=r});const k=e.computed(()=>{var r,o,a;return B++,((a=(o=(r=t.columns)==null?void 0:r.filter(n=>!n.hideInSearch&&n.dataIndex&&(n.valueType||n.customRenderFormItem)&&!O.noRenderAsFormItemValueList.includes(n.valueType)))==null?void 0:o.sort((n,s)=>{let l=u.getColumnOrder(n.order);return u.getColumnOrder(s.order)-l}))==null?void 0:a.map(n=>{const s=u.updateFormProps(n,u.getFieldProps(n.fieldProps,{})),l={...n,fieldProps:{label:n.title,name:n.dataIndex,...s||{},placeholder:u.getPlaceholder(U,n.valueType,s==null?void 0:s.placeholder),_signal:B},renderNode:void 0};return l.renderNode=u.getSearchFormItemRenderNode(l,e.unref(F)),l}))||[]}),W=e.computed(()=>e.unref(d).filter(r=>r.sorter===!0).map(r=>r.dataIndex).filter(Boolean)),H=e.computed(()=>e.unref(d).filter(r=>r.filters&&!r.onFilter).map(r=>r.dataIndex).filter(Boolean)),M=e.computed(()=>i.isUndefined(t.dataSource)?h.value.records:t.dataSource),{rowSelection:g,selectedRows:C,...y}=ce.default({...t.rowSelection===!0?{}:t.rowSelection,rowKey:t.rowKey,dataSource:M}),{formRef:v,submit:z,reset:P,tableProps:q,refresh:G,data:h,setDataSource:J}=ue.useTablePaging({async request(r){var a,n;if(!g.value.preserveSelectedRowKeys&&i.isUndefined(t.dataSource)&&y.clearAll(),!i.isUndefined(t.dataSource))return{data:t.dataSource||[],total:t.dataSource.length||0};const o=await((a=t.request)==null?void 0:a.call(t,r));return(n=t.onLoad)==null||n.call(t,(o==null?void 0:o.data)||[]),{data:(o==null?void 0:o.data)||[],total:(o==null?void 0:o.total)||0}},filterFields:H,sortFields:W,defaultParams:t.params,defaultData:t.defaultData,manual:t.manual,defaultCurrent:t.pagination?t.pagination.defaultCurrent:void 0,defaultPageSize:t.pagination?t.pagination.defaultPageSize:void 0,formatParams:t.beforeSearchSubmit,showLessItems:t.pagination?t.pagination.showLessItems:void 0,showTotal:t.pagination?t.pagination.showTotal:void 0}),Q=e.computed(()=>{var o,a;if(t.adaptive&&(h.value.total>0||((o=t.dataSource)==null?void 0:o.length)))return{y:e.unref(_),x:((a=t.scroll)==null?void 0:a.x)||"100%"};if(t.scroll)return t.scroll}),X=e.computed(()=>{var r;if(t.tableLayout)return t.tableLayout;if((r=t.columns)!=null&&r.some(o=>o.ellipsis))return"fixed"}),N=e.computed(()=>{var a;const r=e.unref(q),o=e.unref(g);return{...t,...r,rowSelection:t.rowSelection===!0||((a=t.rowSelection)==null?void 0:a.mode)==="internal"?{...o,preserveSelectedRowKeys:i.isUndefined(t.dataSource)?o.preserveSelectedRowKeys:!0}:t.rowSelection,loading:i.isUndefined(t.loading)?r.loading:t.loading,pagination:t.pagination===!1?!1:r.pagination,scroll:e.unref(Q)}}),Y=e.computed(()=>[c(),t.card?null:c("wrapper"),t.adaptive?c("adaptive"):null].filter(Boolean));function Z(r,o,a){if(O.noRenderAsFormItemValueList.includes(r.valueType))return a;const n=u.objectToString(o);return r.copyable||r.ellipsis?e.createVNode(w.Typography.Paragraph,{copyable:r.copyable?{text:n,tooltip:!1}:!1,ellipsis:r.ellipsis?i.isBoolean(r.ellipsis)?{tooltip:n}:{...r.ellipsis,tooltip:n}:!1,content:r.ellipsis?ie.getRawDisplayValue(r,o):a},null):a}e.watch(()=>e.unref(h).loading,r=>{var o;(o=t.onLoadingChange)==null||o.call(t,r)}),e.watch(()=>t.dataSource,r=>{r!=null&&r.length&&J(r)},{immediate:!0});function ee(r){var o,a,n;(n=(a=(o=v.value)==null?void 0:o.apForm)==null?void 0:a.setFieldsValue)==null||n.call(a,r)}function re(){var r,o,a;return(a=(o=(r=v.value)==null?void 0:r.apForm)==null?void 0:o.getFieldsValue)==null?void 0:a.call(o,!0)}function te(){return e.unref(d)}return j({submit:()=>z(),reset:()=>P(),refresh:()=>G(),setSearchFormValues:ee,getSearchFormValues:re,getShownColumns:te,dataSource:e.computed(()=>e.unref(h).records),rowSelection:{selectedRows:e.computed(()=>e.unref(C)),...y}}),(r,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(Y.value)},[e.unref(i.isUndefined)(r.dataSource)&&r.searchForm!==!1&&k.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(r.card?e.unref(S)("search-wrapper"):null),style:e.normalizeStyle(r.searchFormWrapperStyle)},[e.createVNode(e.unref(se.ApForm).SearchForm,e.mergeProps(r.searchForm||{},{ref_key:"formRef",ref:v,"custom-reset":"",onSubmit:e.unref(z),onReset:e.unref(P),"submit-loading":e.unref(q).loading}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.value,a=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.renderNode),e.mergeProps({key:a.dataIndex,ref_for:!0},a.fieldProps||{},{span:a.span}),null,16,["span"]))),128))]),_:2},[m.searchFormExtra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["onSubmit","onReset","submit-loading"])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"contentRef",ref:$,class:e.normalizeClass([e.unref(S)("table-wrapper"),r.card?e.unref(S)("table-wrapper-card"):null]),style:e.normalizeStyle(r.tableWrapperStyle)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(c)("header-wrapper"))},[r.settings?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(c)("header"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(T)("header","title"))},[e.renderSlot(r.$slots,"title",e.mergeProps({selectedRows:e.unref(C),selectedRowKeys:e.unref(g).selectedRowKeys,shownColumns:d.value},y))],2),m.title?(e.openBlock(),e.createBlock(e.unref(w.Divider),{key:0,type:"vertical"})):e.createCommentVNode("",!0),e.createVNode(we.default,{config:r.settings===!0?{}:r.settings},{trigger:e.withCtx(()=>[e.createVNode(e.unref(w.Button),{icon:e.h(e.unref(pe.SettingOutlined))},null,8,["icon"])]),_:1},8,["config"])],2)):e.renderSlot(r.$slots,"title",e.mergeProps({key:1,selectedRows:e.unref(C),selectedRowKeys:e.unref(g).selectedRowKeys,shownColumns:d.value},y))],2),e.createVNode(e.unref(w.Table),e.mergeProps({class:e.unref(c)("table")},N.value,{size:b.value,"table-layout":X.value,columns:d.value,onResizeColumn:o[0]||(o[0]=(a,n)=>n.width=a)}),e.createSlots({summary:e.withCtx(()=>[e.renderSlot(r.$slots,"summary",{columns:d.value,records:N.value.dataSource})]),_:2},[e.renderList(e.unref(i.omit)(m,["title","searchFormExtra","headerCell","summary"]),(a,n)=>({name:n,fn:e.withCtx(s=>[e.renderSlot(r.$slots,n,e.normalizeProps(e.guardReactiveProps(s||{})))])}))]),1040,["class","size","table-layout","columns"])],6)],2))}});exports.default=Se;
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),w=require("ant-design-vue"),le=require("ant-design-vue/es/theme/internal"),se=require("../ap-form/index.js"),O=require("./constants.js");require("../config-provider/index.js");const ue=require("./hooks/use-table-paging.js"),i=require("lodash-unified");require("./style/ap-table.css");const u=require("./utils.js"),de=require("./hooks/use-table-content-height.js"),ie=require("../editable-table/utils.js"),ce=require("./hooks/use-table-row-selection.js"),fe=require("../utils/index.js"),pe=require("@ant-design/icons-vue");require("./components/setting/modal/index.vue.js");const me=require("./context.js"),ge=require("../config-provider/hooks/use-locale.js"),ye=require("../config-provider/hooks/use-namespace.js"),he=require("../config-provider/hooks/use-global-config.js"),we=require("./components/setting/modal/index.vue2.js"),be=e.defineComponent({name:"ApTable",__name:"ap-table",props:{dropdownPrefixCls:{},loading:{type:[Boolean,Object],default:void 0},bordered:{type:Boolean,default:!1},locale:{},onChange:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!0},prefixCls:{},rowKey:{default:"key"},tableLayout:{},rowClassName:{},title:{},footer:{},id:{},showHeader:{type:Boolean,default:!0},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean],default:!1},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean,default:!1},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean,default:!1},indentSize:{default:15},expandIconColumnIndex:{},showExpandColumn:{type:Boolean,default:!0},expandedRowClassName:{},childrenColumnName:{default:"children"},rowExpandable:{},sticky:{type:[Boolean,Object]},transformCellText:{},columns:{},rowSelection:{type:[Boolean,Object]},card:{type:Boolean,default:!1},params:{},searchFormRender:{},request:{},onLoad:{},defaultData:{},dataSource:{},onLoadingChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},manual:{type:Boolean,default:!1},size:{default:"middle"},adaptive:{type:Boolean,default:!1},columnResizable:{type:Boolean,default:!1},settings:{type:[Boolean,Object],default:void 0}},setup(K,{expose:j}){const r=K;let B=0;const m=e.useSlots(),[,A]=le.useToken(),{t:U}=ge.useLocale(),{e:b,b:c,be:T}=ye.useNamespace("ap-table"),F=he.useGlobalConfig("valueTypeMap"),{height:_,contentRef:$}=de.default(),S=e.ref(r.size),d=e.ref([]),x=e.ref([]);me.useProvideApTable({columns:e.computed(()=>d.value),columnsBackup:e.computed(()=>x.value),size:e.computed(()=>S.value),updateColumns(t){d.value=t},updateSize(t){S.value=t}});const D=()=>{var n;let t=((n=r.columns)==null?void 0:n.filter(o=>!o.hideInTable))||[];function a(o,s){return o.map(l=>({resizable:fe.isDef(l.resizable)?l.resizable:r.columnResizable,...i.omit(u.apColumnToColumn(l),["ellipsis"]),fixed:s?s.fixed:l.fixed,title:u.getTableTitle(l,T("table-header","title"),m.headerCell,e.unref(A).colorPrimary),customRender({value:f,...p}){var E,L;const V=u.getTableRenderType(l),ae=u.getTableRenderProps({...l,valueType:V},{value:f,...p}),ne=u.getTableCellRenderNode(V,ae,p.record,e.unref(F)),I=((E=l.renderText)==null?void 0:E.call(l,{value:f,...p}))||f,oe=l.renderText?e.createVNode(e.Fragment,null,[(L=l.renderText)==null?void 0:L.call(l,{value:f,...p})]):ne;let R=Z(l,I,oe);return l.customRender&&(R=l.customRender({value:f,...p,column:l,originalNode:R,originalText:I})),R},children:a(l.children||[],s||l)}))}return a(t)};e.watchEffect(()=>{const t=D();d.value=t,x.value=t});const k=e.computed(()=>{var t,a,n;return B++,((n=(a=(t=r.columns)==null?void 0:t.filter(o=>!o.hideInSearch&&o.dataIndex&&(o.valueType||o.customRenderFormItem)&&!O.noRenderAsFormItemValueList.includes(o.valueType)))==null?void 0:a.sort((o,s)=>{let l=u.getColumnOrder(o.order);return u.getColumnOrder(s.order)-l}))==null?void 0:n.map(o=>{const s=u.updateFormProps(o,u.getFieldProps(o.fieldProps,{})),l={...o,fieldProps:{label:o.title,name:o.dataIndex,...s||{},placeholder:u.getPlaceholder(U,o.valueType,s==null?void 0:s.placeholder),_signal:B},renderNode:void 0};return l.renderNode=u.getSearchFormItemRenderNode(l,e.unref(F)),l}))||[]}),W=e.computed(()=>e.unref(d).filter(t=>t.sorter===!0).map(t=>t.dataIndex).filter(Boolean)),H=e.computed(()=>e.unref(d).filter(t=>t.filters&&!t.onFilter).map(t=>t.dataIndex).filter(Boolean)),M=e.computed(()=>i.isUndefined(r.dataSource)?h.value.records:r.dataSource),{rowSelection:g,selectedRows:C,...y}=ce.default({...r.rowSelection===!0?{}:r.rowSelection,rowKey:r.rowKey,dataSource:M}),{formRef:v,submit:z,reset:P,tableProps:q,refresh:G,data:h,setDataSource:J}=ue.useTablePaging({async request(t){var n,o;if(!g.value.preserveSelectedRowKeys&&i.isUndefined(r.dataSource)&&y.clearAll(),!i.isUndefined(r.dataSource))return{data:r.dataSource||[],total:r.dataSource.length||0};const a=await((n=r.request)==null?void 0:n.call(r,t));return(o=r.onLoad)==null||o.call(r,(a==null?void 0:a.data)||[]),{data:(a==null?void 0:a.data)||[],total:(a==null?void 0:a.total)||0}},filterFields:H,sortFields:W,defaultParams:r.params,defaultData:r.defaultData,manual:r.manual,defaultCurrent:r.pagination?r.pagination.defaultCurrent:void 0,defaultPageSize:r.pagination?r.pagination.defaultPageSize:void 0,formatParams:r.beforeSearchSubmit,showLessItems:r.pagination?r.pagination.showLessItems:void 0,showTotal:r.pagination?r.pagination.showTotal:void 0}),Q=e.computed(()=>{var a,n;if(r.adaptive&&(h.value.total>0||((a=r.dataSource)==null?void 0:a.length)))return{y:e.unref(_),x:((n=r.scroll)==null?void 0:n.x)||"100%"};if(r.scroll)return r.scroll}),X=e.computed(()=>{var t;if(r.tableLayout)return r.tableLayout;if((t=r.columns)!=null&&t.some(a=>a.ellipsis))return"fixed"}),N=e.computed(()=>{var n;const t=e.unref(q),a=e.unref(g);return{...r,...t,rowSelection:r.rowSelection===!0||((n=r.rowSelection)==null?void 0:n.mode)==="internal"?{...a,preserveSelectedRowKeys:i.isUndefined(r.dataSource)?a.preserveSelectedRowKeys:!0}:r.rowSelection,loading:i.isUndefined(r.loading)?t.loading:r.loading,pagination:r.pagination===!1?!1:t.pagination,scroll:e.unref(Q)}}),Y=e.computed(()=>[c(),r.card?null:c("wrapper"),r.adaptive?c("adaptive"):null].filter(Boolean));function Z(t,a,n){if(O.noRenderAsFormItemValueList.includes(t.valueType))return n;const o=u.objectToString(a);return t.copyable||t.ellipsis?e.createVNode(w.Typography.Paragraph,{copyable:t.copyable?{text:o,tooltip:!1}:!1,ellipsis:t.ellipsis?i.isBoolean(t.ellipsis)?{tooltip:o}:{...t.ellipsis,tooltip:o}:!1,content:t.ellipsis?ie.getRawDisplayValue(t,a):n},null):n}e.watch(()=>e.unref(h).loading,t=>{var a;(a=r.onLoadingChange)==null||a.call(r,t)}),e.watch(()=>r.dataSource,t=>{t!=null&&t.length&&J(t)},{immediate:!0});function ee(t){var a,n,o;(o=(n=(a=v.value)==null?void 0:a.apForm)==null?void 0:n.setFieldsValue)==null||o.call(n,t)}function te(){var t,a,n;return(n=(a=(t=v.value)==null?void 0:t.apForm)==null?void 0:a.getFieldsValue)==null?void 0:n.call(a,!0)}function re(){return e.unref(d)}return j({submit:()=>z(),reset:()=>P(),refresh:()=>G(),setSearchFormValues:ee,getSearchFormValues:te,getShownColumns:re,dataSource:e.computed(()=>e.unref(h).records),rowSelection:{selectedRows:e.computed(()=>e.unref(C)),...y}}),(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(Y.value)},[e.unref(i.isUndefined)(t.dataSource)&&t.searchForm!==!1&&k.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(t.card?e.unref(b)("search-wrapper"):null),style:e.normalizeStyle(t.searchFormWrapperStyle)},[e.createVNode(e.unref(se.ApForm).SearchForm,e.mergeProps(t.searchForm||{},{ref_key:"formRef",ref:v,"custom-reset":"",onSubmit:e.unref(z),onReset:e.unref(P),"submit-loading":e.unref(q).loading}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.value,n=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.renderNode),e.mergeProps({key:n.dataIndex,ref_for:!0},n.fieldProps||{},{span:n.span}),null,16,["span"]))),128))]),_:2},[m.searchFormExtra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["onSubmit","onReset","submit-loading"])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"contentRef",ref:$,class:e.normalizeClass([e.unref(b)("table-wrapper"),t.card?e.unref(b)("table-wrapper-card"):null]),style:e.normalizeStyle(t.tableWrapperStyle)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(c)("header-wrapper"))},[t.settings?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(c)("header"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(T)("header","title"))},[e.renderSlot(t.$slots,"title",e.mergeProps({selectedRows:e.unref(C),selectedRowKeys:e.unref(g).selectedRowKeys,shownColumns:d.value},y))],2),m.title?(e.openBlock(),e.createBlock(e.unref(w.Divider),{key:0,type:"vertical"})):e.createCommentVNode("",!0),e.createVNode(we.default,{config:t.settings===!0?{}:t.settings},{trigger:e.withCtx(()=>[e.createVNode(e.unref(w.Button),{class:e.normalizeClass(e.unref(c)("setting-trigger-button")),icon:e.h(e.unref(pe.SettingOutlined))},null,8,["class","icon"])]),_:1},8,["config"])],2)):e.renderSlot(t.$slots,"title",e.mergeProps({key:1,selectedRows:e.unref(C),selectedRowKeys:e.unref(g).selectedRowKeys,shownColumns:d.value},y))],2),e.createVNode(e.unref(w.Table),e.mergeProps({class:e.unref(c)("table")},N.value,{size:S.value,"table-layout":X.value,columns:d.value,onResizeColumn:a[0]||(a[0]=(n,o)=>o.width=n)}),e.createSlots({summary:e.withCtx(()=>[e.renderSlot(t.$slots,"summary",{columns:d.value,records:N.value.dataSource})]),_:2},[e.renderList(e.unref(i.omit)(m,["title","searchFormExtra","headerCell","summary"]),(n,o)=>({name:o,fn:e.withCtx(s=>[e.renderSlot(t.$slots,o,e.normalizeProps(e.guardReactiveProps(s||{})))])}))]),1040,["class","size","table-layout","columns"])],6)],2))}});exports.default=be;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("ant-design-vue"),B=require("../../../../utils/slot.js"),z=require("../../../context.js");require("../tree-select/index.vue.js");const D=require("../../../hooks/use-table-column-state.js");require("../../../../config-provider/index.js");require("../sorter/index.vue.js");require("../../style/setting/modal.css");const p=require("../utils.js"),w=require("../../../../config-provider/hooks/use-locale.js"),E=require("../../../../config-provider/hooks/use-namespace.js"),A=require("../tree-select/index.vue2.js"),R=require("../sorter/index.vue2.js"),M={style:{lineHeight:"22px",color:"#8896B0"}},O=e.defineComponent({__name:"index",props:{config:{}},setup(C){const f=C,{columnsBackup:N,size:_,updateSize:s,updateColumns:i}=z.useInjectApTable(),c=e.ref(e.unref(_)),{columnState:a,setColumnState:S,isAllSelected:V,toggleSelectAll:x,columnStateBackup:y,setColumnStateBackup:b,cacheColumnStateIfNeeded:h}=D.useTableColumnState(f.config,[]),{t:o}=w.useLocale(),{b:d,be:m}=E.useNamespace("ap-column-setting"),r=e.ref(!1),k=e.useSlots(),g=B.getSingleVNode(k.trigger),v=g?e.cloneVNode(g,{onClick:()=>{r.value=!0}}):null;function q(){S(p.customCloneColumnStates(y))}function T(){var t,n;i==null||i(p.default(e.unref(N),e.unref(a))),s==null||s(e.unref(c)),r.value=!1;const u=p.customCloneColumnStates(a.value);b(u),h(u),(n=(t=f.config)==null?void 0:t.onChange)==null||n.call(t,u)}return(u,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.unref(v)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(v)),{key:0})):e.createCommentVNode("",!0),e.createVNode(e.unref(l.Modal),{title:e.unref(o)("ap.apTable.setting.title"),open:r.value,"onUpdate:open":t[2]||(t[2]=n=>r.value=n),width:900,onOk:T,"body-style":{padding:"0px !important",height:"450px"}},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(d)("wrapper"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(d)("left"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(m)("left","header"))},[e.createElementVNode("div",null,[e.createElementVNode("span",M,e.toDisplayString(e.unref(o)("ap.apTable.setting.selectAllTip")),1),e.createVNode(e.unref(l.Button),{type:"link",size:"small",onClick:e.unref(x)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(V)?e.unref(o)("ap.apTable.setting.unSelectAll"):e.unref(o)("ap.apTable.setting.selectAll")),1)]),_:1},8,["onClick"])]),e.createVNode(e.unref(l.RadioGroup),{value:c.value,"onUpdate:value":t[0]||(t[0]=n=>c.value=n)},{default:e.withCtx(()=>[e.createVNode(e.unref(l.RadioButton),{value:"small"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(o)("ap.apTable.setting.sizeSmall")),1)]),_:1}),e.createVNode(e.unref(l.RadioButton),{value:"middle"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(o)("ap.apTable.setting.sizeNormal")),1)]),_:1})]),_:1},8,["value"])],2),e.createVNode(e.unref(l.Divider),{dashed:"",style:{margin:"0px"}}),e.createVNode(A.default,{class:e.normalizeClass(e.unref(m)("left","content")),value:e.unref(a)},null,8,["class","value"])],2),e.createVNode(e.unref(l.Divider),{type:"vertical",style:{height:"100%",margin:"0px"}}),e.createElementVNode("div",{class:e.normalizeClass(e.unref(d)("right"))},[e.createVNode(R.default,{value:e.unref(a),"onUpdate:value":t[1]||(t[1]=n=>e.isRef(a)?a.value=n:null),onReset:q},null,8,["value"])],2)],2)]),_:1},8,["title","open"])],64))}});exports.default=O;
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("ant-design-vue"),B=require("../../../../utils/slot.js"),z=require("../../../context.js");require("../tree-select/index.vue.js");const D=require("../../../hooks/use-table-column-state.js");require("../../../../config-provider/index.js");require("../sorter/index.vue.js");require("../../style/setting/modal.css");const p=require("../utils.js"),w=require("../../../../config-provider/hooks/use-locale.js"),E=require("../../../../config-provider/hooks/use-namespace.js"),A=require("../tree-select/index.vue2.js"),R=require("../sorter/index.vue2.js"),M={style:{lineHeight:"22px",color:"#8896B0"}},O=e.defineComponent({__name:"index",props:{config:{}},setup(C){const f=C,{columnsBackup:N,size:_,updateSize:s,updateColumns:i}=z.useInjectApTable(),c=e.ref(e.unref(_)),{columnState:a,setColumnState:S,isAllSelected:V,toggleSelectAll:x,columnStateBackup:y,setColumnStateBackup:b,cacheColumnStateIfNeeded:h}=D.useTableColumnState(f.config,[]),{t:o}=w.useLocale(),{b:d,be:m}=E.useNamespace("ap-column-setting"),r=e.ref(!1),k=e.useSlots(),g=B.getSingleVNode(k.trigger),v=g?e.cloneVNode(g,{onClick:()=>{r.value=!0}}):null;function q(){S(p.customCloneColumnStates(e.unref(y)))}function T(){var t,n;i==null||i(p.default(e.unref(N),e.unref(a))),s==null||s(e.unref(c)),r.value=!1;const u=p.customCloneColumnStates(a.value);b(u),h(u),(n=(t=f.config)==null?void 0:t.onChange)==null||n.call(t,u)}return(u,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.unref(v)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(v)),{key:0})):e.createCommentVNode("",!0),e.createVNode(e.unref(l.Modal),{title:e.unref(o)("ap.apTable.setting.title"),open:r.value,"onUpdate:open":t[2]||(t[2]=n=>r.value=n),width:900,onOk:T,"body-style":{padding:"0px !important",height:"450px"}},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(d)("wrapper"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(d)("left"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(m)("left","header"))},[e.createElementVNode("div",null,[e.createElementVNode("span",M,e.toDisplayString(e.unref(o)("ap.apTable.setting.selectAllTip")),1),e.createVNode(e.unref(l.Button),{type:"link",size:"small",onClick:e.unref(x)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(V)?e.unref(o)("ap.apTable.setting.unSelectAll"):e.unref(o)("ap.apTable.setting.selectAll")),1)]),_:1},8,["onClick"])]),e.createVNode(e.unref(l.RadioGroup),{value:c.value,"onUpdate:value":t[0]||(t[0]=n=>c.value=n)},{default:e.withCtx(()=>[e.createVNode(e.unref(l.RadioButton),{value:"small"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(o)("ap.apTable.setting.sizeSmall")),1)]),_:1}),e.createVNode(e.unref(l.RadioButton),{value:"middle"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(o)("ap.apTable.setting.sizeNormal")),1)]),_:1})]),_:1},8,["value"])],2),e.createVNode(e.unref(l.Divider),{dashed:"",style:{margin:"0px"}}),e.createVNode(A.default,{class:e.normalizeClass(e.unref(m)("left","content")),value:e.unref(a)},null,8,["class","value"])],2),e.createVNode(e.unref(l.Divider),{type:"vertical",style:{height:"100%",margin:"0px"}}),e.createElementVNode("div",{class:e.normalizeClass(e.unref(d)("right"))},[e.createVNode(R.default,{value:e.unref(a),"onUpdate:value":t[1]||(t[1]=n=>e.isRef(a)?a.value=n:null),onReset:q},null,8,["value"])],2)],2)]),_:1},8,["title","open"])],64))}});exports.default=O;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ApColumnState, ApTableSettingType } from '../interface';
|
|
2
|
-
import { Ref, ComputedRef } from 'vue';
|
|
2
|
+
import { Ref, ComputedRef, ShallowRef } from 'vue';
|
|
3
3
|
export declare const useTableColumnState: (columnSetting: ApTableSettingType, initialColumnState: ApColumnState[]) => {
|
|
4
4
|
columnState: Ref<{
|
|
5
5
|
key: string | number;
|
|
@@ -16,7 +16,7 @@ export declare const useTableColumnState: (columnSetting: ApTableSettingType, in
|
|
|
16
16
|
setColumnState: (nextColumnState: ApColumnState[]) => void;
|
|
17
17
|
isAllSelected: ComputedRef<boolean>;
|
|
18
18
|
toggleSelectAll: () => void;
|
|
19
|
-
columnStateBackup: ApColumnState[]
|
|
19
|
+
columnStateBackup: ShallowRef<ApColumnState[]>;
|
|
20
20
|
setColumnStateBackup: (nextBackup: ApColumnState[]) => void;
|
|
21
21
|
cacheColumnStateIfNeeded: (nextColumnState: ApColumnState[]) => void;
|
|
22
22
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),j=require("../../utils/index.js"),f=require("../components/setting/utils.js"),K=require("../context.js"),i=require("lodash-unified");function d(r,s){r.forEach(t=>{var c;s(t),(c=t.children)!=null&&c.length&&d(t.children,s)})}function M(r,s){if(!s)return{};const t=r.getItem(s);return t?JSON.parse(t):{}}function k(r,s){if(i.isObject(r)&&i.isObject(s))return i.mergeWith({},r,s,k)}const T=Number.MAX_SAFE_INTEGER,J=(r,s)=>{const t=o.ref(s),c=o.shallowRef(f.customCloneColumnStates(s)),{columnsBackup:C,updateColumns:h}=K.useInjectApTable(),O=r.persistenceType||"localStorage",m=window[O];function q(){const e=M(m,r.persistenceKey),n=i.mergeWith({},r.defaultValue||{},e,k),l=o.unref(C);function x(F,S,A){return F.map(u=>{var N;const a=(S==null?void 0:S[u.key])||{},g={key:u.key,label:u.title,show:!0,fixed:A?A.fixed:i.isBoolean(u.fixed)?u.fixed?"left":void 0:u.fixed,disabled:!1,...i.omit(a,"children")};return g.children=(N=u.children)!=null&&N.length?x(u.children,a.children,g):void 0,g}).sort((u,a)=>(i.isNumber(u.order)?u.order:T)-(i.isNumber(a.order)?a.order:T))}return x(l||[],n)}const b=o.computed(()=>o.unref(t).every(e=>e.show));function p(){const e=o.unref(t);d(e,n=>{!n.disabled&&(n.show=!0)})}function w(){const e=o.unref(t);d(e,n=>{!n.disabled&&(n.show=!1)})}function E(){o.unref(b)?w():p()}function I(e,n){d(o.unref(t),l=>{l.key===e&&(l.show=j.isDef(n)?n:!l.show)})}function y(e){t.value=e}function B(e){c.value=e}function v(e){if(r.persistenceKey){const n=f.getColumnStateString(e);m.setItem(r.persistenceKey,JSON.stringify(n))}}return o.watchEffect(()=>{const e=q();y(e),h==null||h(f.default(o.unref(C),o.unref(e))),c.value=f.customCloneColumnStates(e),v(e)}),{columnState:t,selectAll:p,unSelectAll:w,toggleSelect:I,setColumnState:y,isAllSelected:b,toggleSelectAll:E,columnStateBackup:c,setColumnStateBackup:B,cacheColumnStateIfNeeded:v}};exports.useTableColumnState=J;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("./index.css");require("../ap-title/ApTitle.vue.js");const m=require("lodash-unified");require("../../config-provider/index.js");const k=require("../../config-provider/hooks/use-namespace.js"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("./index.css");require("../ap-title/ApTitle.vue.js");const m=require("lodash-unified");require("../../config-provider/index.js");const k=require("../../config-provider/hooks/use-namespace.js"),_=require("../ap-title/ApTitle.vue2.js"),x={key:1},p={key:1},v=e.defineComponent({__name:"ApCard",props:{titleProps:{},padding:{}},setup(u){const t=u,{b:r}=k.useNamespace("ap-card"),d=e.computed(()=>m.omit((t==null?void 0:t.titleProps)||{},["prefix","suffix"])),c=e.computed(()=>{var n;return(n=Object.keys((t==null?void 0:t.titleProps)||{}))==null?void 0:n.length}),f=e.computed(()=>t.padding??(c.value?"14px 24px 24px":"24px"));return(n,y)=>{var s,a;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(r)()]),style:e.normalizeStyle({padding:f.value})},[c.value?(e.openBlock(),e.createBlock(_.default,e.mergeProps({key:0,class:[`${e.unref(r)()}-title`]},{...d.value}),e.createSlots({_:2},[(s=t==null?void 0:t.titleProps)!=null&&s.suffix?{name:"suffix",fn:e.withCtx(()=>{var i,l,o;return[e.isVNode((i=t==null?void 0:t.titleProps)==null?void 0:i.suffix)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent((l=t==null?void 0:t.titleProps)==null?void 0:l.suffix),{key:0})):(e.openBlock(),e.createElementBlock("div",x,e.toDisplayString((o=t==null?void 0:t.titleProps)==null?void 0:o.suffix),1))]}),key:"0"}:void 0,(a=t==null?void 0:t.titleProps)!=null&&a.prefix?{name:"prefix",fn:e.withCtx(()=>{var i,l,o;return[e.isVNode((i=t==null?void 0:t.titleProps)==null?void 0:i.prefix)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent((l=t==null?void 0:t.titleProps)==null?void 0:l.prefix),{key:0})):(e.openBlock(),e.createElementBlock("div",p,e.toDisplayString((o=t==null?void 0:t.titleProps)==null?void 0:o.prefix),1))]}),key:"1"}:void 0]),1040,["class"])):e.createCommentVNode("",!0),e.renderSlot(n.$slots,"default")],6)}}});exports.default=v;
|
|
@@ -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
|
|
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;
|