@aplus-frontend/ui 7.14.2 → 7.14.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/src/ag-grid/hooks/use-columns-def.mjs +36 -34
- package/es/src/ag-grid/index.vue.mjs +1 -1
- package/es/src/business/ap-product-info/ApProductInfo.mjs +41 -35
- package/es/src/business/ap-product-info/style/index.mjs +29 -18
- package/es/src/skeleton/components/list/item.vue2.mjs +12 -12
- package/es/src/skeleton/components/page-header/index.vue2.mjs +11 -10
- package/es/src/skeleton/components/table/index.vue2.mjs +11 -10
- package/es/src/skeleton/components/table/item.vue2.mjs +21 -21
- package/es/src/version.d.ts +1 -1
- package/es/src/version.mjs +1 -1
- package/lib/src/ag-grid/hooks/use-columns-def.js +1 -1
- package/lib/src/ag-grid/index.vue.js +1 -1
- package/lib/src/business/ap-product-info/ApProductInfo.js +1 -1
- package/lib/src/business/ap-product-info/style/index.js +1 -1
- package/lib/src/skeleton/components/list/item.vue2.js +1 -1
- package/lib/src/skeleton/components/page-header/index.vue2.js +1 -1
- package/lib/src/skeleton/components/table/index.vue2.js +1 -1
- package/lib/src/skeleton/components/table/item.vue2.js +1 -1
- package/lib/src/version.d.ts +1 -1
- package/lib/src/version.js +1 -1
- package/package.json +1 -1
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { isNumber as u, isFunction as c } from "lodash-unified";
|
|
2
|
-
import { ref as S, unref as
|
|
2
|
+
import { ref as S, unref as x, computed as y } from "vue";
|
|
3
3
|
import { dataIndexToField as D } from "../../ap-grid/utils/col.mjs";
|
|
4
|
-
import { getTableRenderProps as
|
|
4
|
+
import { getTableRenderProps as b, objectToString as P } from "../../ap-table/utils.mjs";
|
|
5
5
|
import "../../config-provider/index.mjs";
|
|
6
6
|
import "../../utils/index.mjs";
|
|
7
7
|
import "../components/body-cell/index.vue.mjs";
|
|
8
8
|
import "../components/header-cell/index.vue.mjs";
|
|
9
9
|
import "../components/tooltip/index.vue.mjs";
|
|
10
|
-
import { rendererMap as
|
|
10
|
+
import { rendererMap as v } from "../renderer/index.mjs";
|
|
11
11
|
import { useGlobalConfig as I } from "../../config-provider/hooks/use-global-config.mjs";
|
|
12
12
|
import { useNamespace as _ } from "../../config-provider/hooks/use-namespace.mjs";
|
|
13
13
|
import G from "../components/body-cell/index.vue2.mjs";
|
|
@@ -17,20 +17,20 @@ import h from "../components/header-cell/index.vue2.mjs";
|
|
|
17
17
|
function F(t) {
|
|
18
18
|
return u(t) && t > 1;
|
|
19
19
|
}
|
|
20
|
-
function M(t,
|
|
21
|
-
if (
|
|
22
|
-
return c(
|
|
23
|
-
if (
|
|
24
|
-
return
|
|
20
|
+
function M(t, a) {
|
|
21
|
+
if (a.bodyCellTooltip)
|
|
22
|
+
return c(a.bodyCellTooltip) ? a.bodyCellTooltip(t.value, t.data) : a.bodyCellTooltip;
|
|
23
|
+
if (a.renderText)
|
|
24
|
+
return a.renderText({
|
|
25
25
|
value: t.value,
|
|
26
26
|
record: t.data,
|
|
27
|
-
column:
|
|
27
|
+
column: a,
|
|
28
28
|
text: t.value
|
|
29
29
|
});
|
|
30
|
-
const d =
|
|
30
|
+
const d = a.valueType || "text", p = v[d];
|
|
31
31
|
if (p) {
|
|
32
|
-
const f =
|
|
33
|
-
{ ...
|
|
32
|
+
const f = b(
|
|
33
|
+
{ ...a, valueType: d },
|
|
34
34
|
{
|
|
35
35
|
value: t.value,
|
|
36
36
|
text: t.value,
|
|
@@ -44,18 +44,18 @@ function M(t, i) {
|
|
|
44
44
|
}
|
|
45
45
|
return P(t.value);
|
|
46
46
|
}
|
|
47
|
-
const Y = (t,
|
|
48
|
-
const p = I("valueTypeMap"), C = S(), { em: f } = _("ag-grid"),
|
|
49
|
-
const
|
|
47
|
+
const Y = (t, a, d) => {
|
|
48
|
+
const p = I("valueTypeMap"), C = S(), { em: f } = _("ag-grid"), m = (r) => {
|
|
49
|
+
const i = {
|
|
50
50
|
cellRenderer: G,
|
|
51
51
|
cellRendererParams: {
|
|
52
52
|
column: r,
|
|
53
|
-
extraValueType:
|
|
54
|
-
rowKey:
|
|
53
|
+
extraValueType: x(p),
|
|
54
|
+
rowKey: a.rowKey
|
|
55
55
|
}
|
|
56
56
|
};
|
|
57
57
|
if (r.customRender)
|
|
58
|
-
return
|
|
58
|
+
return i;
|
|
59
59
|
if (r.renderText)
|
|
60
60
|
return {
|
|
61
61
|
valueFormatter: (o) => r.renderText({
|
|
@@ -65,11 +65,11 @@ const Y = (t, i, d) => {
|
|
|
65
65
|
text: o.value
|
|
66
66
|
})
|
|
67
67
|
};
|
|
68
|
-
const
|
|
68
|
+
const s = r.valueType || "text", e = v[s];
|
|
69
69
|
return e ? {
|
|
70
70
|
valueFormatter: (o) => {
|
|
71
|
-
const
|
|
72
|
-
{ ...r, valueType:
|
|
71
|
+
const l = b(
|
|
72
|
+
{ ...r, valueType: s },
|
|
73
73
|
{
|
|
74
74
|
value: o.value,
|
|
75
75
|
text: o.value,
|
|
@@ -79,21 +79,21 @@ const Y = (t, i, d) => {
|
|
|
79
79
|
pinned: o.node?.rowPinned
|
|
80
80
|
}
|
|
81
81
|
);
|
|
82
|
-
return e(
|
|
82
|
+
return e(l);
|
|
83
83
|
}
|
|
84
|
-
} :
|
|
84
|
+
} : i;
|
|
85
85
|
}, w = (r) => {
|
|
86
|
-
const
|
|
87
|
-
return e.tooltipValueGetter = o ? (T) => M(T, r) : void 0, e.wrapText = !r.ellipsis ||
|
|
86
|
+
const i = r.valueType || "text", s = v[i], e = {}, o = r.bodyCellTooltip || !r.customRender && s && (r.ellipsis === !0 || r.ellipsis === "tooltip" || u(r.ellipsis)), l = u(r.ellipsis) && r.ellipsis > 1, n = u(r.ellipsis) ? r.ellipsis : 1;
|
|
87
|
+
return e.tooltipValueGetter = o ? (T) => M(T, r) : void 0, e.wrapText = !r.ellipsis || l, e.cellStyle = {
|
|
88
88
|
"--ag-grid-line-clamp": n
|
|
89
89
|
}, e.tooltipComponent = W, e.tooltipComponentParams = {
|
|
90
90
|
lineClamp: n,
|
|
91
91
|
gridWrapperRef: C
|
|
92
92
|
}, e;
|
|
93
93
|
}, g = y(() => {
|
|
94
|
-
const r =
|
|
95
|
-
function
|
|
96
|
-
return
|
|
94
|
+
const r = x(t);
|
|
95
|
+
function i(s) {
|
|
96
|
+
return s.map((e) => {
|
|
97
97
|
const o = {
|
|
98
98
|
field: D(e.dataIndex),
|
|
99
99
|
colId: z(e.key) ? String(e.key) : void 0,
|
|
@@ -106,14 +106,16 @@ const Y = (t, i, d) => {
|
|
|
106
106
|
width: e.width,
|
|
107
107
|
minWidth: e.minWidth,
|
|
108
108
|
maxWidth: e.maxWidth,
|
|
109
|
+
suppressKeyboardEvent: () => !0,
|
|
110
|
+
// 避免单元格内元素事件被劫持
|
|
109
111
|
flex: e.width ? void 0 : 1,
|
|
110
112
|
// 如果没有设置确切的宽度,则设置为可自由伸缩列
|
|
111
113
|
pinned: e.fixed || null,
|
|
112
114
|
// undefined to null
|
|
113
115
|
colSpan: e.colSpan,
|
|
114
116
|
spanRows: e.spanRows,
|
|
115
|
-
cellClass: d((
|
|
116
|
-
const n = e.cellClass || "", T = c(n) ? n(
|
|
117
|
+
cellClass: d((l) => {
|
|
118
|
+
const n = e.cellClass || "", T = c(n) ? n(l.data, l.node) : n;
|
|
117
119
|
return [
|
|
118
120
|
`${f("cell", e.align || "left")}`,
|
|
119
121
|
F(e.ellipsis) ? f("cell", "multiline") : null,
|
|
@@ -126,7 +128,7 @@ const Y = (t, i, d) => {
|
|
|
126
128
|
autoHeight: !0,
|
|
127
129
|
// 设置自动计算高度以自适应多行换行的场景
|
|
128
130
|
...w(e),
|
|
129
|
-
...
|
|
131
|
+
...m(e)
|
|
130
132
|
};
|
|
131
133
|
return e.children?.length ? {
|
|
132
134
|
...o,
|
|
@@ -134,15 +136,15 @@ const Y = (t, i, d) => {
|
|
|
134
136
|
headerGroupComponentParams: {
|
|
135
137
|
column: e
|
|
136
138
|
},
|
|
137
|
-
children:
|
|
139
|
+
children: i(e.children)
|
|
138
140
|
} : o;
|
|
139
141
|
});
|
|
140
142
|
}
|
|
141
|
-
return
|
|
143
|
+
return i(r);
|
|
142
144
|
}), R = y(
|
|
143
145
|
() => ({
|
|
144
146
|
headerComponent: h,
|
|
145
|
-
resizable:
|
|
147
|
+
resizable: a.columnResizable,
|
|
146
148
|
suppressMovable: !0,
|
|
147
149
|
cellDataType: !1
|
|
148
150
|
})
|
|
@@ -180,7 +180,7 @@ const ar = /* @__PURE__ */ wo({
|
|
|
180
180
|
}
|
|
181
181
|
});
|
|
182
182
|
function Ne() {
|
|
183
|
-
const e = s.value.getColumns()?.filter((c) => c.getSort()
|
|
183
|
+
const e = s.value.getColumns()?.filter((c) => c.getSort() != null), t = r(x) || {};
|
|
184
184
|
let l = e?.[0];
|
|
185
185
|
const u = Object.keys(t);
|
|
186
186
|
if (u.length && u.every((c) => t[c] === null)) {
|
|
@@ -1,69 +1,75 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { Space as
|
|
3
|
-
import { IconApAdFillWarn as
|
|
1
|
+
import { defineComponent as v, useSlots as h, h as s, createVNode as e, createTextVNode as y } from "vue";
|
|
2
|
+
import { Space as g, Tooltip as m } from "@aplus-frontend/antdv";
|
|
3
|
+
import { IconApAdFillWarn as k } from "@aplus-frontend/icon";
|
|
4
4
|
import "../../config-provider/index.mjs";
|
|
5
|
-
import { ApCopy as
|
|
6
|
-
import { ApImage as
|
|
7
|
-
import { ApProductInfoProps as
|
|
8
|
-
import
|
|
9
|
-
import { useNamespace as
|
|
10
|
-
const
|
|
5
|
+
import { ApCopy as i } from "../ap-copy/index.mjs";
|
|
6
|
+
import { ApImage as w } from "../ap-image/index.mjs";
|
|
7
|
+
import { ApProductInfoProps as b } from "./constans.mjs";
|
|
8
|
+
import x from "./style/index.mjs";
|
|
9
|
+
import { useNamespace as A } from "../../config-provider/hooks/use-namespace.mjs";
|
|
10
|
+
const W = /* @__PURE__ */ v({
|
|
11
11
|
name: "ApProductInfo",
|
|
12
|
-
props:
|
|
13
|
-
setup(
|
|
12
|
+
props: b(),
|
|
13
|
+
setup(t) {
|
|
14
14
|
const {
|
|
15
|
-
b:
|
|
15
|
+
b: n,
|
|
16
16
|
e: o,
|
|
17
|
-
m:
|
|
18
|
-
} =
|
|
17
|
+
m: r
|
|
18
|
+
} = A("ap-product-info"), c = x("ap-product-info"), p = h(), u = (l) => typeof l.value == "function" ? l.value() : l.helpMessage ? s(g.Compact, {}, [s(i, {
|
|
19
19
|
text: l.value,
|
|
20
20
|
link: l.link,
|
|
21
21
|
textStyle: l.link ? "link" : "minor"
|
|
22
|
-
}),
|
|
22
|
+
}), s(m, {
|
|
23
23
|
placement: "top",
|
|
24
24
|
color: l.toolTipBgColor,
|
|
25
|
-
title: typeof l.helpMessage == "string" ? l.helpMessage :
|
|
26
|
-
}, () =>
|
|
25
|
+
title: typeof l.helpMessage == "string" ? l.helpMessage : s(l.helpMessage)
|
|
26
|
+
}, () => s(k, {
|
|
27
27
|
color: "#FFA940",
|
|
28
28
|
style: {
|
|
29
29
|
cursor: "pointer"
|
|
30
30
|
}
|
|
31
|
-
}))]) :
|
|
31
|
+
}))]) : s(i, {
|
|
32
32
|
text: l.value,
|
|
33
33
|
textStyle: l.link ? "link" : "minor",
|
|
34
34
|
link: l.link,
|
|
35
|
-
disableCopy:
|
|
35
|
+
disableCopy: t.disableCopy
|
|
36
36
|
}, l.value);
|
|
37
37
|
return () => e("div", {
|
|
38
|
-
class: [
|
|
39
|
-
}, [
|
|
38
|
+
class: [n(), c.value]
|
|
39
|
+
}, [t.showImg && e("div", {
|
|
40
40
|
class: o("img")
|
|
41
|
-
}, [e(
|
|
42
|
-
src:
|
|
41
|
+
}, [e(w, {
|
|
42
|
+
src: t.imgSrc,
|
|
43
43
|
width: 44,
|
|
44
44
|
height: 44,
|
|
45
|
-
preview:
|
|
45
|
+
preview: t.preview
|
|
46
46
|
}, null)]), e("div", {
|
|
47
47
|
class: [o("content")]
|
|
48
|
-
}, [e(
|
|
49
|
-
|
|
48
|
+
}, [e("div", {
|
|
49
|
+
class: o("wrap-title")
|
|
50
|
+
}, [e("div", {
|
|
51
|
+
class: o("title")
|
|
52
|
+
}, [e(i, {
|
|
53
|
+
disableCopy: t.disableCopy
|
|
50
54
|
}, {
|
|
51
|
-
default: () => [
|
|
52
|
-
}), e("div", {
|
|
55
|
+
default: () => [t.title]
|
|
56
|
+
})]), e("div", {
|
|
57
|
+
class: o("title-suffix")
|
|
58
|
+
}, [p["title-suffix"]?.()])]), e("div", {
|
|
53
59
|
class: o("row-container")
|
|
54
|
-
}, [
|
|
55
|
-
const
|
|
60
|
+
}, [t.values.map((l, d) => {
|
|
61
|
+
const a = l.col === 2, f = l.col !== 2 && d % 2 === 0;
|
|
56
62
|
return e("div", {
|
|
57
63
|
key: JSON.stringify(l),
|
|
58
|
-
class: [o("row-item"), a
|
|
64
|
+
class: [o("row-item"), r(a ? "full" : "half")]
|
|
59
65
|
}, [e("div", {
|
|
60
66
|
class: [o("item")]
|
|
61
67
|
}, [l.label && e("div", {
|
|
62
68
|
class: o("label")
|
|
63
|
-
}, [l.label, e("span", null, [
|
|
64
|
-
class: [o("value"), !
|
|
69
|
+
}, [l.label, e("span", null, [y(":")])]), e("div", {
|
|
70
|
+
class: [o("value"), !a && r("overflow")],
|
|
65
71
|
title: typeof l.value != "function" ? String(l.value || "") : ""
|
|
66
|
-
}, [
|
|
72
|
+
}, [u(l)])]), f && e("div", {
|
|
67
73
|
class: o("divider"),
|
|
68
74
|
style: {
|
|
69
75
|
right: 0
|
|
@@ -75,5 +81,5 @@ const T = /* @__PURE__ */ f({
|
|
|
75
81
|
}
|
|
76
82
|
});
|
|
77
83
|
export {
|
|
78
|
-
|
|
84
|
+
W as default
|
|
79
85
|
};
|
|
@@ -1,30 +1,41 @@
|
|
|
1
|
-
import { genComponentStyleHook as
|
|
2
|
-
const
|
|
3
|
-
const { componentCls:
|
|
1
|
+
import { genComponentStyleHook as l } from "../../../utils/cssinjs/index.mjs";
|
|
2
|
+
const a = (i) => {
|
|
3
|
+
const { componentCls: e } = i;
|
|
4
4
|
return {
|
|
5
|
-
[
|
|
5
|
+
[e]: {
|
|
6
6
|
display: "flex",
|
|
7
|
-
[`${
|
|
7
|
+
[`${e}__img`]: {
|
|
8
8
|
width: i.apProductInfoImageSize,
|
|
9
9
|
height: i.apProductInfoImageSize,
|
|
10
10
|
marginInlineEnd: i.space,
|
|
11
11
|
flexShrink: 0
|
|
12
12
|
},
|
|
13
|
-
[`${
|
|
13
|
+
[`${e}__content`]: {
|
|
14
14
|
flex: 1,
|
|
15
15
|
display: "flex",
|
|
16
16
|
flexDirection: "column",
|
|
17
17
|
overflow: "hidden"
|
|
18
18
|
},
|
|
19
|
-
[`${
|
|
19
|
+
[`${e}__wrap-title`]: {
|
|
20
|
+
display: "flex",
|
|
21
|
+
alignItems: "center"
|
|
22
|
+
},
|
|
23
|
+
[`${e}__title`]: {
|
|
24
|
+
flex: 1,
|
|
25
|
+
minWidth: 0
|
|
26
|
+
},
|
|
27
|
+
[`${e}__title-suffix`]: {
|
|
28
|
+
marginLeft: "4px"
|
|
29
|
+
},
|
|
30
|
+
[`${e}__row-container `]: {
|
|
20
31
|
display: "flex",
|
|
21
32
|
flexWrap: "wrap"
|
|
22
33
|
},
|
|
23
|
-
[`${
|
|
34
|
+
[`${e}__row-item`]: {
|
|
24
35
|
position: "relative",
|
|
25
36
|
display: "flex"
|
|
26
37
|
},
|
|
27
|
-
[`${
|
|
38
|
+
[`${e}__divider`]: {
|
|
28
39
|
width: i.lineWidth,
|
|
29
40
|
position: "relative",
|
|
30
41
|
height: "12px",
|
|
@@ -34,21 +45,21 @@ const o = (i) => {
|
|
|
34
45
|
marginInlineStart: i.spaceSM,
|
|
35
46
|
zIndex: 1
|
|
36
47
|
},
|
|
37
|
-
[`${
|
|
48
|
+
[`${e}__divider-vertical`]: {
|
|
38
49
|
width: i.lineWidth,
|
|
39
50
|
height: "100%",
|
|
40
51
|
backgroundColor: i.colorBg1,
|
|
41
52
|
position: "absolute",
|
|
42
53
|
transform: "translateX(-50%)"
|
|
43
54
|
},
|
|
44
|
-
[`${
|
|
55
|
+
[`${e}__item`]: {
|
|
45
56
|
display: "flex",
|
|
46
57
|
alignItems: "baseline"
|
|
47
58
|
},
|
|
48
|
-
[`${
|
|
59
|
+
[`${e}--full`]: {
|
|
49
60
|
width: "100%"
|
|
50
61
|
},
|
|
51
|
-
[`${
|
|
62
|
+
[`${e}__label`]: {
|
|
52
63
|
color: i.textColor3,
|
|
53
64
|
flexShrink: 0,
|
|
54
65
|
span: {
|
|
@@ -57,27 +68,27 @@ const o = (i) => {
|
|
|
57
68
|
paddingBlock: 0
|
|
58
69
|
}
|
|
59
70
|
},
|
|
60
|
-
[`${
|
|
71
|
+
[`${e}__value`]: {
|
|
61
72
|
maxWidth: i.apProductInfoMaxWidth,
|
|
62
73
|
color: i.textColor3,
|
|
63
74
|
overflow: "hidden",
|
|
64
75
|
textOverflow: "ellipsis",
|
|
65
76
|
whiteSpace: "nowrap"
|
|
66
77
|
},
|
|
67
|
-
[`${
|
|
78
|
+
[`${e}--link`]: {
|
|
68
79
|
color: i.colorLink,
|
|
69
80
|
cursor: "pointer"
|
|
70
81
|
}
|
|
71
82
|
}
|
|
72
83
|
};
|
|
73
|
-
},
|
|
84
|
+
}, o = l(
|
|
74
85
|
"ApProductInfo",
|
|
75
|
-
(i) => [
|
|
86
|
+
(i) => [a(i)],
|
|
76
87
|
{
|
|
77
88
|
apProductInfoImageSize: 44,
|
|
78
89
|
apProductInfoMaxWidth: 300
|
|
79
90
|
}
|
|
80
91
|
);
|
|
81
92
|
export {
|
|
82
|
-
|
|
93
|
+
o as default
|
|
83
94
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { defineComponent as o, createElementBlock as l, openBlock as r, Fragment as s, createVNode as e, unref as t, withCtx as p, createElementVNode as
|
|
2
|
-
import { Card as
|
|
3
|
-
import { ApSkeletonLine as
|
|
4
|
-
const
|
|
1
|
+
import { defineComponent as o, createElementBlock as l, openBlock as r, Fragment as s, createVNode as e, unref as t, withCtx as p, createElementVNode as n } from "vue";
|
|
2
|
+
import { Card as m, Skeleton as i } from "@aplus-frontend/antdv";
|
|
3
|
+
import { ApSkeletonLine as c } from "../line/index.mjs";
|
|
4
|
+
const d = { style: {
|
|
5
5
|
width: "100%",
|
|
6
6
|
display: "flex",
|
|
7
7
|
alignItems: "center",
|
|
@@ -17,19 +17,19 @@ const m = { style: {
|
|
|
17
17
|
},
|
|
18
18
|
setup(f) {
|
|
19
19
|
return (a, y) => (r(), l(s, null, [
|
|
20
|
-
e(t(
|
|
20
|
+
e(t(m), {
|
|
21
21
|
variant: "borderless",
|
|
22
22
|
style: { borderRadius: 0 },
|
|
23
|
-
"body-style": { padding: "24px" }
|
|
23
|
+
"body-style": { padding: "18px 24px" }
|
|
24
24
|
}, {
|
|
25
25
|
default: p(() => [
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
e(t(
|
|
26
|
+
n("div", d, [
|
|
27
|
+
n("div", u, [
|
|
28
|
+
e(t(i), {
|
|
29
29
|
active: a.active,
|
|
30
30
|
title: {
|
|
31
31
|
width: "100px",
|
|
32
|
-
style: { marginBlockStart: 0 }
|
|
32
|
+
style: { marginBlockStart: 0, marginBlockEnd: "1em" }
|
|
33
33
|
},
|
|
34
34
|
paragraph: {
|
|
35
35
|
rows: 1,
|
|
@@ -39,7 +39,7 @@ const m = { style: {
|
|
|
39
39
|
}
|
|
40
40
|
}, null, 8, ["active"])
|
|
41
41
|
]),
|
|
42
|
-
e(t(
|
|
42
|
+
e(t(i).Button, {
|
|
43
43
|
active: a.active,
|
|
44
44
|
size: "small",
|
|
45
45
|
style: { width: "165px", marginBlockStart: "12px" }
|
|
@@ -48,7 +48,7 @@ const m = { style: {
|
|
|
48
48
|
]),
|
|
49
49
|
_: 1
|
|
50
50
|
}),
|
|
51
|
-
e(t(
|
|
51
|
+
e(t(c))
|
|
52
52
|
], 64));
|
|
53
53
|
}
|
|
54
54
|
});
|
|
@@ -1,19 +1,20 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { Skeleton as
|
|
3
|
-
const
|
|
1
|
+
import { defineComponent as o, createElementBlock as i, openBlock as l, createVNode as t, unref as a } from "vue";
|
|
2
|
+
import { Skeleton as n } from "@aplus-frontend/antdv";
|
|
3
|
+
const r = { style: { "margin-block-end": "16px" } }, d = /* @__PURE__ */ o({
|
|
4
4
|
name: "ApSkeletonPageHeader",
|
|
5
5
|
__name: "index",
|
|
6
6
|
props: {
|
|
7
7
|
active: { type: Boolean }
|
|
8
8
|
},
|
|
9
|
-
setup(
|
|
10
|
-
return (
|
|
11
|
-
|
|
9
|
+
setup(c) {
|
|
10
|
+
return (e, p) => (l(), i("div", r, [
|
|
11
|
+
t(a(n), {
|
|
12
12
|
paragraph: !1,
|
|
13
|
-
title: { width: "185px" }
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
13
|
+
title: { width: "185px", style: { marginBlock: "1em" } },
|
|
14
|
+
active: e.active
|
|
15
|
+
}, null, 8, ["active"]),
|
|
16
|
+
t(a(n).Button, {
|
|
17
|
+
active: e.active,
|
|
17
18
|
size: "small"
|
|
18
19
|
}, null, 8, ["active"])
|
|
19
20
|
]));
|
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import { defineComponent as d, createBlock as n, openBlock as
|
|
2
|
-
import { Card as f, Flex as y, Skeleton as
|
|
1
|
+
import { defineComponent as d, createBlock as n, openBlock as i, unref as t, withCtx as r, createCommentVNode as p, createVNode as a, createElementBlock as m, createElementVNode as o, Fragment as u, renderList as v } from "vue";
|
|
2
|
+
import { Card as f, Flex as y, Skeleton as l } from "@aplus-frontend/antdv";
|
|
3
3
|
import "./item.vue.mjs";
|
|
4
4
|
import c from "./item.vue2.mjs";
|
|
5
5
|
const h = { style: {
|
|
6
6
|
display: "flex",
|
|
7
7
|
justifyContent: "flex-end",
|
|
8
|
-
paddingBlockStart: "16px"
|
|
8
|
+
paddingBlockStart: "16px",
|
|
9
|
+
marginInlineEnd: "8px"
|
|
9
10
|
} }, z = /* @__PURE__ */ d({
|
|
10
11
|
name: "ApSkeletonTable",
|
|
11
12
|
__name: "index",
|
|
@@ -15,15 +16,15 @@ const h = { style: {
|
|
|
15
16
|
actions: { type: Boolean, default: void 0 }
|
|
16
17
|
},
|
|
17
18
|
setup(B) {
|
|
18
|
-
return (e,
|
|
19
|
+
return (e, g) => (i(), n(t(f), { variant: "borderless" }, {
|
|
19
20
|
default: r(() => [
|
|
20
|
-
e.actions !== !1 ? (
|
|
21
|
+
e.actions !== !1 ? (i(), n(t(y), {
|
|
21
22
|
key: 0,
|
|
22
23
|
justify: "space-between"
|
|
23
24
|
}, {
|
|
24
25
|
default: r(() => [
|
|
25
26
|
o("div", null, [
|
|
26
|
-
a(t(
|
|
27
|
+
a(t(l).Button, {
|
|
27
28
|
active: e.active,
|
|
28
29
|
size: "small",
|
|
29
30
|
style: {
|
|
@@ -32,13 +33,13 @@ const h = { style: {
|
|
|
32
33
|
marginInlineEnd: "16px"
|
|
33
34
|
}
|
|
34
35
|
}, null, 8, ["active"]),
|
|
35
|
-
a(t(
|
|
36
|
+
a(t(l).Button, {
|
|
36
37
|
active: e.active,
|
|
37
38
|
size: "small",
|
|
38
39
|
style: { width: "100px", marginBlockEnd: "16px" }
|
|
39
40
|
}, null, 8, ["active"])
|
|
40
41
|
]),
|
|
41
|
-
a(t(
|
|
42
|
+
a(t(l).Button, {
|
|
42
43
|
active: e.active,
|
|
43
44
|
size: "small",
|
|
44
45
|
style: { width: "22px", marginBlockEnd: "16px" }
|
|
@@ -50,12 +51,12 @@ const h = { style: {
|
|
|
50
51
|
header: "",
|
|
51
52
|
active: e.active
|
|
52
53
|
}, null, 8, ["active"]),
|
|
53
|
-
(
|
|
54
|
+
(i(!0), m(u, null, v(new Array(e.size).fill(null), (k, s) => (i(), n(c, {
|
|
54
55
|
key: s,
|
|
55
56
|
active: e.active
|
|
56
57
|
}, null, 8, ["active"]))), 128)),
|
|
57
58
|
o("div", h, [
|
|
58
|
-
a(t(
|
|
59
|
+
a(t(l), {
|
|
59
60
|
active: e.active,
|
|
60
61
|
paragraph: !1,
|
|
61
62
|
title: {
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { Skeleton as
|
|
1
|
+
import { defineComponent as y, computed as l, unref as t, createElementBlock as a, openBlock as n, Fragment as o, createElementVNode as p, createVNode as r, normalizeStyle as h, renderList as v } from "vue";
|
|
2
|
+
import { Skeleton as s } from "@aplus-frontend/antdv";
|
|
3
3
|
import k from "@aplus-frontend/antdv/es/_util/hooks/useBreakpoint";
|
|
4
4
|
import { ApSkeletonLine as S } from "../line/index.mjs";
|
|
5
5
|
const _ = { style: {
|
|
6
6
|
flex: 3,
|
|
7
7
|
paddingInlineStart: "32px"
|
|
8
|
-
} }, A = /* @__PURE__ */
|
|
8
|
+
} }, A = /* @__PURE__ */ y({
|
|
9
9
|
name: "ApSkeletonTableItem",
|
|
10
10
|
__name: "item",
|
|
11
11
|
props: {
|
|
@@ -13,43 +13,43 @@ const _ = { style: {
|
|
|
13
13
|
header: { type: Boolean, default: !1 }
|
|
14
14
|
},
|
|
15
15
|
setup(B) {
|
|
16
|
-
const
|
|
16
|
+
const d = {
|
|
17
17
|
lg: !0,
|
|
18
18
|
md: !0,
|
|
19
19
|
sm: !1,
|
|
20
20
|
xl: !1,
|
|
21
21
|
xs: !1,
|
|
22
22
|
xxl: !1
|
|
23
|
-
},
|
|
23
|
+
}, m = {
|
|
24
24
|
xs: 1,
|
|
25
25
|
sm: 2,
|
|
26
26
|
md: 3,
|
|
27
27
|
lg: 3,
|
|
28
28
|
xl: 3,
|
|
29
29
|
xxl: 4
|
|
30
|
-
},
|
|
31
|
-
const e = t(
|
|
30
|
+
}, c = k(), u = l(() => c.value || d), f = l(() => {
|
|
31
|
+
const e = t(u);
|
|
32
32
|
return Object.keys(e).filter((i) => e[i] === !0)[0] || "md";
|
|
33
|
-
}),
|
|
34
|
-
() =>
|
|
33
|
+
}), x = l(
|
|
34
|
+
() => m[f.value] || 3
|
|
35
35
|
);
|
|
36
|
-
return (e, i) => (n(), a(
|
|
37
|
-
|
|
38
|
-
style:
|
|
36
|
+
return (e, i) => (n(), a(o, null, [
|
|
37
|
+
p("div", {
|
|
38
|
+
style: h({
|
|
39
39
|
display: "flex",
|
|
40
40
|
background: e.header ? "rgba(0,0,0,0.02)" : "none",
|
|
41
41
|
padding: "20px 8px"
|
|
42
42
|
})
|
|
43
43
|
}, [
|
|
44
|
-
(n(!0), a(
|
|
45
|
-
key:
|
|
46
|
-
style:
|
|
44
|
+
(n(!0), a(o, null, v(new Array(x.value).fill(null), (b, g) => (n(), a("div", {
|
|
45
|
+
key: g,
|
|
46
|
+
style: {
|
|
47
47
|
flex: 1,
|
|
48
|
-
paddingInlineStart:
|
|
48
|
+
paddingInlineStart: "8px",
|
|
49
49
|
paddingInlineEnd: "32px"
|
|
50
|
-
}
|
|
50
|
+
}
|
|
51
51
|
}, [
|
|
52
|
-
r(t(
|
|
52
|
+
r(t(s), {
|
|
53
53
|
active: e.active,
|
|
54
54
|
paragraph: !1,
|
|
55
55
|
title: {
|
|
@@ -60,9 +60,9 @@ const _ = { style: {
|
|
|
60
60
|
}
|
|
61
61
|
}
|
|
62
62
|
}, null, 8, ["active", "title"])
|
|
63
|
-
]
|
|
64
|
-
|
|
65
|
-
r(t(
|
|
63
|
+
]))), 128)),
|
|
64
|
+
p("div", _, [
|
|
65
|
+
r(t(s), {
|
|
66
66
|
active: e.active,
|
|
67
67
|
paragraph: !1,
|
|
68
68
|
title: {
|
package/es/src/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "7.14.
|
|
1
|
+
declare const _default: "7.14.3";
|
|
2
2
|
export default _default;
|
package/es/src/version.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("lodash-unified"),u=require("vue"),q=require("../../ap-grid/utils/col.js"),x=require("../../ap-table/utils.js");require("../../config-provider/index.js");require("../../utils/index.js");require("../components/body-cell/index.vue.js");require("../components/header-cell/index.vue.js");require("../components/tooltip/index.vue.js");const C=require("../renderer/index.js"),w=require("../../config-provider/hooks/use-global-config.js"),S=require("../../config-provider/hooks/use-namespace.js"),R=require("../components/body-cell/index.vue2.js"),P=require("../components/tooltip/index.vue2.js"),D=require("../../utils/is.js"),T=require("../components/header-cell/index.vue2.js");function I(t){return d.isNumber(t)&&t>1}function M(t,i){if(i.bodyCellTooltip)return d.isFunction(i.bodyCellTooltip)?i.bodyCellTooltip(t.value,t.data):i.bodyCellTooltip;if(i.renderText)return i.renderText({value:t.value,record:t.data,column:i,text:t.value});const p=i.valueType||"text",f=C.rendererMap[p];if(f){const c=x.getTableRenderProps({...i,valueType:p},{value:t.value,text:t.value,record:t.data,column:t.column,rowIndex:t.node?.rowIndex,pinned:t.node?.rowPinned});return f(c)}return x.objectToString(t.value)}const G=(t,i,p)=>{const f=w.useGlobalConfig("valueTypeMap"),v=u.ref(),{em:c}=S.useNamespace("ag-grid"),b=r=>{const l={cellRenderer:R.default,cellRendererParams:{column:r,extraValueType:u.unref(f),rowKey:i.rowKey}};if(r.customRender)return l;if(r.renderText)return{valueFormatter:s=>r.renderText({value:s.value,record:s.data,column:r,text:s.value})};const a=r.valueType||"text",e=C.rendererMap[a];return e?{valueFormatter:s=>{const n=x.getTableRenderProps({...r,valueType:a},{value:s.value,text:s.value,record:s.data,column:s.column,rowIndex:s.node?.rowIndex,pinned:s.node?.rowPinned});return e(n)}}:l},h=r=>{const l=r.valueType||"text",a=C.rendererMap[l],e={},s=r.bodyCellTooltip||!r.customRender&&a&&(r.ellipsis===!0||r.ellipsis==="tooltip"||d.isNumber(r.ellipsis)),n=d.isNumber(r.ellipsis)&&r.ellipsis>1,o=d.isNumber(r.ellipsis)?r.ellipsis:1;return e.tooltipValueGetter=s?y=>M(y,r):void 0,e.wrapText=!r.ellipsis||n,e.cellStyle={"--ag-grid-line-clamp":o},e.tooltipComponent=P.default,e.tooltipComponentParams={lineClamp:o,gridWrapperRef:v},e},_=u.computed(()=>{const r=u.unref(t);function l(a){return a.map(e=>{const s={field:q.dataIndexToField(e.dataIndex),colId:D.isDef(e.key)?String(e.key):void 0,sortable:!!e.sorter,comparator:e.sorter===!0?()=>0:e.sorter,headerComponentParams:{column:e},resizable:e.resizable,width:e.width,minWidth:e.minWidth,maxWidth:e.maxWidth,flex:e.width?void 0:1,pinned:e.fixed||null,colSpan:e.colSpan,spanRows:e.spanRows,cellClass:p(n=>{const o=e.cellClass||"",y=d.isFunction(o)?o(n.data,n.node):o;return[`${c("cell",e.align||"left")}`,I(e.ellipsis)?c("cell","multiline"):null,y].flat().filter(Boolean)}),cellStyle:e.cellStyle,headerStyle:e.headerStyle,headerClass:e.headerClass,autoHeight:!0,...h(e),...b(e)};return e.children?.length?{...s,headerGroupComponent:T.default,headerGroupComponentParams:{column:e},children:l(e.children)}:s})}return l(r)}),g=u.computed(()=>({headerComponent:T.default,resizable:i.columnResizable,suppressMovable:!0,cellDataType:!1}));return{columnDefs:_,defaultColDef:g,gridWrapperRef:v}};exports.useColumnsDef=G;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("lodash-unified"),u=require("vue"),q=require("../../ap-grid/utils/col.js"),x=require("../../ap-table/utils.js");require("../../config-provider/index.js");require("../../utils/index.js");require("../components/body-cell/index.vue.js");require("../components/header-cell/index.vue.js");require("../components/tooltip/index.vue.js");const C=require("../renderer/index.js"),w=require("../../config-provider/hooks/use-global-config.js"),S=require("../../config-provider/hooks/use-namespace.js"),R=require("../components/body-cell/index.vue2.js"),P=require("../components/tooltip/index.vue2.js"),D=require("../../utils/is.js"),T=require("../components/header-cell/index.vue2.js");function I(t){return d.isNumber(t)&&t>1}function M(t,i){if(i.bodyCellTooltip)return d.isFunction(i.bodyCellTooltip)?i.bodyCellTooltip(t.value,t.data):i.bodyCellTooltip;if(i.renderText)return i.renderText({value:t.value,record:t.data,column:i,text:t.value});const p=i.valueType||"text",f=C.rendererMap[p];if(f){const c=x.getTableRenderProps({...i,valueType:p},{value:t.value,text:t.value,record:t.data,column:t.column,rowIndex:t.node?.rowIndex,pinned:t.node?.rowPinned});return f(c)}return x.objectToString(t.value)}const G=(t,i,p)=>{const f=w.useGlobalConfig("valueTypeMap"),v=u.ref(),{em:c}=S.useNamespace("ag-grid"),b=r=>{const l={cellRenderer:R.default,cellRendererParams:{column:r,extraValueType:u.unref(f),rowKey:i.rowKey}};if(r.customRender)return l;if(r.renderText)return{valueFormatter:s=>r.renderText({value:s.value,record:s.data,column:r,text:s.value})};const a=r.valueType||"text",e=C.rendererMap[a];return e?{valueFormatter:s=>{const n=x.getTableRenderProps({...r,valueType:a},{value:s.value,text:s.value,record:s.data,column:s.column,rowIndex:s.node?.rowIndex,pinned:s.node?.rowPinned});return e(n)}}:l},h=r=>{const l=r.valueType||"text",a=C.rendererMap[l],e={},s=r.bodyCellTooltip||!r.customRender&&a&&(r.ellipsis===!0||r.ellipsis==="tooltip"||d.isNumber(r.ellipsis)),n=d.isNumber(r.ellipsis)&&r.ellipsis>1,o=d.isNumber(r.ellipsis)?r.ellipsis:1;return e.tooltipValueGetter=s?y=>M(y,r):void 0,e.wrapText=!r.ellipsis||n,e.cellStyle={"--ag-grid-line-clamp":o},e.tooltipComponent=P.default,e.tooltipComponentParams={lineClamp:o,gridWrapperRef:v},e},_=u.computed(()=>{const r=u.unref(t);function l(a){return a.map(e=>{const s={field:q.dataIndexToField(e.dataIndex),colId:D.isDef(e.key)?String(e.key):void 0,sortable:!!e.sorter,comparator:e.sorter===!0?()=>0:e.sorter,headerComponentParams:{column:e},resizable:e.resizable,width:e.width,minWidth:e.minWidth,maxWidth:e.maxWidth,suppressKeyboardEvent:()=>!0,flex:e.width?void 0:1,pinned:e.fixed||null,colSpan:e.colSpan,spanRows:e.spanRows,cellClass:p(n=>{const o=e.cellClass||"",y=d.isFunction(o)?o(n.data,n.node):o;return[`${c("cell",e.align||"left")}`,I(e.ellipsis)?c("cell","multiline"):null,y].flat().filter(Boolean)}),cellStyle:e.cellStyle,headerStyle:e.headerStyle,headerClass:e.headerClass,autoHeight:!0,...h(e),...b(e)};return e.children?.length?{...s,headerGroupComponent:T.default,headerGroupComponentParams:{column:e},children:l(e.children)}:s})}return l(r)}),g=u.computed(()=>({headerComponent:T.default,resizable:i.columnResizable,suppressMovable:!0,cellDataType:!1}));return{columnDefs:_,defaultColDef:g,gridWrapperRef:v}};exports.useColumnsDef=G;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),Z=require("@ag-grid-community/locale"),to=require("@aplus-frontend/antdv"),ro=require("@aplus-frontend/antdv/es/theme/internal"),l=require("ag-grid-community"),no=require("ag-grid-vue3"),d=require("lodash-unified"),B=require("../ap-grid/constants.js"),lo=require("../ap-table/context.js"),ao=require("../ap-table/hooks/use-table-paging-ng.js"),so=require("../ap-table/utils.js");require("../config-provider/index.js");require("../utils/index.js");const uo=require("../utils/retry.js"),io=require("../utils/slot.js"),co=require("../ap-form/index.js");require("./components/empty/index.vue.js");require("./components/loading/index.vue.js");require("./components/row/index.vue.js");const po=require("./context.js"),fo=require("./hooks/use-columns.js"),mo=require("./hooks/use-columns-def.js"),go=require("./hooks/use-pinned-row.js"),So=require("./hooks/use-row-selection.js"),wo=require("./hooks/use-search-form.js"),Co=require("./hooks/use-selection-col-def.js"),yo=require("./hooks/use-virtual-config.js"),ho=require("./style/index.js"),vo=require("./theme.js"),Ro=require("./utils.js"),bo=require("../config-provider/hooks/use-namespace.js"),ko=require("../config-provider/hooks/use-locale.js"),xo=require("../config-provider/hooks/use-global-config.js"),Bo=require("../utils/is.js"),Fo=require("./components/row/index.vue2.js"),qo=require("./components/loading/index.vue2.js"),Mo=require("./components/empty/index.vue2.js"),To=o.defineComponent({name:"AgGrid",__name:"index",props:{dropdownPrefixCls:{},bordered:{type:Boolean},locale:{},onChange:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{},showSorterTooltip:{type:[Boolean,Object]},prefixCls:{},rowKey:{type:[String,Function],default:"key"},tableLayout:{},title:{},id:{},showHeader:{type:Boolean},components:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean]},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean},indentSize:{},expandIconColumnIndex:{},showExpandColumn:{type:Boolean},expandedRowClassName:{},childrenColumnName:{},rowExpandable:{},transformCellText:{},rowHoverable:{type:Boolean},columns:{},rowSelection:{type:[Boolean,Object]},card:{type:Boolean},params:{},request:{},defaultData:{},dataSource:{},onLoadingChange:{},onShownColumnsChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},wrapperStyle:{},tableStyle:{},manual:{type:Boolean,default:void 0},size:{default:"mini"},adaptive:{type:Boolean},columnResizable:{type:Boolean,default:!1},loading:{type:Boolean,default:void 0},summary:{},rowHeight:{},getRowHeight:{},advanceRenderer:{type:Boolean},browserTooltips:{type:Boolean},virtual:{type:[Boolean,Object],default:void 0},onRowClicked:{},onScrollEnd:{},rowClassName:{},rowClassRules:{},autoHeight:{type:Boolean},onUpdate:{},customRow:{},theme:{},emptyComponent:{},emptyText:{}},setup(ee,{expose:oe}){const te={"zh-cn":Z.AG_GRID_LOCALE_CN,en:Z.AG_GRID_LOCALE_EN};l.ModuleRegistry.registerModules([l.ValidationModule,l.ColumnAutoSizeModule,l.PinnedRowModule,l.RowAutoHeightModule,l.RowStyleModule,l.CellSpanModule,l.CellStyleModule,l.TooltipModule,l.RowSelectionModule,l.LocaleModule,l.ValueCacheModule,l.GridStateModule,l.ColumnApiModule,l.RowApiModule,l.CellApiModule,l.RenderApiModule,l.EventApiModule,l.ScrollApiModule,l.ClientSideRowModelApiModule,l.ClientSideRowModelModule]);const t=ee,E=o.useSlots(),{e:F,b:c,be:re}=bo.useNamespace("ag-grid"),{lang:_}=ko.useLocale(),ne=ho.default("ag-grid"),h=o.ref(t.size),le=vo.useTheme(h,o.toRef(t,"rowHeight"),o.toRef(t,"theme")),ae=yo.default(o.toRef(t,"virtual")),{rowPinnedGridConfig:D,getRowPinnedCellClass:se}=go.usePinnedRow(o.toRef(t,"summary")),ue=xo.useGlobalConfig("apGrid"),s=o.ref(),[,ie]=ro.useToken();let v=!!t.dataSource;const z=wo.useSearchForm(t),{shownColumns:w,columns:O,columnKeys:ce,getTargetColumnByKey:de,defaultSortOrder:b}=fo.useColumns(t),{defaultColDef:pe,columnDefs:fe,gridWrapperRef:me}=mo.useColumnsDef(O,t,se),ge={asc:"ascend",desc:"descend"},P={ascend:"asc",descend:"desc"};function Se(){const e=b.value;return e?{[e.colKey]:P[e.order]}:{}}function we(){const e=V.value,r=b.value;if(r&&e.includes(r.field))return r}const k=o.ref(Se());po.useProvideSorter({sorter:k,setSorter(e){k.value=e}});function Ce(){const e=s.value.getColumns()?.filter(p=>p.getSort()!==void 0),r=o.unref(k)||{};let n=e?.[0];const i=Object.keys(r);if(i.length&&i.every(p=>r[p]===null)){const p=Object.keys(r)[0];p&&(n=s.value?.getColumn(p))}if(!n)return;const u=n.getColDef(),g=n.getSort(),S=de(u.colId);G(void 0,void 0,{column:u,field:S?.field??u.field??u.colId,order:g?ge[g]:null})}const V=o.computed(()=>so.recursionApColumns(o.unref(w),e=>{if(e.sorter===!0)return e.field??e.dataIndex??e.key}).filter(Boolean)),ye=()=>{k.value={};const e=s.value;if(!e)return;const r=e.getColumnState()?.map(n=>({...n,sort:null}));e.applyColumnState({state:r})},q=o.ref(!0),he=o.computed(()=>Bo.isDef(t.manual)?t.manual:io.getValidVNodeList(E.searchFormExtra?.()||[]).some(r=>r.type?.name==="ApView")),{formRef:C,submit:M,reset:T,data:f,tableProps:K,handleTableChangeOptional:G,submitWith:L,refresh:U,getPaging:ve,setPaging:Re,setDataSource:be,getLastParams:ke}=ao.useTablePaging({async request(e){if(v=!1,y.value&&!y.value.preserveSelectedRowKeys&&d.isUndefined(t.dataSource)&&!q.value&&A(),q.value&&(q.value=!1),!d.isUndefined(t.dataSource)){const n=e.pageSize*(e.current-1);return{data:(t.pagination===!1?t.dataSource:t.dataSource.slice(n,n+e.pageSize))||[],total:t.dataSource.length||0}}const r=await t.request?.(e);return{data:r?.data||[],total:r?.total||0}},namespace:"ap-grid",filterFields:o.ref([]),params:o.toRef(t,"params"),defaultData:t.defaultData,manual:o.unref(he),formatParams:t.beforeSearchSubmit,pagination:t.pagination,sortFields:V,onClickReset:ye,defaultSortOrder:we()}),y=o.computed(()=>{const e=t.rowSelection||ue.value?.rowSelection;if(e)return e===!0?B.DEFAULT_ROW_SELECTION_CONFIG:{...B.DEFAULT_ROW_SELECTION_CONFIG,...e}}),xe=Co.default(t,w),Be=o.computed(()=>d.isUndefined(t.dataSource)?f.records:t.dataSource),{select:Fe,unSelect:qe,selectedRows:I,selectedRowKeys:Me,clearAll:Te,selectMultiByKeys:Ie,selectMulti:Ne,unSelectMulti:Ae}=So.default({...y.value,dataSource:Be,rowKey:t.rowKey}),Ee={checkbox:"multiRow",radio:"singleRow"},_e=o.computed(()=>{const e=y.value;if(!e)return;const{type:r="checkbox",disabled:n}=e;return{mode:Ee[r],isRowSelectable:i=>n?!n(i.data):!0,hideDisabledCheckboxes:e.hideDisabled??!1}});function N(e){return d.isFunction(t.rowKey)?t.rowKey(e):e[t.rowKey]}const x=({api:e=s.value})=>{if(t.onUpdate?.(),!y.value)return;const r=I.value||[];v=!1;const n=[];e.forEachNode(i=>{const m=i.data,u=N(m),g=i.isSelected();r.find(S=>N(S)===u)?!g&&n.push(i):g&&i.setSelected(!1)}),e.setNodesSelected({nodes:n,newValue:!0}),setTimeout(()=>{v=!0},0)},De=e=>{v&&(e.node.isSelected()?Fe(e.data):qe(e.data),d.isFunction(y.value?.tooltip)&&e.api.refreshCells({rowNodes:[e.node],columns:["ag-Grid-SelectionColumn"],force:!0}))},ze=()=>{v=!0;const e=s.value;if(!e||!b.value)return;const r=e.getColumnState(),{colKey:n,order:i}=b.value,m=r.map(u=>({...u,sort:u.colId===n?P[i]:null}));e.applyColumnState({state:m})},A=()=>{Te(),s.value?.deselectAll()};function Oe(e){Ie(e),o.nextTick(()=>{x({})})}const Pe=o.computed(()=>{const e=t.customRow;return e?{isFullWidthRow:e.isCustomRow,fullWidthCellRenderer:Fo.default,fullWidthCellRendererParams:{render:e.render}}:{}});function Ve(e){Ne(e),o.nextTick(()=>{x({})})}function Ke(e){Ae(e),o.nextTick(()=>{x({})})}function W(e=!1){const r=e?"getFieldsValueTransformed":"getFieldsValue";return C.value?.apForm?.[r]?.(!0)}function H(e){C.value?.apForm?.setFieldsValue?.(e)}function $(){return C.value?.getSorterItems()||[]}function j(e){C.value?.setSorterItems(e)}function J(){C.value?.resetSorterItems()}function Q(e){return e&&String(e)}function Ge(e){const r=s.value;if(!r)return;const n=r.getColumnState()||[],i=e.map(a=>a.key?String(a.key):a.key).filter(Boolean),m=n.map(a=>{if(!ce.value.includes(a.colId))return a;const R=!i.includes(a.colId),X={...a,hide:R},Y=e.find(oo=>Q(oo.key)===a.colId);return Y&&(X.pinned=Y.fixed||null),X}),u=new Map(e.map((a,R)=>[Q(a.key),R])),g=m.filter(a=>u.has(a.colId)).sort((a,R)=>u.get(a.colId)-u.get(R.colId)),S=[];let p=0;for(const a of m)u.has(a.colId)?S.push(g[p++]):S.push(a);r.applyColumnState({state:S,applyOrder:!0})}lo.useProvideApTable({columns:o.computed(()=>w.value),columnsBackup:o.computed(()=>O.value),size:o.computed(()=>B.sizeMap[h.value]),updateColumns(e){w.value=e,t.onShownColumnsChange?.(e),uo.retryUntil(()=>s.value,()=>{Ge(e)},{interval:17})},updateSize(e){h.value=B.sizeReverseMap[e]},renderConfig:o.computed(()=>({className:re("table-header","title"),color:ie.value.colorTextTertiary})),dataSource:o.computed(()=>o.unref(f).records),getSearchFormValues:W,setSearchFormValues:H,submit:M,submitWith:L,reset:T,refresh:U,getSearchFormSorterItems:$,setSearchFormSorterItems:j,resetSearchFormSorterItems:J,getLastParams:ke});const Le=o.computed(()=>d.isUndefined(t.loading)?f.loading:t.loading),Ue=o.computed(()=>[c(),t.card?null:c("wrapper"),c("adaptive"),c(`size-${h.value}`),t.autoHeight&&f.records.length?c("auto-height"):null,ne.value].filter(Boolean)),We=o.computed(()=>({height:"100%",...t.tableStyle||{}})),He=(e,r)=>{G({current:e,pageSize:r})};function $e(e){const r=e.data;return N(r)}function je(e,r){(d.isFunction(e)?s.value?.ensureNodeVisible:s.value?.ensureIndexVisible)?.(e,r)}function Je(e,r){s.value?.ensureColumnVisible(e,r)}function Qe(e){t.onRowClicked?.(e.data,e.event)}function Xe(e){t.onScrollEnd?.(e.direction)}function Ye(e){return s.value?.refreshCells(e)}function Ze(e){return s.value?.redrawRows(e)}const eo=e=>{const r=[D.value.getRowClass?.(e)];if(!e.node.rowPinned){const n=d.isFunction(t.rowClassName)?t.rowClassName(e.data,e.rowIndex):t.rowClassName;r.push(n)}return r.flat().filter(Boolean)};return o.watch(()=>t.dataSource,e=>{o.nextTick(()=>{be(e)})},{immediate:!0,deep:!0}),o.watch(()=>t.size,e=>{h.value=e}),o.watch(()=>o.unref(f).loading,e=>{t.onLoadingChange?.(e)}),oe({submit:M,reset:T,refresh:U,submitWith:L,setSearchFormValues:H,getSearchFormValues:W,getShowColumns:()=>o.unref(w),rowSelection:{selectedRows:o.computed(()=>I.value),setSelectedRowKeys:Oe,setSelectedRows:Ve,clearAll:A,unSelectRows:Ke},scrollToRow:je,scrollToColumn:Je,getDataSource:()=>o.unref(f.records),getPaging:ve,setPaging:Re,getSearchFormSorterItems:$,setSearchFormSorterItems:j,resetSearchFormSorterItems:J,refreshCells:Ye,redrawRows:Ze,_internalGridApi:o.computed(()=>s.value)}),(e,r)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(Ue.value),style:o.normalizeStyle(e.wrapperStyle)},[o.unref(d.isUndefined)(e.dataSource)&&e.searchForm!==!1&&o.unref(z).length>0?(o.openBlock(),o.createElementBlock("div",{key:0,class:o.normalizeClass(e.card?o.unref(F)("search-wrapper"):null),style:o.normalizeStyle(e.searchFormWrapperStyle)},[o.createVNode(o.unref(co.ApForm).SearchForm,o.mergeProps(e.searchForm||{},{ref_key:"formRef",ref:C,"custom-reset":"","submit-loading":o.unref(K).loading,onSubmit:o.unref(M),onReset:o.unref(T)}),o.createSlots({default:o.withCtx(()=>[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(z),n=>(o.openBlock(),o.createBlock(o.resolveDynamicComponent(n.renderNode),{key:n.dataIndex}))),128))]),_:2},[E.searchFormExtra?{name:"extra",fn:o.withCtx(()=>[o.renderSlot(e.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["submit-loading","onSubmit","onReset"])],6)):o.createCommentVNode("",!0),o.createElementVNode("div",{class:o.normalizeClass([o.unref(F)("table-wrapper"),e.card?o.unref(F)("table-wrapper-card"):null]),style:o.normalizeStyle(e.tableWrapperStyle)},[o.createElementVNode("div",{class:o.normalizeClass(o.unref(c)("header-wrapper"))},[o.renderSlot(e.$slots,"title",{selectedRows:o.unref(I),selectedRowKeys:o.unref(Me),shownColumns:o.unref(w),clearAll:A})],2),o.createElementVNode("div",{ref_key:"gridWrapperRef",ref:me,class:o.normalizeClass(o.unref(c)("grid-wrapper"))},[(o.openBlock(),o.createBlock(o.unref(no.AgGridVue),o.mergeProps(o.unref(Ro.mergeProps)(o.unref(ae),o.unref(D),Pe.value),{key:o.unref(_),"get-row-class":eo,style:We.value,"row-data":o.unref(f).records,"column-defs":o.unref(fe),"default-col-def":o.unref(pe),"suppress-loading-overlay":"","row-selection":_e.value,"selection-column-def":o.unref(xe),"get-row-id":$e,"get-row-height":t.getRowHeight,theme:o.unref(le),"tooltip-show-delay":500,"enable-browser-tooltips":e.browserTooltips,"tooltip-interaction":"","row-class-rules":e.rowClassRules,"no-rows-overlay-component":Mo.default,"no-rows-overlay-component-params":{emptyComponent:e.emptyComponent,emptyText:e.emptyText},"loading-overlay-component":qo.default,loading:Le.value,"suppress-cell-focus":"","tab-to-next-cell":()=>!1,"enable-cell-span":"","dom-layout":e.autoHeight?"autoHeight":"normal","locale-text":te[o.unref(_)],onSortChanged:Ce,onGridReady:r[0]||(r[0]=n=>s.value=n.api),onRowDataUpdated:x,onRowSelected:De,onFirstDataRendered:ze,onRowClicked:Qe,onBodyScrollEnd:Xe}),null,16,["style","row-data","column-defs","default-col-def","row-selection","selection-column-def","get-row-height","theme","enable-browser-tooltips","row-class-rules","no-rows-overlay-component-params","loading","dom-layout","locale-text"]))],2),o.createElementVNode("div",{class:o.normalizeClass(o.unref(c)("pagination-wrapper"))},[e.pagination!==!1?(o.openBlock(),o.createBlock(o.unref(to.Pagination),o.mergeProps({key:0,class:o.unref(c)("pagination")},o.unref(K).pagination,{onChange:He}),null,16,["class"])):o.createCommentVNode("",!0)],2)],6)],6))}});exports.default=To;
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),Z=require("@ag-grid-community/locale"),to=require("@aplus-frontend/antdv"),ro=require("@aplus-frontend/antdv/es/theme/internal"),l=require("ag-grid-community"),no=require("ag-grid-vue3"),d=require("lodash-unified"),B=require("../ap-grid/constants.js"),lo=require("../ap-table/context.js"),ao=require("../ap-table/hooks/use-table-paging-ng.js"),so=require("../ap-table/utils.js");require("../config-provider/index.js");require("../utils/index.js");const uo=require("../utils/retry.js"),io=require("../utils/slot.js"),co=require("../ap-form/index.js");require("./components/empty/index.vue.js");require("./components/loading/index.vue.js");require("./components/row/index.vue.js");const po=require("./context.js"),fo=require("./hooks/use-columns.js"),mo=require("./hooks/use-columns-def.js"),go=require("./hooks/use-pinned-row.js"),So=require("./hooks/use-row-selection.js"),wo=require("./hooks/use-search-form.js"),Co=require("./hooks/use-selection-col-def.js"),yo=require("./hooks/use-virtual-config.js"),ho=require("./style/index.js"),vo=require("./theme.js"),Ro=require("./utils.js"),bo=require("../config-provider/hooks/use-namespace.js"),ko=require("../config-provider/hooks/use-locale.js"),xo=require("../config-provider/hooks/use-global-config.js"),Bo=require("../utils/is.js"),Fo=require("./components/row/index.vue2.js"),qo=require("./components/loading/index.vue2.js"),Mo=require("./components/empty/index.vue2.js"),To=o.defineComponent({name:"AgGrid",__name:"index",props:{dropdownPrefixCls:{},bordered:{type:Boolean},locale:{},onChange:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{},showSorterTooltip:{type:[Boolean,Object]},prefixCls:{},rowKey:{type:[String,Function],default:"key"},tableLayout:{},title:{},id:{},showHeader:{type:Boolean},components:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean]},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean},indentSize:{},expandIconColumnIndex:{},showExpandColumn:{type:Boolean},expandedRowClassName:{},childrenColumnName:{},rowExpandable:{},transformCellText:{},rowHoverable:{type:Boolean},columns:{},rowSelection:{type:[Boolean,Object]},card:{type:Boolean},params:{},request:{},defaultData:{},dataSource:{},onLoadingChange:{},onShownColumnsChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},wrapperStyle:{},tableStyle:{},manual:{type:Boolean,default:void 0},size:{default:"mini"},adaptive:{type:Boolean},columnResizable:{type:Boolean,default:!1},loading:{type:Boolean,default:void 0},summary:{},rowHeight:{},getRowHeight:{},advanceRenderer:{type:Boolean},browserTooltips:{type:Boolean},virtual:{type:[Boolean,Object],default:void 0},onRowClicked:{},onScrollEnd:{},rowClassName:{},rowClassRules:{},autoHeight:{type:Boolean},onUpdate:{},customRow:{},theme:{},emptyComponent:{},emptyText:{}},setup(ee,{expose:oe}){const te={"zh-cn":Z.AG_GRID_LOCALE_CN,en:Z.AG_GRID_LOCALE_EN};l.ModuleRegistry.registerModules([l.ValidationModule,l.ColumnAutoSizeModule,l.PinnedRowModule,l.RowAutoHeightModule,l.RowStyleModule,l.CellSpanModule,l.CellStyleModule,l.TooltipModule,l.RowSelectionModule,l.LocaleModule,l.ValueCacheModule,l.GridStateModule,l.ColumnApiModule,l.RowApiModule,l.CellApiModule,l.RenderApiModule,l.EventApiModule,l.ScrollApiModule,l.ClientSideRowModelApiModule,l.ClientSideRowModelModule]);const t=ee,E=o.useSlots(),{e:F,b:c,be:re}=bo.useNamespace("ag-grid"),{lang:_}=ko.useLocale(),ne=ho.default("ag-grid"),h=o.ref(t.size),le=vo.useTheme(h,o.toRef(t,"rowHeight"),o.toRef(t,"theme")),ae=yo.default(o.toRef(t,"virtual")),{rowPinnedGridConfig:D,getRowPinnedCellClass:se}=go.usePinnedRow(o.toRef(t,"summary")),ue=xo.useGlobalConfig("apGrid"),s=o.ref(),[,ie]=ro.useToken();let v=!!t.dataSource;const z=wo.useSearchForm(t),{shownColumns:w,columns:O,columnKeys:ce,getTargetColumnByKey:de,defaultSortOrder:b}=fo.useColumns(t),{defaultColDef:pe,columnDefs:fe,gridWrapperRef:me}=mo.useColumnsDef(O,t,se),ge={asc:"ascend",desc:"descend"},P={ascend:"asc",descend:"desc"};function Se(){const e=b.value;return e?{[e.colKey]:P[e.order]}:{}}function we(){const e=V.value,r=b.value;if(r&&e.includes(r.field))return r}const k=o.ref(Se());po.useProvideSorter({sorter:k,setSorter(e){k.value=e}});function Ce(){const e=s.value.getColumns()?.filter(p=>p.getSort()!=null),r=o.unref(k)||{};let n=e?.[0];const i=Object.keys(r);if(i.length&&i.every(p=>r[p]===null)){const p=Object.keys(r)[0];p&&(n=s.value?.getColumn(p))}if(!n)return;const u=n.getColDef(),g=n.getSort(),S=de(u.colId);G(void 0,void 0,{column:u,field:S?.field??u.field??u.colId,order:g?ge[g]:null})}const V=o.computed(()=>so.recursionApColumns(o.unref(w),e=>{if(e.sorter===!0)return e.field??e.dataIndex??e.key}).filter(Boolean)),ye=()=>{k.value={};const e=s.value;if(!e)return;const r=e.getColumnState()?.map(n=>({...n,sort:null}));e.applyColumnState({state:r})},q=o.ref(!0),he=o.computed(()=>Bo.isDef(t.manual)?t.manual:io.getValidVNodeList(E.searchFormExtra?.()||[]).some(r=>r.type?.name==="ApView")),{formRef:C,submit:M,reset:T,data:f,tableProps:K,handleTableChangeOptional:G,submitWith:L,refresh:U,getPaging:ve,setPaging:Re,setDataSource:be,getLastParams:ke}=ao.useTablePaging({async request(e){if(v=!1,y.value&&!y.value.preserveSelectedRowKeys&&d.isUndefined(t.dataSource)&&!q.value&&A(),q.value&&(q.value=!1),!d.isUndefined(t.dataSource)){const n=e.pageSize*(e.current-1);return{data:(t.pagination===!1?t.dataSource:t.dataSource.slice(n,n+e.pageSize))||[],total:t.dataSource.length||0}}const r=await t.request?.(e);return{data:r?.data||[],total:r?.total||0}},namespace:"ap-grid",filterFields:o.ref([]),params:o.toRef(t,"params"),defaultData:t.defaultData,manual:o.unref(he),formatParams:t.beforeSearchSubmit,pagination:t.pagination,sortFields:V,onClickReset:ye,defaultSortOrder:we()}),y=o.computed(()=>{const e=t.rowSelection||ue.value?.rowSelection;if(e)return e===!0?B.DEFAULT_ROW_SELECTION_CONFIG:{...B.DEFAULT_ROW_SELECTION_CONFIG,...e}}),xe=Co.default(t,w),Be=o.computed(()=>d.isUndefined(t.dataSource)?f.records:t.dataSource),{select:Fe,unSelect:qe,selectedRows:I,selectedRowKeys:Me,clearAll:Te,selectMultiByKeys:Ie,selectMulti:Ne,unSelectMulti:Ae}=So.default({...y.value,dataSource:Be,rowKey:t.rowKey}),Ee={checkbox:"multiRow",radio:"singleRow"},_e=o.computed(()=>{const e=y.value;if(!e)return;const{type:r="checkbox",disabled:n}=e;return{mode:Ee[r],isRowSelectable:i=>n?!n(i.data):!0,hideDisabledCheckboxes:e.hideDisabled??!1}});function N(e){return d.isFunction(t.rowKey)?t.rowKey(e):e[t.rowKey]}const x=({api:e=s.value})=>{if(t.onUpdate?.(),!y.value)return;const r=I.value||[];v=!1;const n=[];e.forEachNode(i=>{const m=i.data,u=N(m),g=i.isSelected();r.find(S=>N(S)===u)?!g&&n.push(i):g&&i.setSelected(!1)}),e.setNodesSelected({nodes:n,newValue:!0}),setTimeout(()=>{v=!0},0)},De=e=>{v&&(e.node.isSelected()?Fe(e.data):qe(e.data),d.isFunction(y.value?.tooltip)&&e.api.refreshCells({rowNodes:[e.node],columns:["ag-Grid-SelectionColumn"],force:!0}))},ze=()=>{v=!0;const e=s.value;if(!e||!b.value)return;const r=e.getColumnState(),{colKey:n,order:i}=b.value,m=r.map(u=>({...u,sort:u.colId===n?P[i]:null}));e.applyColumnState({state:m})},A=()=>{Te(),s.value?.deselectAll()};function Oe(e){Ie(e),o.nextTick(()=>{x({})})}const Pe=o.computed(()=>{const e=t.customRow;return e?{isFullWidthRow:e.isCustomRow,fullWidthCellRenderer:Fo.default,fullWidthCellRendererParams:{render:e.render}}:{}});function Ve(e){Ne(e),o.nextTick(()=>{x({})})}function Ke(e){Ae(e),o.nextTick(()=>{x({})})}function W(e=!1){const r=e?"getFieldsValueTransformed":"getFieldsValue";return C.value?.apForm?.[r]?.(!0)}function H(e){C.value?.apForm?.setFieldsValue?.(e)}function $(){return C.value?.getSorterItems()||[]}function j(e){C.value?.setSorterItems(e)}function J(){C.value?.resetSorterItems()}function Q(e){return e&&String(e)}function Ge(e){const r=s.value;if(!r)return;const n=r.getColumnState()||[],i=e.map(a=>a.key?String(a.key):a.key).filter(Boolean),m=n.map(a=>{if(!ce.value.includes(a.colId))return a;const R=!i.includes(a.colId),X={...a,hide:R},Y=e.find(oo=>Q(oo.key)===a.colId);return Y&&(X.pinned=Y.fixed||null),X}),u=new Map(e.map((a,R)=>[Q(a.key),R])),g=m.filter(a=>u.has(a.colId)).sort((a,R)=>u.get(a.colId)-u.get(R.colId)),S=[];let p=0;for(const a of m)u.has(a.colId)?S.push(g[p++]):S.push(a);r.applyColumnState({state:S,applyOrder:!0})}lo.useProvideApTable({columns:o.computed(()=>w.value),columnsBackup:o.computed(()=>O.value),size:o.computed(()=>B.sizeMap[h.value]),updateColumns(e){w.value=e,t.onShownColumnsChange?.(e),uo.retryUntil(()=>s.value,()=>{Ge(e)},{interval:17})},updateSize(e){h.value=B.sizeReverseMap[e]},renderConfig:o.computed(()=>({className:re("table-header","title"),color:ie.value.colorTextTertiary})),dataSource:o.computed(()=>o.unref(f).records),getSearchFormValues:W,setSearchFormValues:H,submit:M,submitWith:L,reset:T,refresh:U,getSearchFormSorterItems:$,setSearchFormSorterItems:j,resetSearchFormSorterItems:J,getLastParams:ke});const Le=o.computed(()=>d.isUndefined(t.loading)?f.loading:t.loading),Ue=o.computed(()=>[c(),t.card?null:c("wrapper"),c("adaptive"),c(`size-${h.value}`),t.autoHeight&&f.records.length?c("auto-height"):null,ne.value].filter(Boolean)),We=o.computed(()=>({height:"100%",...t.tableStyle||{}})),He=(e,r)=>{G({current:e,pageSize:r})};function $e(e){const r=e.data;return N(r)}function je(e,r){(d.isFunction(e)?s.value?.ensureNodeVisible:s.value?.ensureIndexVisible)?.(e,r)}function Je(e,r){s.value?.ensureColumnVisible(e,r)}function Qe(e){t.onRowClicked?.(e.data,e.event)}function Xe(e){t.onScrollEnd?.(e.direction)}function Ye(e){return s.value?.refreshCells(e)}function Ze(e){return s.value?.redrawRows(e)}const eo=e=>{const r=[D.value.getRowClass?.(e)];if(!e.node.rowPinned){const n=d.isFunction(t.rowClassName)?t.rowClassName(e.data,e.rowIndex):t.rowClassName;r.push(n)}return r.flat().filter(Boolean)};return o.watch(()=>t.dataSource,e=>{o.nextTick(()=>{be(e)})},{immediate:!0,deep:!0}),o.watch(()=>t.size,e=>{h.value=e}),o.watch(()=>o.unref(f).loading,e=>{t.onLoadingChange?.(e)}),oe({submit:M,reset:T,refresh:U,submitWith:L,setSearchFormValues:H,getSearchFormValues:W,getShowColumns:()=>o.unref(w),rowSelection:{selectedRows:o.computed(()=>I.value),setSelectedRowKeys:Oe,setSelectedRows:Ve,clearAll:A,unSelectRows:Ke},scrollToRow:je,scrollToColumn:Je,getDataSource:()=>o.unref(f.records),getPaging:ve,setPaging:Re,getSearchFormSorterItems:$,setSearchFormSorterItems:j,resetSearchFormSorterItems:J,refreshCells:Ye,redrawRows:Ze,_internalGridApi:o.computed(()=>s.value)}),(e,r)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(Ue.value),style:o.normalizeStyle(e.wrapperStyle)},[o.unref(d.isUndefined)(e.dataSource)&&e.searchForm!==!1&&o.unref(z).length>0?(o.openBlock(),o.createElementBlock("div",{key:0,class:o.normalizeClass(e.card?o.unref(F)("search-wrapper"):null),style:o.normalizeStyle(e.searchFormWrapperStyle)},[o.createVNode(o.unref(co.ApForm).SearchForm,o.mergeProps(e.searchForm||{},{ref_key:"formRef",ref:C,"custom-reset":"","submit-loading":o.unref(K).loading,onSubmit:o.unref(M),onReset:o.unref(T)}),o.createSlots({default:o.withCtx(()=>[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(z),n=>(o.openBlock(),o.createBlock(o.resolveDynamicComponent(n.renderNode),{key:n.dataIndex}))),128))]),_:2},[E.searchFormExtra?{name:"extra",fn:o.withCtx(()=>[o.renderSlot(e.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["submit-loading","onSubmit","onReset"])],6)):o.createCommentVNode("",!0),o.createElementVNode("div",{class:o.normalizeClass([o.unref(F)("table-wrapper"),e.card?o.unref(F)("table-wrapper-card"):null]),style:o.normalizeStyle(e.tableWrapperStyle)},[o.createElementVNode("div",{class:o.normalizeClass(o.unref(c)("header-wrapper"))},[o.renderSlot(e.$slots,"title",{selectedRows:o.unref(I),selectedRowKeys:o.unref(Me),shownColumns:o.unref(w),clearAll:A})],2),o.createElementVNode("div",{ref_key:"gridWrapperRef",ref:me,class:o.normalizeClass(o.unref(c)("grid-wrapper"))},[(o.openBlock(),o.createBlock(o.unref(no.AgGridVue),o.mergeProps(o.unref(Ro.mergeProps)(o.unref(ae),o.unref(D),Pe.value),{key:o.unref(_),"get-row-class":eo,style:We.value,"row-data":o.unref(f).records,"column-defs":o.unref(fe),"default-col-def":o.unref(pe),"suppress-loading-overlay":"","row-selection":_e.value,"selection-column-def":o.unref(xe),"get-row-id":$e,"get-row-height":t.getRowHeight,theme:o.unref(le),"tooltip-show-delay":500,"enable-browser-tooltips":e.browserTooltips,"tooltip-interaction":"","row-class-rules":e.rowClassRules,"no-rows-overlay-component":Mo.default,"no-rows-overlay-component-params":{emptyComponent:e.emptyComponent,emptyText:e.emptyText},"loading-overlay-component":qo.default,loading:Le.value,"suppress-cell-focus":"","tab-to-next-cell":()=>!1,"enable-cell-span":"","dom-layout":e.autoHeight?"autoHeight":"normal","locale-text":te[o.unref(_)],onSortChanged:Ce,onGridReady:r[0]||(r[0]=n=>s.value=n.api),onRowDataUpdated:x,onRowSelected:De,onFirstDataRendered:ze,onRowClicked:Qe,onBodyScrollEnd:Xe}),null,16,["style","row-data","column-defs","default-col-def","row-selection","selection-column-def","get-row-height","theme","enable-browser-tooltips","row-class-rules","no-rows-overlay-component-params","loading","dom-layout","locale-text"]))],2),o.createElementVNode("div",{class:o.normalizeClass(o.unref(c)("pagination-wrapper"))},[e.pagination!==!1?(o.openBlock(),o.createBlock(o.unref(to.Pagination),o.mergeProps({key:0,class:o.unref(c)("pagination")},o.unref(K).pagination,{onChange:He}),null,16,["class"])):o.createCommentVNode("",!0)],2)],6)],6))}});exports.default=To;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("@aplus-frontend/antdv"),f=require("@aplus-frontend/icon");require("../../config-provider/index.js");const a=require("../ap-copy/index.js"),h=require("../ap-image/index.js"),N=require("./constans.js"),V=require("./style/index.js"),y=require("../../config-provider/hooks/use-namespace.js"),g=e.defineComponent({name:"ApProductInfo",props:N.ApProductInfoProps(),setup(o){const{b:n,e:t,m:r}=y.useNamespace("ap-product-info"),i=V.default("ap-product-info"),d=e.useSlots(),u=l=>typeof l.value=="function"?l.value():l.helpMessage?e.h(c.Space.Compact,{},[e.h(a.ApCopy,{text:l.value,link:l.link,textStyle:l.link?"link":"minor"}),e.h(c.Tooltip,{placement:"top",color:l.toolTipBgColor,title:typeof l.helpMessage=="string"?l.helpMessage:e.h(l.helpMessage)},()=>e.h(f.IconApAdFillWarn,{color:"#FFA940",style:{cursor:"pointer"}}))]):e.h(a.ApCopy,{text:l.value,textStyle:l.link?"link":"minor",link:l.link,disableCopy:o.disableCopy},l.value);return()=>e.createVNode("div",{class:[n(),i.value]},[o.showImg&&e.createVNode("div",{class:t("img")},[e.createVNode(h.ApImage,{src:o.imgSrc,width:44,height:44,preview:o.preview},null)]),e.createVNode("div",{class:[t("content")]},[e.createVNode("div",{class:t("wrap-title")},[e.createVNode("div",{class:t("title")},[e.createVNode(a.ApCopy,{disableCopy:o.disableCopy},{default:()=>[o.title]})]),e.createVNode("div",{class:t("title-suffix")},[d["title-suffix"]?.()])]),e.createVNode("div",{class:t("row-container")},[o.values.map((l,p)=>{const s=l.col===2,v=l.col!==2&&p%2===0;return e.createVNode("div",{key:JSON.stringify(l),class:[t("row-item"),r(s?"full":"half")]},[e.createVNode("div",{class:[t("item")]},[l.label&&e.createVNode("div",{class:t("label")},[l.label,e.createVNode("span",null,[e.createTextVNode(":")])]),e.createVNode("div",{class:[t("value"),!s&&r("overflow")],title:typeof l.value!="function"?String(l.value||""):""},[u(l)])]),v&&e.createVNode("div",{class:t("divider"),style:{right:0}},[e.createVNode("div",{class:t("divider-vertical")},null)])])})])])])}});exports.default=g;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("../../../utils/cssinjs/index.js"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("../../../utils/cssinjs/index.js"),t=e=>{const{componentCls:i}=e;return{[i]:{display:"flex",[`${i}__img`]:{width:e.apProductInfoImageSize,height:e.apProductInfoImageSize,marginInlineEnd:e.space,flexShrink:0},[`${i}__content`]:{flex:1,display:"flex",flexDirection:"column",overflow:"hidden"},[`${i}__wrap-title`]:{display:"flex",alignItems:"center"},[`${i}__title`]:{flex:1,minWidth:0},[`${i}__title-suffix`]:{marginLeft:"4px"},[`${i}__row-container `]:{display:"flex",flexWrap:"wrap"},[`${i}__row-item`]:{position:"relative",display:"flex"},[`${i}__divider`]:{width:e.lineWidth,position:"relative",height:"12px",top:"50%",marginBlockStart:e.calc(e.spaceSM).mul(-1).equal(),marginInlineEnd:e.spaceLG,marginInlineStart:e.spaceSM,zIndex:1},[`${i}__divider-vertical`]:{width:e.lineWidth,height:"100%",backgroundColor:e.colorBg1,position:"absolute",transform:"translateX(-50%)"},[`${i}__item`]:{display:"flex",alignItems:"baseline"},[`${i}--full`]:{width:"100%"},[`${i}__label`]:{color:e.textColor3,flexShrink:0,span:{display:"inline-block",paddingInline:e.spaceXXS,paddingBlock:0}},[`${i}__value`]:{maxWidth:e.apProductInfoMaxWidth,color:e.textColor3,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},[`${i}--link`]:{color:e.colorLink,cursor:"pointer"}}}},a=l.genComponentStyleHook("ApProductInfo",e=>[t(e)],{apProductInfoImageSize:44,apProductInfoMaxWidth:300});exports.default=a;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("@aplus-frontend/antdv"),a=require("../line/index.js"),r={style:{width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between"}},i={style:{maxWidth:"100%",flex:1}},l=e.defineComponent({name:"ApSkeletonListItem",__name:"item",props:{active:{type:Boolean}},setup(o){return(n,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(t.Card),{variant:"borderless",style:{borderRadius:0},"body-style":{padding:"24px"}},{default:e.withCtx(()=>[e.createElementVNode("div",r,[e.createElementVNode("div",i,[e.createVNode(e.unref(t.Skeleton),{active:n.active,title:{width:"100px",style:{marginBlockStart:0}},paragraph:{rows:1,style:{margin:0}}},null,8,["active"])]),e.createVNode(e.unref(t.Skeleton).Button,{active:n.active,size:"small",style:{width:"165px",marginBlockStart:"12px"}},null,8,["active"])])]),_:1}),e.createVNode(e.unref(a.ApSkeletonLine))],64))}});exports.default=l;
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("@aplus-frontend/antdv"),a=require("../line/index.js"),r={style:{width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between"}},i={style:{maxWidth:"100%",flex:1}},l=e.defineComponent({name:"ApSkeletonListItem",__name:"item",props:{active:{type:Boolean}},setup(o){return(n,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(t.Card),{variant:"borderless",style:{borderRadius:0},"body-style":{padding:"18px 24px"}},{default:e.withCtx(()=>[e.createElementVNode("div",r,[e.createElementVNode("div",i,[e.createVNode(e.unref(t.Skeleton),{active:n.active,title:{width:"100px",style:{marginBlockStart:0,marginBlockEnd:"1em"}},paragraph:{rows:1,style:{margin:0}}},null,8,["active"])]),e.createVNode(e.unref(t.Skeleton).Button,{active:n.active,size:"small",style:{width:"165px",marginBlockStart:"12px"}},null,8,["active"])])]),_:1}),e.createVNode(e.unref(a.ApSkeletonLine))],64))}});exports.default=l;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("@aplus-frontend/antdv"),a={style:{"margin-block-end":"16px"}},o=e.defineComponent({name:"ApSkeletonPageHeader",__name:"index",props:{active:{type:Boolean}},setup(l){return(t,r)=>(e.openBlock(),e.createElementBlock("div",a,[e.createVNode(e.unref(n.Skeleton),{paragraph:!1,title:{width:"185px",style:{marginBlock:"1em"}},active:t.active},null,8,["active"]),e.createVNode(e.unref(n.Skeleton).Button,{active:t.active,size:"small"},null,8,["active"])]))}});exports.default=o;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("@aplus-frontend/antdv");require("./item.vue.js");const l=require("./item.vue2.js"),i={style:{display:"flex",justifyContent:"flex-end",paddingBlockStart:"16px"}},r=e.defineComponent({name:"ApSkeletonTable",__name:"index",props:{active:{type:Boolean},size:{default:4},actions:{type:Boolean,default:void 0}},setup(o){return(t,c)=>(e.openBlock(),e.createBlock(e.unref(a.Card),{variant:"borderless"},{default:e.withCtx(()=>[t.actions!==!1?(e.openBlock(),e.createBlock(e.unref(a.Flex),{key:0,justify:"space-between"},{default:e.withCtx(()=>[e.createElementVNode("div",null,[e.createVNode(e.unref(a.Skeleton).Button,{active:t.active,size:"small",style:{width:"100px",marginBlockEnd:"16px",marginInlineEnd:"16px"}},null,8,["active"]),e.createVNode(e.unref(a.Skeleton).Button,{active:t.active,size:"small",style:{width:"100px",marginBlockEnd:"16px"}},null,8,["active"])]),e.createVNode(e.unref(a.Skeleton).Button,{active:t.active,size:"small",style:{width:"22px",marginBlockEnd:"16px"}},null,8,["active"])]),_:1})):e.createCommentVNode("",!0),e.createVNode(l.default,{header:"",active:t.active},null,8,["active"]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(new Array(t.size).fill(null),(u,n)=>(e.openBlock(),e.createBlock(l.default,{key:n,active:t.active},null,8,["active"]))),128)),e.createElementVNode("div",i,[e.createVNode(e.unref(a.Skeleton),{active:t.active,paragraph:!1,title:{style:{margin:0,height:"24px",float:"right",maxWidth:"630px"}}},null,8,["active"])])]),_:1}))}});exports.default=r;
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("@aplus-frontend/antdv");require("./item.vue.js");const l=require("./item.vue2.js"),i={style:{display:"flex",justifyContent:"flex-end",paddingBlockStart:"16px",marginInlineEnd:"8px"}},r=e.defineComponent({name:"ApSkeletonTable",__name:"index",props:{active:{type:Boolean},size:{default:4},actions:{type:Boolean,default:void 0}},setup(o){return(t,c)=>(e.openBlock(),e.createBlock(e.unref(a.Card),{variant:"borderless"},{default:e.withCtx(()=>[t.actions!==!1?(e.openBlock(),e.createBlock(e.unref(a.Flex),{key:0,justify:"space-between"},{default:e.withCtx(()=>[e.createElementVNode("div",null,[e.createVNode(e.unref(a.Skeleton).Button,{active:t.active,size:"small",style:{width:"100px",marginBlockEnd:"16px",marginInlineEnd:"16px"}},null,8,["active"]),e.createVNode(e.unref(a.Skeleton).Button,{active:t.active,size:"small",style:{width:"100px",marginBlockEnd:"16px"}},null,8,["active"])]),e.createVNode(e.unref(a.Skeleton).Button,{active:t.active,size:"small",style:{width:"22px",marginBlockEnd:"16px"}},null,8,["active"])]),_:1})):e.createCommentVNode("",!0),e.createVNode(l.default,{header:"",active:t.active},null,8,["active"]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(new Array(t.size).fill(null),(u,n)=>(e.openBlock(),e.createBlock(l.default,{key:n,active:t.active},null,8,["active"]))),128)),e.createElementVNode("div",i,[e.createVNode(e.unref(a.Skeleton),{active:t.active,paragraph:!1,title:{style:{margin:0,height:"24px",float:"right",maxWidth:"630px"}}},null,8,["active"])])]),_:1}))}});exports.default=r;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("@aplus-frontend/antdv"),u=require("@aplus-frontend/antdv/es/_util/hooks/useBreakpoint"),p=require("../line/index.js"),m={style:{flex:3,paddingInlineStart:"32px"}},f=e.defineComponent({name:"ApSkeletonTableItem",__name:"item",props:{active:{type:Boolean},header:{type:Boolean,default:!1}},setup(g){const a={lg:!0,md:!0,sm:!1,xl:!1,xs:!1,xxl:!1},r={xs:1,sm:2,md:3,lg:3,xl:3,xxl:4},o=u(),i=e.computed(()=>o.value||a),d=e.computed(()=>{const t=e.unref(i);return Object.keys(t).filter(l=>t[l]===!0)[0]||"md"}),s=e.computed(()=>r[d.value]||3);return(t,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{style:e.normalizeStyle({display:"flex",background:t.header?"rgba(0,0,0,0.02)":"none",padding:"20px 8px"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(new Array(s.value).fill(null),(x,c)=>(e.openBlock(),e.createElementBlock("div",{key:c,style:{flex:1,paddingInlineStart:"8px",paddingInlineEnd:"32px"}},[e.createVNode(e.unref(n.Skeleton),{active:t.active,paragraph:!1,title:{style:{margin:0,height:"24px",width:t.header?"75px":"100%"}}},null,8,["active","title"])]))),128)),e.createElementVNode("div",m,[e.createVNode(e.unref(n.Skeleton),{active:t.active,paragraph:!1,title:{style:{margin:0,height:"24px",width:t.header?"75px":"100%"}}},null,8,["active","title"])])],4),e.createVNode(e.unref(p.ApSkeletonLine),{style:{padding:"0px 0px"}})],64))}});exports.default=f;
|
package/lib/src/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "7.14.
|
|
1
|
+
declare const _default: "7.14.3";
|
|
2
2
|
export default _default;
|
package/lib/src/version.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="7.14.
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="7.14.3";exports.default=e;
|