@aplus-frontend/ui 6.24.1 → 6.25.0
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-search-form.d.ts +3 -0
- package/es/src/ag-grid/hooks/use-search-form.mjs +41 -0
- package/es/src/ag-grid/index.vue.mjs +248 -270
- package/es/src/ag-grid/interface.d.ts +1 -0
- package/es/src/ap-form/interface.d.ts +1 -2
- package/es/src/ap-form/search-form/hooks/use-count-per-row.mjs +27 -24
- package/es/src/ap-form/search-form/index.vue.d.ts +9 -3
- package/es/src/ap-form/search-form/index.vue.mjs +116 -108
- package/es/src/ap-pro-card/components/card/index.vue.d.ts +1 -1
- package/es/src/ap-pro-card/components/statistic/index.vue.d.ts +2 -1
- package/es/src/ap-pro-card/components/statistic/index.vue2.mjs +43 -37
- package/es/src/ap-pro-card/interface.d.ts +3 -1
- package/es/src/ap-pro-card/utils/css-var.mjs +10 -10
- package/es/src/business/ap-value-select-card/index.vue.d.ts +6 -0
- package/es/src/business/ap-value-select-card/index.vue2.mjs +88 -80
- package/es/src/version.d.ts +1 -1
- package/es/src/version.mjs +1 -1
- package/lib/src/ag-grid/hooks/use-search-form.d.ts +3 -0
- package/lib/src/ag-grid/hooks/use-search-form.js +1 -0
- package/lib/src/ag-grid/index.vue.js +1 -1
- package/lib/src/ag-grid/interface.d.ts +1 -0
- package/lib/src/ap-form/interface.d.ts +1 -2
- package/lib/src/ap-form/search-form/hooks/use-count-per-row.js +1 -1
- package/lib/src/ap-form/search-form/index.vue.d.ts +9 -3
- package/lib/src/ap-form/search-form/index.vue.js +1 -1
- package/lib/src/ap-pro-card/components/card/index.vue.d.ts +1 -1
- package/lib/src/ap-pro-card/components/statistic/index.vue.d.ts +2 -1
- package/lib/src/ap-pro-card/components/statistic/index.vue2.js +1 -1
- package/lib/src/ap-pro-card/interface.d.ts +3 -1
- package/lib/src/ap-pro-card/utils/css-var.js +1 -1
- package/lib/src/business/ap-value-select-card/index.vue.d.ts +6 -0
- package/lib/src/business/ap-value-select-card/index.vue2.js +1 -1
- package/lib/src/version.d.ts +1 -1
- package/lib/src/version.js +1 -1
- package/package.json +5 -5
- package/theme/ap-grid/index.css +4 -0
- package/theme/ap-grid/index.less +4 -0
- package/theme/ap-pro-card/index.css +36 -29
- package/theme/ap-pro-card/index.less +39 -20
- package/theme/ap-value-select-card/index.css +1 -0
- package/theme/ap-value-select-card/index.less +1 -0
- package/theme/index.css +41 -29
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
const
|
|
1
|
+
const p = {
|
|
2
2
|
"--ap-pro-card-colo-bg-container": "transparent",
|
|
3
3
|
"--ap-pro-card-border-radius": "4px",
|
|
4
|
-
"--ap-pro-card-header-padding": "
|
|
5
|
-
"--ap-pro-card-header-padding-bottom": "
|
|
6
|
-
"--ap-pro-card-body-padding": "
|
|
4
|
+
"--ap-pro-card-header-padding": "8px 16px 0",
|
|
5
|
+
"--ap-pro-card-header-padding-bottom": "8px",
|
|
6
|
+
"--ap-pro-card-body-padding": "8px 16px 12px",
|
|
7
7
|
"--ap-pro-card-actions-padding": "12px 16px",
|
|
8
8
|
"--ap-pro-card-border-line-width": "1px",
|
|
9
9
|
"--ap-pro-card-border-line-type": "solid",
|
|
10
10
|
"--ap-pro-card-border-color-split": "#e9edf3",
|
|
11
|
-
"--ap-pro-card-box-shadow": "
|
|
11
|
+
"--ap-pro-card-box-shadow": "3px 10px 30px -2px rgba(123, 121, 140, 0.15)",
|
|
12
12
|
"--ap-pro-card-tooltip-color": "#8896b0",
|
|
13
|
-
"--ap-pro-card-header-title-font-size": "
|
|
13
|
+
"--ap-pro-card-header-title-font-size": "12px",
|
|
14
14
|
"--ap-pro-card-header-title-font-color": "#182948",
|
|
15
15
|
"--ap-pro-card-area-color": "#f1f7ff",
|
|
16
16
|
"--ap-pro-card-split-line-height": "100%"
|
|
17
17
|
}, a = {
|
|
18
18
|
"--ap-pro-card-border-color-split": "#e9e9e9",
|
|
19
|
-
"--ap-pro-card-box-shadow": "
|
|
19
|
+
"--ap-pro-card-box-shadow": "3px 10px 30px -2px rgba(123, 121, 140, 0.15)",
|
|
20
20
|
"--ap-pro-card-tooltip-color": "#999",
|
|
21
21
|
"--ap-pro-card-header-title-font-color": "#333",
|
|
22
22
|
"--ap-pro-card-area-color": "#eff9f5"
|
|
23
|
-
}, o = (
|
|
24
|
-
...
|
|
25
|
-
...
|
|
23
|
+
}, o = (r) => ({
|
|
24
|
+
...p,
|
|
25
|
+
...r === "admin" ? a : {}
|
|
26
26
|
});
|
|
27
27
|
export {
|
|
28
28
|
o as getProCardCssVar
|
|
@@ -22,6 +22,12 @@ declare const _default: <T extends Record<string, any> = Record<string, any>>(__
|
|
|
22
22
|
}>): void;
|
|
23
23
|
attrs: any;
|
|
24
24
|
slots: {
|
|
25
|
+
'popover-label'?(_: {
|
|
26
|
+
option: ApValueSelectCardOption<T>;
|
|
27
|
+
}): any;
|
|
28
|
+
'popover-value'?(_: {
|
|
29
|
+
option: ApValueSelectCardOption<T>;
|
|
30
|
+
}): any;
|
|
25
31
|
'close-icon'?(_: {}): any;
|
|
26
32
|
label?(_: {
|
|
27
33
|
option: ApValueSelectCardOption<T>;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { defineComponent as q, ref as N, computed as R, resolveComponent as J, createElementBlock as u, openBlock as
|
|
1
|
+
import { defineComponent as q, ref as N, computed as R, resolveComponent as J, createElementBlock as u, openBlock as r, normalizeStyle as I, normalizeClass as d, unref as l, createVNode as O, withCtx as D, createElementVNode as h, createCommentVNode as v, Fragment as E, renderList as M, withModifiers as K, renderSlot as g, createTextVNode as m, toDisplayString as p, createBlock as Q } from "vue";
|
|
2
2
|
import { Popover as U } from "@aplus-frontend/antdv";
|
|
3
3
|
import { PlusOutlined as W } from "@ant-design/icons-vue";
|
|
4
4
|
import { IconApAdLinePoor as X } from "@aplus-frontend/icon";
|
|
5
5
|
import "../../config-provider/index.mjs";
|
|
6
6
|
import { useNamespace as Y } from "../../config-provider/hooks/use-namespace.mjs";
|
|
7
7
|
import { useGlobalConfig as Z } from "../../config-provider/hooks/use-global-config.mjs";
|
|
8
|
-
const x = ["onClick"], ee = { class: "label" }, te = { class: "value" }, le = ["onClick"], se = ["onClick"],
|
|
8
|
+
const x = ["onClick"], ee = { class: "label" }, te = { class: "value" }, le = ["onClick"], se = ["onClick"], oe = { class: "label" }, ie = { class: "value" }, ne = { class: "text" }, pe = /* @__PURE__ */ q({
|
|
9
9
|
name: "ApValueSelectCard",
|
|
10
10
|
__name: "index",
|
|
11
11
|
props: {
|
|
@@ -19,159 +19,167 @@ const x = ["onClick"], ee = { class: "label" }, te = { class: "value" }, le = ["
|
|
|
19
19
|
showCloseIcon: { type: Boolean, default: !0 },
|
|
20
20
|
showAddButton: { type: Boolean, default: !0 },
|
|
21
21
|
addButtonText: { default: "" },
|
|
22
|
-
getContainer: { type: Function, default: (
|
|
22
|
+
getContainer: { type: Function, default: (C) => C.parentElement || document.body },
|
|
23
23
|
getCardStyle: { type: Function, default: () => ({}) },
|
|
24
24
|
wrapperStyle: { type: [Boolean, null, String, Object, Array] }
|
|
25
25
|
},
|
|
26
26
|
emits: ["update:selectedKeys", "update:highlightedKeys", "change", "select", "remove", "highlight"],
|
|
27
|
-
setup(
|
|
28
|
-
const
|
|
27
|
+
setup(C, { expose: P, emit: z }) {
|
|
28
|
+
const n = z, t = C, { b: a, m: L } = Y("ap-value-select-card"), _ = Z("uiMode", "aplus"), f = N(null), y = N(!1), S = R(() => t.options), k = R(() => S.value.filter(
|
|
29
29
|
(e) => t.selectedKeys.includes(e.key)
|
|
30
|
-
)), T = (e) => t.selectedKeys.includes(e),
|
|
31
|
-
t.selectedKeys.includes(e) ?
|
|
30
|
+
)), T = (e) => t.selectedKeys.includes(e), w = (e) => t.highlightedKeys.includes(e), H = (e) => {
|
|
31
|
+
t.selectedKeys.includes(e) ? b(e) : A(e);
|
|
32
32
|
}, A = (e) => {
|
|
33
33
|
if (t.maxSelected && t.selectedKeys.length >= t.maxSelected)
|
|
34
34
|
return;
|
|
35
35
|
const s = [...t.selectedKeys, e];
|
|
36
|
-
|
|
37
|
-
},
|
|
36
|
+
n("update:selectedKeys", s), n("change", s), n("select", e), t.highlightedKeys.includes(e) || $(e);
|
|
37
|
+
}, b = (e) => {
|
|
38
38
|
if (t.selectedKeys.length <= 1 || t.highlightedKeys.length <= 1 && t.highlightedKeys.includes(e))
|
|
39
39
|
return;
|
|
40
|
-
const s = t.selectedKeys.filter((
|
|
41
|
-
if (
|
|
42
|
-
const
|
|
43
|
-
|
|
40
|
+
const s = t.selectedKeys.filter((c) => c !== e);
|
|
41
|
+
if (n("update:selectedKeys", s), n("change", s), n("remove", e), t.highlightedKeys.includes(e)) {
|
|
42
|
+
const c = t.highlightedKeys.filter((i) => i !== e);
|
|
43
|
+
n("update:highlightedKeys", c), n("highlight", c);
|
|
44
44
|
}
|
|
45
|
-
},
|
|
45
|
+
}, $ = (e) => {
|
|
46
46
|
let s;
|
|
47
47
|
if (t.highlightedKeys.includes(e))
|
|
48
48
|
if (t.highlightedKeys.length > 1)
|
|
49
|
-
s = t.highlightedKeys.filter((
|
|
49
|
+
s = t.highlightedKeys.filter((c) => c !== e);
|
|
50
50
|
else
|
|
51
51
|
return;
|
|
52
52
|
else
|
|
53
53
|
s = [...t.highlightedKeys, e];
|
|
54
|
-
|
|
54
|
+
n("update:highlightedKeys", s), n("highlight", s);
|
|
55
55
|
}, j = (e) => {
|
|
56
|
-
e || (
|
|
56
|
+
e || (y.value = e);
|
|
57
57
|
};
|
|
58
|
-
return
|
|
59
|
-
popoverVisible:
|
|
60
|
-
allOptions:
|
|
61
|
-
selectedOptions:
|
|
58
|
+
return P({
|
|
59
|
+
popoverVisible: y,
|
|
60
|
+
allOptions: S,
|
|
61
|
+
selectedOptions: k,
|
|
62
62
|
isSelected: T,
|
|
63
|
-
isHighlighted:
|
|
63
|
+
isHighlighted: w,
|
|
64
64
|
toggleOption: H,
|
|
65
65
|
addOption: A,
|
|
66
|
-
removeOption:
|
|
67
|
-
highlightOption:
|
|
66
|
+
removeOption: b,
|
|
67
|
+
highlightOption: $
|
|
68
68
|
}), (e, s) => {
|
|
69
|
-
const
|
|
70
|
-
return
|
|
71
|
-
class: d([l(
|
|
72
|
-
style:
|
|
69
|
+
const c = J("InfoCircleFilled");
|
|
70
|
+
return r(), u("div", {
|
|
71
|
+
class: d([l(a)(), `${l(L)(l(_))}`]),
|
|
72
|
+
style: I({
|
|
73
73
|
...e.wrapperStyle,
|
|
74
74
|
"--ap-value-select-card-column-count": e.maxRowDisplay
|
|
75
75
|
})
|
|
76
76
|
}, [
|
|
77
|
-
|
|
78
|
-
open:
|
|
77
|
+
O(l(U), {
|
|
78
|
+
open: y.value,
|
|
79
79
|
trigger: "click",
|
|
80
80
|
placement: "bottomRight",
|
|
81
81
|
arrow: !1,
|
|
82
82
|
"get-popup-container": e.getContainer,
|
|
83
83
|
onOpenChange: j
|
|
84
84
|
}, {
|
|
85
|
-
content:
|
|
85
|
+
content: D(() => [
|
|
86
86
|
h("div", {
|
|
87
|
-
class: d(l(
|
|
87
|
+
class: d(l(a)("popover"))
|
|
88
88
|
}, [
|
|
89
|
-
e.popoverTitle ? (
|
|
89
|
+
e.popoverTitle ? (r(), u("div", {
|
|
90
90
|
key: 0,
|
|
91
|
-
class: d(l(
|
|
91
|
+
class: d(l(a)("title"))
|
|
92
92
|
}, [
|
|
93
|
-
e.showTitleIcon ? (
|
|
93
|
+
e.showTitleIcon ? (r(), Q(c, {
|
|
94
94
|
key: 0,
|
|
95
|
-
class: d(l(
|
|
96
|
-
}, null, 8, ["class"])) :
|
|
97
|
-
|
|
98
|
-
], 2)) :
|
|
95
|
+
class: d(l(a)("title-icon"))
|
|
96
|
+
}, null, 8, ["class"])) : v("", !0),
|
|
97
|
+
m(" " + p(e.popoverTitle), 1)
|
|
98
|
+
], 2)) : v("", !0),
|
|
99
99
|
h("div", {
|
|
100
|
-
class: d(l(
|
|
100
|
+
class: d(l(a)("list"))
|
|
101
101
|
}, [
|
|
102
|
-
(
|
|
103
|
-
key:
|
|
102
|
+
(r(!0), u(E, null, M(S.value, (i) => (r(), u("div", {
|
|
103
|
+
key: i.key,
|
|
104
104
|
class: d([
|
|
105
|
-
l(
|
|
105
|
+
l(a)("list-item"),
|
|
106
106
|
"all",
|
|
107
107
|
{
|
|
108
|
-
select: T(
|
|
108
|
+
select: T(i.key),
|
|
109
109
|
disabled: e.maxSelected && e.selectedKeys.length >= e.maxSelected
|
|
110
110
|
}
|
|
111
111
|
]),
|
|
112
|
-
onClick:
|
|
112
|
+
onClick: K((B) => H(i.key), ["stop"])
|
|
113
113
|
}, [
|
|
114
|
-
h("div", ee,
|
|
115
|
-
|
|
114
|
+
h("div", ee, [
|
|
115
|
+
g(e.$slots, "popover-label", { option: i }, () => [
|
|
116
|
+
m(p(i.label), 1)
|
|
117
|
+
])
|
|
118
|
+
]),
|
|
119
|
+
h("div", te, [
|
|
120
|
+
g(e.$slots, "popover-value", { option: i }, () => [
|
|
121
|
+
m(p(i.value), 1)
|
|
122
|
+
])
|
|
123
|
+
])
|
|
116
124
|
], 10, x))), 128))
|
|
117
125
|
], 2)
|
|
118
126
|
], 2)
|
|
119
127
|
]),
|
|
120
|
-
default:
|
|
121
|
-
var
|
|
128
|
+
default: D(() => {
|
|
129
|
+
var i, B, V, F;
|
|
122
130
|
return [
|
|
123
131
|
h("div", {
|
|
124
|
-
class: d(l(
|
|
132
|
+
class: d(l(a)("list"))
|
|
125
133
|
}, [
|
|
126
|
-
(
|
|
127
|
-
key:
|
|
134
|
+
(r(!0), u(E, null, M(k.value, (o) => (r(), u("div", {
|
|
135
|
+
key: o.key,
|
|
128
136
|
ref_for: !0,
|
|
129
137
|
ref_key: "listItemRef",
|
|
130
|
-
ref:
|
|
138
|
+
ref: f,
|
|
131
139
|
class: d([
|
|
132
|
-
l(
|
|
140
|
+
l(a)("list-item"),
|
|
133
141
|
{
|
|
134
|
-
select:
|
|
135
|
-
custom:
|
|
142
|
+
select: w(o.key),
|
|
143
|
+
custom: o.customClass
|
|
136
144
|
},
|
|
137
|
-
|
|
145
|
+
o.customClass
|
|
138
146
|
]),
|
|
139
|
-
style:
|
|
140
|
-
onClick:
|
|
147
|
+
style: I(e.getCardStyle(o.key)),
|
|
148
|
+
onClick: K((G) => $(o.key), ["stop"])
|
|
141
149
|
}, [
|
|
142
|
-
e.showCloseIcon && (!(e.highlightedKeys.length === 1 &&
|
|
150
|
+
e.showCloseIcon && (!(e.highlightedKeys.length === 1 && w(o.key)) && k.value.length > 1) ? (r(), u("div", {
|
|
143
151
|
key: 0,
|
|
144
|
-
class: d(l(
|
|
145
|
-
onClick:
|
|
152
|
+
class: d(l(a)("list-item-close")),
|
|
153
|
+
onClick: K((G) => b(o.key), ["stop"])
|
|
146
154
|
}, [
|
|
147
|
-
|
|
148
|
-
|
|
155
|
+
g(e.$slots, "close-icon", {}, () => [
|
|
156
|
+
O(l(X))
|
|
149
157
|
])
|
|
150
|
-
], 10, se)) :
|
|
151
|
-
h("div",
|
|
152
|
-
|
|
153
|
-
|
|
158
|
+
], 10, se)) : v("", !0),
|
|
159
|
+
h("div", oe, [
|
|
160
|
+
g(e.$slots, "label", { option: o }, () => [
|
|
161
|
+
m(p(o.label), 1)
|
|
154
162
|
])
|
|
155
163
|
]),
|
|
156
|
-
h("div",
|
|
157
|
-
|
|
158
|
-
|
|
164
|
+
h("div", ie, [
|
|
165
|
+
g(e.$slots, "value", { option: o }, () => [
|
|
166
|
+
m(p(o.value), 1)
|
|
159
167
|
])
|
|
160
168
|
])
|
|
161
169
|
], 14, le))), 128)),
|
|
162
|
-
e.showAddButton && (!e.maxSelected || e.selectedKeys.length < e.maxSelected) ? (
|
|
170
|
+
e.showAddButton && (!e.maxSelected || e.selectedKeys.length < e.maxSelected) ? (r(), u("div", {
|
|
163
171
|
key: 0,
|
|
164
|
-
class: d([l(
|
|
165
|
-
style:
|
|
166
|
-
minHeight:
|
|
172
|
+
class: d([l(a)("list-item"), "choose"]),
|
|
173
|
+
style: I({
|
|
174
|
+
minHeight: f.value ? `${(B = (i = f.value) == null ? void 0 : i[0]) != null && B.offsetHeight ? `${(F = (V = f.value) == null ? void 0 : V[0]) == null ? void 0 : F.offsetHeight}px` : "auto"}` : "auto"
|
|
167
175
|
}),
|
|
168
|
-
onClick: s[0] || (s[0] =
|
|
176
|
+
onClick: s[0] || (s[0] = K((o) => y.value = !0, ["stop"]))
|
|
169
177
|
}, [
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
h("span", ne,
|
|
178
|
+
g(e.$slots, "add-button", {}, () => [
|
|
179
|
+
O(l(W)),
|
|
180
|
+
h("span", ne, p(e.addButtonText), 1)
|
|
173
181
|
])
|
|
174
|
-
], 6)) :
|
|
182
|
+
], 6)) : v("", !0)
|
|
175
183
|
], 2)
|
|
176
184
|
];
|
|
177
185
|
}),
|
package/es/src/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "6.
|
|
1
|
+
declare const _default: "6.25.0";
|
|
2
2
|
export default _default;
|
package/es/src/version.mjs
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../ap-table/constants.js"),a=require("vue"),o=require("../../ap-table/utils.js");require("../../config-provider/index.js");const p=require("../../config-provider/hooks/use-global-config.js"),g=l=>{let d=0;const c=p.useGlobalConfig("valueTypeMap");return a.computed(()=>{var n,s,u;return d++,((u=(s=(n=l.columns)==null?void 0:n.filter(e=>!e.hideInSearch&&e.dataIndex&&(e.valueType||e.customRenderFormItem)&&!i.noRenderAsFormItemValueList.includes(e.valueType)))==null?void 0:s.sort((e,t)=>{const r=o.getColumnOrder(e.order);return o.getColumnOrder(t.order)-r}))==null?void 0:u.map(e=>{const t=o.updateFormProps(e,o.getFieldProps(e.fieldProps,{})),r={...e,fieldProps:{label:e.title,name:e.dataIndex,bordered:!0,...t||{},_signal:d},renderNode:void 0};return r.renderNode=o.getSearchFormItemRenderNode(r,a.unref(c)),r}))||[]})};exports.useSearchForm=g;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),ve=require("ag-grid-vue3"),K=require("ag-grid-community"),M=require("@aplus-frontend/antdv"),S=require("lodash-unified");require("../config-provider/index.js");const be=require("../ap-form/index.js"),Ce=require("../ap-table/constants.js"),m=require("../ap-table/utils.js"),Re=require("../ap-table/hooks/use-table-paging-ng.js"),Be=require("./hooks/use-row-selection.js"),xe=require("./context.js"),Fe=require("../ap-table/context.js"),O=require("../ap-grid/constants.js"),Te=require("@aplus-frontend/antdv/es/theme/internal"),ke=require("./theme.js"),ze=require("./hooks/use-columns.js"),Ne=require("./hooks/use-columns-def.js"),qe=require("../utils/index.js"),Ve=require("../utils/slot.js"),Ie=require("../config-provider/hooks/use-namespace.js"),Pe=require("../config-provider/hooks/use-global-config.js"),De=e.defineComponent({name:"AgGrid",__name:"index",props:{dropdownPrefixCls:{},bordered:{type:Boolean},locale:{},onChange:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{},showSorterTooltip:{type:[Boolean,Object]},prefixCls:{},rowKey:{default:"key"},tableLayout:{},title:{},id:{},showHeader:{type:Boolean},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean]},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean},indentSize:{},expandIconColumnIndex:{},showExpandColumn:{type:Boolean},expandedRowClassName:{},childrenColumnName:{},rowExpandable:{},transformCellText:{},columns:{},rowSelection:{type:Boolean},card:{type:Boolean},params:{},request:{},defaultData:{},dataSource:{},onLoadingChange:{},onShownColumnsChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},wrapperStyle:{},tableStyle:{},manual:{type:Boolean,default:void 0},size:{default:"mini"},adaptive:{type:Boolean},columnResizable:{type:Boolean,default:!1},loading:{type:Boolean,default:void 0},summary:{},rowHeight:{},advanceRenderer:{type:Boolean},browserTooltips:{type:Boolean}},setup(W,{expose:G}){K.ModuleRegistry.registerModules([K.AllCommunityModule]);const r=W,w=e.useSlots(),{e:y,b:u,be:L}=Ie.useNamespace("ag-grid"),p=e.ref(r.size),U=ke.useTheme(p,e.toRef(r,"rowHeight")),f=e.ref(),[,$]=Te.useToken();let g=!!r.dataSource,R=0;const j=Pe.useGlobalConfig("valueTypeMap"),B=e.computed(()=>{var o,t,a;return R++,((a=(t=(o=r.columns)==null?void 0:o.filter(n=>!n.hideInSearch&&n.dataIndex&&(n.valueType||n.customRenderFormItem)&&!Ce.noRenderAsFormItemValueList.includes(n.valueType)))==null?void 0:t.sort((n,l)=>{let s=m.getColumnOrder(n.order);return m.getColumnOrder(l.order)-s}))==null?void 0:a.map(n=>{const l=m.updateFormProps(n,m.getFieldProps(n.fieldProps,{})),s={...n,fieldProps:{label:n.title,name:n.dataIndex,bordered:!0,...l||{},_signal:R},renderNode:void 0};return s.renderNode=m.getSearchFormItemRenderNode(s,e.unref(j)),s}))||[]}),{shownColumns:i,shownColumnsBackup:H}=ze.useColumns(r),{defaultColDef:J,columnDefs:Q}=Ne.useColumnsDef(i,r),x=e.ref({});xe.useProvideSorter({sorter:x,setSorter(o){x.value=o}});const X={asc:"ascend",desc:"descend"};function Y(){var l;const o=(l=f.value.getColumns())==null?void 0:l.filter(s=>s.getSort()!==void 0);if(!(o!=null&&o.length))return;const t=o[0],a=t.getColDef(),n=t.getSort();T(void 0,void 0,{column:a,field:a.field,order:n?X[n]:null})}const Z=e.computed(()=>m.recursionApColumns(e.unref(i),o=>{if(o.sorter===!0)return o.key||o.dataIndex}).filter(Boolean)),_=e.computed(()=>{var t;return qe.isDef(r.manual)?r.manual:Ve.getValidVNodeList(((t=w.searchFormExtra)==null?void 0:t.call(w))||[]).some(a=>{var n;return((n=a.type)==null?void 0:n.name)==="ApView"})}),{formRef:d,submit:h,reset:v,data:c,tableProps:F,handleTableChangeOptional:T,submitWith:k,refresh:z,getPaging:ee,setPaging:oe}=Re.useTablePaging({async request(o){var a;if(g=!1,!S.isUndefined(r.dataSource)){const n=o.pageSize*(o.current-1);return{data:(r.pagination===!1?r.dataSource:r.dataSource.slice(n,n+o.pageSize))||[],total:r.dataSource.length||0}}const t=await((a=r.request)==null?void 0:a.call(r,o));return{data:(t==null?void 0:t.data)||[],total:(t==null?void 0:t.total)||0}},namespace:"ap-grid",filterFields:e.ref([]),params:e.toRef(r,"params"),defaultData:r.defaultData,manual:e.unref(_),formatParams:r.beforeSearchSubmit,pagination:r.pagination,sortFields:Z}),te=e.computed(()=>S.isUndefined(r.dataSource)?c.records:r.dataSource),{select:re,unSelect:ne,selectedRows:b,selectedRowKeys:ae,clearAll:le,selectMultiByKeys:se}=Be.default({...r.rowSelection===!0?{}:r.rowSelection,dataSource:te,rowKey:r.rowKey}),ue={checkbox:"multiRow",radio:"singleRow"},ie=e.computed(()=>{if(!r.rowSelection)return;const{type:o="checkbox",disabled:t}=r.rowSelection===!0?{}:r.rowSelection;return{mode:ue[o],isRowSelectable:a=>t?!t(a.data):!0}}),de=e.computed(()=>{if(!r.rowSelection)return;const o=r.rowSelection===!0?{}:r.rowSelection;let t=o.fixed;return t===void 0&&(t=i.value.some(a=>a.fixed==="left"||a.fixed===!0)?"left":void 0),{sortable:!1,resizable:!1,width:o.columnWidth||60,pinned:t}});function C(o){return S.isFunction(r.rowKey)?r.rowKey(o):o[r.rowKey]}const N=({api:o=f.value})=>{if(!r.rowSelection)return;const t=b.value;if(!t.length)return;g=!1;const a=[];o.forEachNode(n=>{const l=n.data,s=C(l);t.find(A=>C(A)===s)&&a.push(n)}),o.setNodesSelected({nodes:a,newValue:!0}),setTimeout(()=>{g=!0},0)},ce=o=>{g&&(o.node.isSelected()?re(o.data):ne(o.data))},me=()=>{g=!0},q=()=>{var o;le(),(o=f.value)==null||o.deselectAll()};function pe(o){se(o),e.nextTick(()=>{N({})})}function V(o=!1){var a,n,l;const t=o?"getFieldsValueTransformed":"getFieldsValue";return(l=(n=(a=d.value)==null?void 0:a.apForm)==null?void 0:n[t])==null?void 0:l.call(n,!0)}function I(o){var t,a,n;(n=(a=(t=d.value)==null?void 0:t.apForm)==null?void 0:a.setFieldsValue)==null||n.call(a,o)}function P(){var o;return((o=d.value)==null?void 0:o.getSorterItems())||[]}function D(o){var t;(t=d.value)==null||t.setSorterItems(o)}function E(){var o;(o=d.value)==null||o.resetSorterItems()}Fe.useProvideApTable({columns:e.computed(()=>i.value),columnsBackup:e.computed(()=>H.value),size:e.computed(()=>O.sizeMap[p.value]),updateColumns(o){var t;console.log(o),i.value=o,(t=r.onShownColumnsChange)==null||t.call(r,o)},updateSize(o){p.value=O.sizeReverseMap[o]},renderConfig:e.computed(()=>({className:L("table-header","title"),color:$.value.colorTextTertiary})),dataSource:e.computed(()=>e.unref(c).records),getSearchFormValues:V,setSearchFormValues:I,submit:h,submitWith:k,reset:v,refresh:z,getSearchFormSorterItems:P,setSearchFormSorterItems:D,resetSearchFormSorterItems:E});const fe=e.computed(()=>S.isUndefined(r.loading)?c.loading:r.loading),ge=e.computed(()=>[u(),r.card?null:u("wrapper"),u("adaptive"),u(`size-${p.value}`)].filter(Boolean)),Se=e.computed(()=>({height:"100%",...r.tableStyle||{}})),we=(o,t)=>{T({current:o,pageSize:t})};function ye(o){const t=o.data;return C(t)}function he(o,t){var a;(a=f.value)==null||a.ensureIndexVisible(o,t)}return e.watch(()=>r.size,o=>{p.value=o}),e.watch(()=>e.unref(c).loading,o=>{var t;(t=r.onLoadingChange)==null||t.call(r,o)}),G({submit:h,reset:v,refresh:z,submitWith:k,setSearchFormValues:I,getSearchFormValues:V,getShowColumns:()=>e.unref(i),rowSelection:{selectedRows:e.computed(()=>b.value),setSelectedRowKeys:pe,clearAll:q},scrollToRow:he,getDataSource:()=>e.unref(c.records),getPaging:ee,setPaging:oe,getSearchFormSorterItems:P,setSearchFormSorterItems:D,resetSearchFormSorterItems:E}),(o,t)=>{var a,n;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(ge.value),style:e.normalizeStyle(o.wrapperStyle)},[e.unref(S.isUndefined)(o.dataSource)&&o.searchForm!==!1&&B.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(o.card?e.unref(y)("search-wrapper"):null),style:e.normalizeStyle(o.searchFormWrapperStyle)},[e.createVNode(e.unref(be.ApForm).SearchForm,e.mergeProps(o.searchForm||{},{ref_key:"formRef",ref:d,"custom-reset":"","submit-loading":e.unref(F).loading,onSubmit:e.unref(h),onReset:e.unref(v)}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(B.value,l=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.renderNode),{key:l.dataIndex}))),128))]),_:2},[w.searchFormExtra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["submit-loading","onSubmit","onReset"])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(y)("table-wrapper"),o.card?e.unref(y)("table-wrapper-card"):null]),style:e.normalizeStyle(o.tableWrapperStyle)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("header-wrapper"))},[e.renderSlot(o.$slots,"title",{selectedRows:e.unref(b),selectedRowKeys:e.unref(ae),shownColumns:e.unref(i),clearAll:q})],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("grid-wrapper"))},[e.createVNode(e.unref(ve.AgGridVue),{style:e.normalizeStyle(Se.value),"row-data":e.unref(c).records,"column-defs":e.unref(Q),"default-col-def":e.unref(J),"locale-text":{noRowsToShow:""},"row-selection":ie.value,"selection-column-def":de.value,"get-row-id":ye,"pinned-top-row-data":(a=o.summary)==null?void 0:a.top,"pinned-bottom-row-data":(n=o.summary)==null?void 0:n.bottom,theme:e.unref(U),"tooltip-show-delay":500,"enable-browser-tooltips":o.browserTooltips,"tooltip-interaction":"",onSortChanged:Y,onGridReady:t[0]||(t[0]=l=>f.value=l.api),onRowDataUpdated:N,onRowSelected:ce,onFirstDataRendered:me},null,8,["style","row-data","column-defs","default-col-def","row-selection","selection-column-def","pinned-top-row-data","pinned-bottom-row-data","theme","enable-browser-tooltips"]),e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(e.unref(y)("table-loading-wrapper"))},[e.createVNode(e.unref(M.Spin),{delay:300})],2),[[e.vShow,fe.value]])],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("pagination-wrapper"))},[o.pagination!==!1?(e.openBlock(),e.createBlock(e.unref(M.Pagination),e.mergeProps({key:0,class:e.unref(u)("pagination")},e.unref(F).pagination,{onChange:we}),null,16,["class"])):e.createCommentVNode("",!0)],2)],6)],6)}}});exports.default=De;
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),he=require("ag-grid-vue3"),P=require("ag-grid-community"),A=require("@aplus-frontend/antdv"),p=require("lodash-unified");require("../config-provider/index.js");const ye=require("../ap-form/index.js"),ve=require("../ap-table/utils.js"),Ce=require("../ap-table/hooks/use-table-paging-ng.js"),be=require("./hooks/use-row-selection.js"),Re=require("./context.js"),Be=require("../ap-table/context.js"),K=require("../ap-grid/constants.js"),xe=require("@aplus-frontend/antdv/es/theme/internal"),Fe=require("./theme.js"),ke=require("./hooks/use-columns.js"),ze=require("./hooks/use-columns-def.js"),qe=require("../utils/index.js"),Ne=require("../utils/slot.js"),Te=require("./hooks/use-search-form.js"),Ve=require("../config-provider/hooks/use-namespace.js"),De=e.defineComponent({name:"AgGrid",__name:"index",props:{dropdownPrefixCls:{},bordered:{type:Boolean},locale:{},onChange:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{},showSorterTooltip:{type:[Boolean,Object]},prefixCls:{},rowKey:{default:"key"},tableLayout:{},title:{},id:{},showHeader:{type:Boolean},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean]},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean},indentSize:{},expandIconColumnIndex:{},showExpandColumn:{type:Boolean},expandedRowClassName:{},childrenColumnName:{},rowExpandable:{},transformCellText:{},columns:{},rowSelection:{type:Boolean},card:{type:Boolean},params:{},request:{},defaultData:{},dataSource:{},onLoadingChange:{},onShownColumnsChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},wrapperStyle:{},tableStyle:{},manual:{type:Boolean,default:void 0},size:{default:"mini"},adaptive:{type:Boolean},columnResizable:{type:Boolean,default:!1},loading:{type:Boolean,default:void 0},summary:{},rowHeight:{},advanceRenderer:{type:Boolean},browserTooltips:{type:Boolean}},setup(I,{expose:M}){P.ModuleRegistry.registerModules([P.AllCommunityModule]);const t=I,g=e.useSlots(),{e:S,b:s,be:W}=Ve.useNamespace("ag-grid"),d=e.ref(t.size),U=Fe.useTheme(d,e.toRef(t,"rowHeight")),m=e.ref(),[,L]=xe.useToken();let f=!!t.dataSource;const b=Te.useSearchForm(t),{shownColumns:i,shownColumnsBackup:O}=ke.useColumns(t),{defaultColDef:$,columnDefs:G}=ze.useColumnsDef(i,t),R=e.ref({});Re.useProvideSorter({sorter:R,setSorter(o){R.value=o}});const j={asc:"ascend",desc:"descend"};function H(){var l;const o=(l=m.value.getColumns())==null?void 0:l.filter(C=>C.getSort()!==void 0);if(!(o!=null&&o.length))return;const r=o[0],n=r.getColDef(),a=r.getSort();x(void 0,void 0,{column:n,field:n.field,order:a?j[a]:null})}const J=e.computed(()=>ve.recursionApColumns(e.unref(i),o=>{if(o.sorter===!0)return o.key||o.dataIndex}).filter(Boolean)),Q=e.computed(()=>{var r;return qe.isDef(t.manual)?t.manual:Ne.getValidVNodeList(((r=g.searchFormExtra)==null?void 0:r.call(g))||[]).some(n=>{var a;return((a=n.type)==null?void 0:a.name)==="ApView"})}),{formRef:u,submit:w,reset:h,data:c,tableProps:B,handleTableChangeOptional:x,submitWith:F,refresh:k,getPaging:X,setPaging:Y,setDataSource:Z}=Ce.useTablePaging({async request(o){var n;if(f=!1,!p.isUndefined(t.dataSource)){const a=o.pageSize*(o.current-1);return{data:(t.pagination===!1?t.dataSource:t.dataSource.slice(a,a+o.pageSize))||[],total:t.dataSource.length||0}}const r=await((n=t.request)==null?void 0:n.call(t,o));return{data:(r==null?void 0:r.data)||[],total:(r==null?void 0:r.total)||0}},namespace:"ap-grid",filterFields:e.ref([]),params:e.toRef(t,"params"),defaultData:t.defaultData,manual:e.unref(Q),formatParams:t.beforeSearchSubmit,pagination:t.pagination,sortFields:J}),_=e.computed(()=>p.isUndefined(t.dataSource)?c.records:t.dataSource),{select:ee,unSelect:oe,selectedRows:y,selectedRowKeys:te,clearAll:re,selectMultiByKeys:ne}=be.default({...t.rowSelection===!0?{}:t.rowSelection,dataSource:_,rowKey:t.rowKey}),ae={checkbox:"multiRow",radio:"singleRow"},le=e.computed(()=>{if(!t.rowSelection)return;const{type:o="checkbox",disabled:r}=t.rowSelection===!0?{}:t.rowSelection;return{mode:ae[o],isRowSelectable:n=>r?!r(n.data):!0}}),se=e.computed(()=>{if(!t.rowSelection)return;const o=t.rowSelection===!0?{}:t.rowSelection;let r=o.fixed;return r===void 0&&(r=i.value.some(n=>n.fixed==="left"||n.fixed===!0)?"left":void 0),{sortable:!1,resizable:!1,width:o.columnWidth||60,pinned:r}});function v(o){return p.isFunction(t.rowKey)?t.rowKey(o):o[t.rowKey]}const z=({api:o=m.value})=>{if(!t.rowSelection)return;const r=y.value;if(!r.length)return;f=!1;const n=[];o.forEachNode(a=>{const l=a.data,C=v(l);r.find(we=>v(we)===C)&&n.push(a)}),o.setNodesSelected({nodes:n,newValue:!0}),setTimeout(()=>{f=!0},0)},ie=o=>{f&&(o.node.isSelected()?ee(o.data):oe(o.data))},ue=()=>{f=!0},q=()=>{var o;re(),(o=m.value)==null||o.deselectAll()};function ce(o){ne(o),e.nextTick(()=>{z({})})}function N(o=!1){var n,a,l;const r=o?"getFieldsValueTransformed":"getFieldsValue";return(l=(a=(n=u.value)==null?void 0:n.apForm)==null?void 0:a[r])==null?void 0:l.call(a,!0)}function T(o){var r,n,a;(a=(n=(r=u.value)==null?void 0:r.apForm)==null?void 0:n.setFieldsValue)==null||a.call(n,o)}function V(){var o;return((o=u.value)==null?void 0:o.getSorterItems())||[]}function D(o){var r;(r=u.value)==null||r.setSorterItems(o)}function E(){var o;(o=u.value)==null||o.resetSorterItems()}Be.useProvideApTable({columns:e.computed(()=>i.value),columnsBackup:e.computed(()=>O.value),size:e.computed(()=>K.sizeMap[d.value]),updateColumns(o){var r;console.log(o),i.value=o,(r=t.onShownColumnsChange)==null||r.call(t,o)},updateSize(o){d.value=K.sizeReverseMap[o]},renderConfig:e.computed(()=>({className:W("table-header","title"),color:L.value.colorTextTertiary})),dataSource:e.computed(()=>e.unref(c).records),getSearchFormValues:N,setSearchFormValues:T,submit:w,submitWith:F,reset:h,refresh:k,getSearchFormSorterItems:V,setSearchFormSorterItems:D,resetSearchFormSorterItems:E});const de=e.computed(()=>p.isUndefined(t.loading)?c.loading:t.loading),me=e.computed(()=>[s(),t.card?null:s("wrapper"),s("adaptive"),s(`size-${d.value}`)].filter(Boolean)),fe=e.computed(()=>({height:"100%",...t.tableStyle||{}})),pe=(o,r)=>{x({current:o,pageSize:r})};function ge(o){const r=o.data;return v(r)}function Se(o,r){var n;(n=m.value)==null||n.ensureIndexVisible(o,r)}return e.watch(()=>t.dataSource,o=>{Z(o)},{immediate:!0,deep:!0}),e.watch(()=>t.size,o=>{d.value=o}),e.watch(()=>e.unref(c).loading,o=>{var r;(r=t.onLoadingChange)==null||r.call(t,o)}),M({submit:w,reset:h,refresh:k,submitWith:F,setSearchFormValues:T,getSearchFormValues:N,getShowColumns:()=>e.unref(i),rowSelection:{selectedRows:e.computed(()=>y.value),setSelectedRowKeys:ce,clearAll:q},scrollToRow:Se,getDataSource:()=>e.unref(c.records),getPaging:X,setPaging:Y,getSearchFormSorterItems:V,setSearchFormSorterItems:D,resetSearchFormSorterItems:E}),(o,r)=>{var n,a;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(me.value),style:e.normalizeStyle(o.wrapperStyle)},[e.unref(p.isUndefined)(o.dataSource)&&o.searchForm!==!1&&e.unref(b).length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(o.card?e.unref(S)("search-wrapper"):null),style:e.normalizeStyle(o.searchFormWrapperStyle)},[e.createVNode(e.unref(ye.ApForm).SearchForm,e.mergeProps(o.searchForm||{},{ref_key:"formRef",ref:u,"custom-reset":"","submit-loading":e.unref(B).loading,onSubmit:e.unref(w),onReset:e.unref(h)}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(b),l=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.renderNode),{key:l.dataIndex}))),128))]),_:2},[g.searchFormExtra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["submit-loading","onSubmit","onReset"])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(S)("table-wrapper"),o.card?e.unref(S)("table-wrapper-card"):null]),style:e.normalizeStyle(o.tableWrapperStyle)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(s)("header-wrapper"))},[e.renderSlot(o.$slots,"title",{selectedRows:e.unref(y),selectedRowKeys:e.unref(te),shownColumns:e.unref(i),clearAll:q})],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(s)("grid-wrapper"))},[e.createVNode(e.unref(he.AgGridVue),{style:e.normalizeStyle(fe.value),"row-data":e.unref(c).records,"column-defs":e.unref(G),"default-col-def":e.unref($),"locale-text":{noRowsToShow:""},"row-selection":le.value,"selection-column-def":se.value,"get-row-id":ge,"pinned-top-row-data":(n=o.summary)==null?void 0:n.top,"pinned-bottom-row-data":(a=o.summary)==null?void 0:a.bottom,theme:e.unref(U),"tooltip-show-delay":500,"enable-browser-tooltips":o.browserTooltips,"tooltip-interaction":"",onSortChanged:H,onGridReady:r[0]||(r[0]=l=>m.value=l.api),onRowDataUpdated:z,onRowSelected:ie,onFirstDataRendered:ue},null,8,["style","row-data","column-defs","default-col-def","row-selection","selection-column-def","pinned-top-row-data","pinned-bottom-row-data","theme","enable-browser-tooltips"]),e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(e.unref(S)("table-loading-wrapper"))},[e.createVNode(e.unref(A.Spin),{delay:300})],2),[[e.vShow,de.value]])],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(s)("pagination-wrapper"))},[o.pagination!==!1?(e.openBlock(),e.createBlock(e.unref(A.Pagination),e.mergeProps({key:0,class:e.unref(s)("pagination")},e.unref(B).pagination,{onChange:pe}),null,16,["class"])):e.createCommentVNode("",!0)],2)],6)],6)}}});exports.default=De;
|
|
@@ -151,7 +151,6 @@ export type ApFormListProps = {
|
|
|
151
151
|
initialValue?: any[];
|
|
152
152
|
transform?: ApFormItemTransformType;
|
|
153
153
|
};
|
|
154
|
-
type AllowCountPerRowType = 1 | 2 | 3 | 4 | 6 | 8 | 12 | 24;
|
|
155
154
|
export type ApFormSearchFormProps = ApFormProps & {
|
|
156
155
|
collapse?: boolean;
|
|
157
156
|
defaultCollapse?: boolean;
|
|
@@ -163,7 +162,7 @@ export type ApFormSearchFormProps = ApFormProps & {
|
|
|
163
162
|
customReset?: boolean;
|
|
164
163
|
extraInAction?: boolean;
|
|
165
164
|
forceExpand?: boolean;
|
|
166
|
-
countPerRow?:
|
|
165
|
+
countPerRow?: number;
|
|
167
166
|
submitLoading?: boolean;
|
|
168
167
|
/**
|
|
169
168
|
* 最大显示的行(超出后将会收起进入更多筛选)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),d=require("@vueuse/core"),m=require("lodash-unified"),f={xs:0,sm:768,md:1280,lg:1728},l=Object.entries(f).sort((t,s)=>s[1]-t[1]),w=t=>{const s=n.ref(0);n.watchEffect(e=>{const o=m.isUndefined(t.resizeTarget)?document.documentElement:t.resizeTarget,{stop:c}=d.useResizeObserver(o,u=>{const i=u[0],{width:a}=i.contentRect;s.value=a});e(()=>{c()})},{flush:"post"});const r=n.computed(()=>{for(const[e,o]of l)if(n.unref(s)>o)return e;return"md"});return n.computed(()=>{const e=t.countPerRow,o={xs:e-2,sm:e-1,md:e,lg:e+1};return Math.max(1,o[r.value])})};exports.useCountPerRow=w;
|
|
@@ -414,7 +414,10 @@ declare function __VLS_template(): {
|
|
|
414
414
|
default: string | number | ColSize;
|
|
415
415
|
};
|
|
416
416
|
xl: {
|
|
417
|
-
type: PropType<string | number |
|
|
417
|
+
type: PropType<string | number | **
|
|
418
|
+
*最后一行剩余的空间
|
|
419
|
+
tips: 如果有小数,则其包含误差, 会比实际值更大
|
|
420
|
+
*/).ColSize>;
|
|
418
421
|
default: string | number | ColSize;
|
|
419
422
|
};
|
|
420
423
|
xxl: {
|
|
@@ -851,7 +854,7 @@ declare const __VLS_component: DefineComponent<ApFormSearchFormProps, {
|
|
|
851
854
|
validateTrigger: string | string[];
|
|
852
855
|
hideRequiredMark: boolean;
|
|
853
856
|
validateOnRuleChange: boolean;
|
|
854
|
-
countPerRow:
|
|
857
|
+
countPerRow: number;
|
|
855
858
|
defaultCollapse: boolean;
|
|
856
859
|
customReset: boolean;
|
|
857
860
|
extraInAction: boolean;
|
|
@@ -1253,7 +1256,10 @@ declare const __VLS_component: DefineComponent<ApFormSearchFormProps, {
|
|
|
1253
1256
|
default: string | number | ColSize;
|
|
1254
1257
|
};
|
|
1255
1258
|
xl: {
|
|
1256
|
-
type: PropType<string | number |
|
|
1259
|
+
type: PropType<string | number | **
|
|
1260
|
+
*最后一行剩余的空间
|
|
1261
|
+
tips: 如果有小数,则其包含误差, 会比实际值更大
|
|
1262
|
+
*/).ColSize>;
|
|
1257
1263
|
default: string | number | ColSize;
|
|
1258
1264
|
};
|
|
1259
1265
|
xxl: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("@aplus-frontend/antdv");require("../ap-form.vue.js");require("../item/index.vue2.js");const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("@aplus-frontend/antdv");require("../ap-form.vue.js");require("../item/index.vue2.js");const P=require("../item-group/helper.js");require("../../config-provider/index.js");const w=require("lodash-unified"),E=require("../../utils/index.js"),F=require("./utils.js");require("./components/popover-filter.vue.js");const Q=require("./hooks/use-count-per-row.js");require("./components/popover-sorter/index.vue.js");const X=require("./hooks/use-sorter.js"),Y=require("./hooks/use-collapse-input-count.js"),O=require("@fruits-chain/utils"),Z=require("../../config-provider/hooks/use-namespace.js"),ee=require("../../config-provider/hooks/use-locale.js"),D=require("../item/index.vue.js"),te=require("./components/popover-filter.vue2.js"),oe=require("./components/popover-sorter/index.vue2.js"),ne=require("../ap-form.vue2.js");function ae(p){return typeof p=="function"||Object.prototype.toString.call(p)==="[object Object]"&&!e.isVNode(p)}const s=100,le=e.defineComponent({name:"ApFormSearchForm",__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},onFieldsChange:{},onFinish:{},onFinishFailed:{},onValidate:{},initialValues:{},onValuesChange:{},syncToUrl:{type:[Boolean,Function]},syncToUrlPriority:{type:Boolean},collapse:{type:Boolean,default:void 0},defaultCollapse:{type:Boolean,default:!0},"onUpdate:collapse":{},searchText:{},resetText:{},onReset:{},customReset:{type:Boolean,default:!1},extraInAction:{type:Boolean,default:!1},forceExpand:{type:Boolean,default:!1},countPerRow:{default:5},submitLoading:{type:Boolean},maxRows:{default:2},sortable:{type:Boolean,default:!0},resizeTarget:{},loadingDelay:{default:300}},setup(p,{expose:L}){var V;const u=e.useSlots(),o=p,{b:f}=Z.useNamespace("ap-form-search-form"),{t:B}=ee.useLocale(),W=Q.useCountPerRow(o),g=e.ref(),j=e.ref();function R(){var n;const t=(n=g.value)==null?void 0:n.getFieldsValueTransformed(!0);F.execFunc(o.onSubmit,t)}function M(){var t,n;o.customReset||(n=(t=g.value)==null?void 0:t.resetFields)==null||n.call(t),F.execFunc(o.onReset)}const U=t=>E.isDef(t)?(w.isArray(t)?t:[t]).join(""):Date.now();let b=[];const m=e.shallowRef(P.genRealChildren(u.default())),d=e.shallowRef((V=u.extra)==null?void 0:V.call(u)),k=e.computed(()=>O.floorWith(s/e.unref(W),4)),{items:v,sorted:q,handleClickConfirm:C}=X.useSorter(m);e.watch(()=>u.default(),t=>{b=m.value,m.value=F.diffFormItem(b,P.genRealChildren(t)),q.value=!1}),e.watch(()=>{var t;return(t=u.extra)==null?void 0:t.call(u)},t=>{d.value=t});function $(t){return O.floorWith(t*(s/24),4)}const a=e.computed(()=>{const t=m.value,n=[],l=[],x=[],c=e.unref(k);console.log("_spanPerCol",c);let y=0,N=0;const G=s*o.maxRows-c*(e.unref(d)&&!o.extraInAction?2:1);t.forEach(S=>{const i=Y.getTargetNode(S).props;if(w.isBoolean(i.hidden)?!!i.hidden:E.isDef(i.hidden))n.push(S);else{let _=i.span?$(i.span):c;const I={node:S,span:_,key:`ApFormSearchFormItem-${U(i.name)}-${i._signal}`},T=s-y%s;T<_&&(_+=T),y+=_,y>G?l.push(I):(N=y,x.push(I))}});const A=s-(N+c)%s,J=Math.ceil(N)%s<c,K=A<c?s:A;return{hideNode:e.createVNode(e.Fragment,null,[n]),nodes:x,collapseNodes:l,extraSpan:K,lastRowOnlyIncludeActionAndExtra:J}}),h=t=>`${t}%`,z=e.computed(()=>{let t;const n=a.value.collapseNodes.length||o.sortable&&m.value.length,l=e.createVNode(r.Col,{flex:h(e.unref(k)),key:"actionWrapper"},{default:()=>[e.createVNode(D.default,null,{default:()=>[e.createVNode(r.Flex,{wrap:"wrap",justify:a.value.lastRowOnlyIncludeActionAndExtra&&!(e.unref(d)&&o.extraInAction)?"flex-end":"space-between"},{default:()=>[e.createVNode(r.Flex,{gap:8,wrap:"wrap"},{default:()=>[n?e.createVNode("div",{class:f("column-setting-trigger-wrapper")},[a.value.collapseNodes.length?e.createVNode(te.default,{onSubmit:R,config:a.value.collapseNodes,submitLoading:o.submitLoading},null):null,o.sortable&&v.value.length?e.createVNode(oe.default,{ref:"sorterIns",items:v.value,onClickConfirm:C,sorted:q.value},null):null]):null,e.createVNode(r.Button,{type:"primary",onClick:R,loading:o.submitLoading?{delay:o.loadingDelay}:!1,htmlType:"submit",class:f("action-btn")},{default:()=>[o.searchText||B("ap.apForm.search.search")]}),e.createVNode(r.Button,{onClick:M,type:"text",class:[f("action-btn"),f("action-btn-reset")]},{default:()=>[o.resetText||B("ap.apForm.search.reset")]})]}),o.extraInAction?e.unref(d):null]})]})]}),x=!o.extraInAction&&e.unref(d)?e.createVNode(r.Col,{flex:h(a.value.extraSpan),key:"extraNode"},{default:()=>[e.createVNode(D.default,null,{default:()=>[e.createVNode(r.Flex,{justify:a.value.extraSpan===s||a.value.lastRowOnlyIncludeActionAndExtra?"start":"flex-end"},ae(t=e.unref(d))?t:{default:()=>[t]})]})]}):null,c=e.createVNode(r.Col,{flex:h(a.value.extraSpan)},null);return a.value.lastRowOnlyIncludeActionAndExtra?e.createVNode(e.Fragment,null,[x||c,l]):e.createVNode(e.Fragment,null,[l,x])});function H(){var n;const t=(n=j.value)==null?void 0:n.getCachedList();C(t)}return L({apForm:e.computed(()=>e.unref(g)),getSorterItems:()=>v.value,setSorterItems:C,resetSorterItems:H}),(t,n)=>(e.openBlock(),e.createBlock(ne.default,e.mergeProps({ref_key:"apForm",ref:g,class:e.unref(f)()},e.unref(w.omit)(o,["collapse","defaultCollapse","onUpdate:collapse","searchText","resetText","onSubmit","onReset","extraInAction","forceExpand","countPerRow"])),{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.value.hideNode))),e.createVNode(e.unref(r.Row),{gutter:8},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value.nodes,l=>(e.openBlock(),e.createBlock(e.unref(r.Col),{key:l.key,flex:h(l.span),style:e.normalizeStyle({maxWidth:h(l.span)})},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.node)))]),_:2},1032,["flex","style"]))),128)),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(z.value)))]),_:1})]),_:1},16,["class"]))}});exports.default=le;
|
|
@@ -21,9 +21,9 @@ declare const __VLS_component: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}
|
|
|
21
21
|
gutter: ApProCardGutter | ApProCardGutter[];
|
|
22
22
|
ghost: boolean;
|
|
23
23
|
bordered: boolean;
|
|
24
|
+
collapsible: boolean;
|
|
24
25
|
headerBordered: boolean;
|
|
25
26
|
hoverable: boolean;
|
|
26
|
-
collapsible: boolean;
|
|
27
27
|
defaultCollapsed: boolean;
|
|
28
28
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
29
29
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
@@ -8,6 +8,7 @@ declare function __VLS_template(): {
|
|
|
8
8
|
};
|
|
9
9
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
10
10
|
declare const __VLS_component: DefineComponent<ApProCardStatisticProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApProCardStatisticProps> & Readonly<{}>, {
|
|
11
|
+
size: "default" | "small";
|
|
11
12
|
title: string | number | boolean | void | VNode<RendererNode, RendererElement, {
|
|
12
13
|
[key: string]: any;
|
|
13
14
|
}> | (string | number | boolean | void | VNode<RendererNode, RendererElement, {
|
|
@@ -15,7 +16,7 @@ declare const __VLS_component: DefineComponent<ApProCardStatisticProps, {}, {},
|
|
|
15
16
|
}> | null | undefined)[] | VNode<RendererNode, RendererElement, {
|
|
16
17
|
[key: string]: any;
|
|
17
18
|
}> | null;
|
|
18
|
-
layout: "horizontal" | "vertical" | "inline";
|
|
19
|
+
layout: "horizontal" | "vertical" | "vertical-center" | "inline";
|
|
19
20
|
icon: string | number | boolean | void | VNodeArrayChildren | VNode<RendererNode, RendererElement, {
|
|
20
21
|
[key: string]: any;
|
|
21
22
|
}> | null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),S=require("@ant-design/icons-vue"),i=require("@aplus-frontend/antdv"),b=require("lodash-unified");require("../../../config-provider/index.js");const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),S=require("@ant-design/icons-vue"),i=require("@aplus-frontend/antdv"),b=require("lodash-unified");require("../../../config-provider/index.js");const l=require("../../../editable-table/utils.js"),V=require("../../../config-provider/hooks/use-namespace.js"),$=e.defineComponent({name:"ApProCardStatistic",__name:"index",props:{prefixCls:{},decimalSeparator:{},groupSeparator:{},format:{},value:{},valueStyle:{},valueRender:{},formatter:{type:[Boolean,String,Function]},precision:{},prefix:{type:[Object,String,Number,Boolean,null,Array],default:void 0},suffix:{type:[Object,String,Number,Boolean,null,Array],default:void 0},title:{type:[Object,String,Number,Boolean,null,Array],default:void 0},loading:{type:Boolean},description:{type:[Object,String,Number,Boolean,null,Array],default:void 0},tip:{type:[Object,String,Number,Boolean,null,Array],default:void 0},status:{default:void 0},icon:{type:[Object,String,Number,Boolean,null,Array],default:void 0},layout:{default:"inline"},trend:{default:void 0},size:{default:"default"}},setup(p){const n=e.useSlots(),o=p,{b:r}=V.useNamespace("pro-card-statistic"),f=e.computed(()=>{const t=r();return l.mergeClass(`${t}`,[o.size?`${t}-size-${o.size}`:void 0].filter(Boolean))}),m=e.computed(()=>r("tip")),v=e.computed(()=>{const t=r();return l.mergeClass(`${t}-trend-icon`,[o.trend?`${t}-trend-icon-${o.trend}`:void 0].filter(Boolean))}),y=e.computed(()=>r("status")),C=e.computed(()=>r("icon")),B=e.computed(()=>r("wrapper")),x=e.computed(()=>r("content")),k=e.computed(()=>{const t=r();return l.mergeClass(`${t}-layout`,[o.layout?`${t}-layout-${o.layout}`:void 0,o.trend?`${t}-trend-${o.trend}`:void 0].filter(Boolean))}),g=e.computed(()=>r("description")),u=e.computed(()=>{var t;return o.tip||n.tip?e.createVNode(i.Tooltip,{title:o.tip??((t=n.tip)==null?void 0:t.call(n))},{default:()=>[e.createVNode(S.QuestionCircleOutlined,{class:m.value},null)]}):void 0}),a=e.computed(()=>o.trend?e.createVNode("div",{class:v.value},null):void 0),N=e.computed(()=>o.status?e.createVNode(i.Badge,{class:y.value,status:o.status},null):void 0),D=e.computed(()=>{var t;return o.icon||n.icon?e.createVNode("div",{class:C.value},[o.icon??((t=n.icon)==null?void 0:t.call(n))]):void 0}),c=e.computed(()=>{var t;return o.title||n.title?e.createVNode(e.Fragment,null,[o.title||((t=n.title)==null?void 0:t.call(n))]):void 0}),d=e.computed(()=>{var t;return o.prefix||n.prefix?e.createVNode(e.Fragment,null,[o.prefix||((t=n.prefix)==null?void 0:t.call(n))]):void 0}),s=e.computed(()=>{var t;return o.suffix||n.suffix?e.createVNode(e.Fragment,null,[o.suffix||((t=n.suffix)==null?void 0:t.call(n))]):void 0}),O=e.computed(()=>{var t;return o.description||n.description?e.createVNode("div",{class:g.value},[o.description||((t=n.description)==null?void 0:t.call(n))]):void 0});return(t,M)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({...t.$attrs},{class:f.value}),[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(D.value))),e.createElementVNode("div",{class:e.normalizeClass(B.value)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(N.value))),e.createElementVNode("div",{class:e.normalizeClass(x.value)},[e.createVNode(e.unref(i.Statistic),e.mergeProps({class:k.value},{...e.unref(b.omit)(o,["title","prefix"])}),e.createSlots({_:2},[c.value||u.value?{name:"title",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c.value))),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(u.value)))]),key:"0"}:void 0,a.value||d.value?{name:"prefix",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.value))),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(d.value)))]),key:"1"}:void 0,s.value?{name:"suffix",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.value)))]),key:"2"}:void 0]),1040,["class"]),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(O.value)))],2)],2)],16))}});exports.default=$;
|
|
@@ -79,9 +79,11 @@ export type ApProCardStatisticProps = StatisticProps & {
|
|
|
79
79
|
/** Icon 图标 */
|
|
80
80
|
icon?: VNodeChild;
|
|
81
81
|
/** Layout 布局 */
|
|
82
|
-
layout?: 'horizontal' | 'vertical' | 'inline';
|
|
82
|
+
layout?: 'horizontal' | 'vertical' | 'vertical-center' | 'inline';
|
|
83
83
|
/** 趋势 */
|
|
84
84
|
trend?: 'up' | 'down';
|
|
85
|
+
/** 尺寸 */
|
|
86
|
+
size?: 'default' | 'small';
|
|
85
87
|
};
|
|
86
88
|
export type ApProCardStatisticSolts = {
|
|
87
89
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p={"--ap-pro-card-colo-bg-container":"transparent","--ap-pro-card-border-radius":"4px","--ap-pro-card-header-padding":"
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p={"--ap-pro-card-colo-bg-container":"transparent","--ap-pro-card-border-radius":"4px","--ap-pro-card-header-padding":"8px 16px 0","--ap-pro-card-header-padding-bottom":"8px","--ap-pro-card-body-padding":"8px 16px 12px","--ap-pro-card-actions-padding":"12px 16px","--ap-pro-card-border-line-width":"1px","--ap-pro-card-border-line-type":"solid","--ap-pro-card-border-color-split":"#e9edf3","--ap-pro-card-box-shadow":"3px 10px 30px -2px rgba(123, 121, 140, 0.15)","--ap-pro-card-tooltip-color":"#8896b0","--ap-pro-card-header-title-font-size":"12px","--ap-pro-card-header-title-font-color":"#182948","--ap-pro-card-area-color":"#f1f7ff","--ap-pro-card-split-line-height":"100%"},a={"--ap-pro-card-border-color-split":"#e9e9e9","--ap-pro-card-box-shadow":"3px 10px 30px -2px rgba(123, 121, 140, 0.15)","--ap-pro-card-tooltip-color":"#999","--ap-pro-card-header-title-font-color":"#333","--ap-pro-card-area-color":"#eff9f5"},o=r=>({...p,...r==="admin"?a:{}});exports.getProCardCssVar=o;
|
|
@@ -22,6 +22,12 @@ declare const _default: <T extends Record<string, any> = Record<string, any>>(__
|
|
|
22
22
|
}>): void;
|
|
23
23
|
attrs: any;
|
|
24
24
|
slots: {
|
|
25
|
+
'popover-label'?(_: {
|
|
26
|
+
option: ApValueSelectCardOption<T>;
|
|
27
|
+
}): any;
|
|
28
|
+
'popover-value'?(_: {
|
|
29
|
+
option: ApValueSelectCardOption<T>;
|
|
30
|
+
}): any;
|
|
25
31
|
'close-icon'?(_: {}): any;
|
|
26
32
|
label?(_: {
|
|
27
33
|
option: ApValueSelectCardOption<T>;
|