pro-design-vue 1.3.1 → 1.3.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/dist/index.css +1 -1
- package/dist/index.full.js +221 -158
- package/dist/index.full.min.js +8 -8
- package/dist/index.full.min.js.map +1 -1
- package/dist/index.full.min.mjs +8 -8
- package/dist/index.full.min.mjs.map +1 -1
- package/dist/index.full.mjs +221 -158
- package/es/components/config-provider/src/typing.d.ts +2 -1
- package/es/components/table/src/components/Alert.vue.d.ts +3 -0
- package/es/components/table/src/components/ToolBar/ToolBar.vue.d.ts +2 -0
- package/es/components/table/src/hooks/useFetchData.d.ts +1 -0
- package/es/index.d.ts +2 -0
- package/es/packages/components/config-provider/src/config-provider.vue2.mjs.map +1 -1
- package/es/packages/components/table/src/components/Alert.vue.mjs +3 -0
- package/es/packages/components/table/src/components/Alert.vue.mjs.map +1 -1
- package/es/packages/components/table/src/components/Alert.vue2.mjs +1 -0
- package/es/packages/components/table/src/components/Alert.vue2.mjs.map +1 -1
- package/es/packages/components/table/src/components/Table.mjs +3 -1
- package/es/packages/components/table/src/components/Table.mjs.map +1 -1
- package/es/packages/components/table/src/components/ToolBar/ToolBar.vue.mjs +200 -151
- package/es/packages/components/table/src/components/ToolBar/ToolBar.vue.mjs.map +1 -1
- package/es/packages/components/table/src/components/ToolBar/ToolBar.vue2.mjs +2 -1
- package/es/packages/components/table/src/components/ToolBar/ToolBar.vue2.mjs.map +1 -1
- package/es/packages/components/table/src/hooks/useContainer.mjs +3 -3
- package/es/packages/components/table/src/hooks/useContainer.mjs.map +1 -1
- package/es/packages/components/table/src/hooks/useFetchData.mjs +7 -0
- package/es/packages/components/table/src/hooks/useFetchData.mjs.map +1 -1
- package/es/version.d.ts +1 -1
- package/es/version.mjs +1 -1
- package/es/version.mjs.map +1 -1
- package/lib/components/config-provider/src/typing.d.ts +2 -1
- package/lib/components/table/src/components/Alert.vue.d.ts +3 -0
- package/lib/components/table/src/components/ToolBar/ToolBar.vue.d.ts +2 -0
- package/lib/components/table/src/hooks/useFetchData.d.ts +1 -0
- package/lib/index.d.ts +2 -0
- package/lib/packages/components/config-provider/src/config-provider.vue2.js.map +1 -1
- package/lib/packages/components/table/src/components/Alert.vue.js +3 -0
- package/lib/packages/components/table/src/components/Alert.vue.js.map +1 -1
- package/lib/packages/components/table/src/components/Alert.vue2.js +1 -0
- package/lib/packages/components/table/src/components/Alert.vue2.js.map +1 -1
- package/lib/packages/components/table/src/components/Table.js +3 -1
- package/lib/packages/components/table/src/components/Table.js.map +1 -1
- package/lib/packages/components/table/src/components/ToolBar/ToolBar.vue.js +200 -151
- package/lib/packages/components/table/src/components/ToolBar/ToolBar.vue.js.map +1 -1
- package/lib/packages/components/table/src/components/ToolBar/ToolBar.vue2.js +2 -1
- package/lib/packages/components/table/src/components/ToolBar/ToolBar.vue2.js.map +1 -1
- package/lib/packages/components/table/src/hooks/useContainer.js +3 -3
- package/lib/packages/components/table/src/hooks/useContainer.js.map +1 -1
- package/lib/packages/components/table/src/hooks/useFetchData.js +7 -0
- package/lib/packages/components/table/src/hooks/useFetchData.js.map +1 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/lib/version.js.map +1 -1
- package/package.json +1 -1
- package/theme-chalk/index.css +1 -1
- package/theme-chalk/src/table/bordered.less +4 -0
- package/theme-chalk/src/table/size.less +1 -0
|
@@ -3,6 +3,7 @@ import { resolveComponent, createElementBlock, openBlock, normalizeClass, create
|
|
|
3
3
|
import _export_sfc from '../../../../../../_virtual/_plugin-vue_export-helper.mjs';
|
|
4
4
|
|
|
5
5
|
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
6
|
+
var _a, _b, _c, _d, _e, _f;
|
|
6
7
|
const _component_InfoCircleOutlined = resolveComponent("InfoCircleOutlined");
|
|
7
8
|
const _component_Tooltip = resolveComponent("Tooltip");
|
|
8
9
|
const _component_ProSearch = resolveComponent("ProSearch");
|
|
@@ -24,7 +25,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
24
25
|
class: normalizeClass(`${_ctx.prefixCls}-toolbar-top`)
|
|
25
26
|
},
|
|
26
27
|
[
|
|
27
|
-
renderSlot(_ctx.$slots, "top"
|
|
28
|
+
renderSlot(_ctx.$slots, "top", {
|
|
29
|
+
selectedRowKeys: _ctx.selectedRowKeys,
|
|
30
|
+
selectedRows: _ctx.selectedRows,
|
|
31
|
+
actionsRef: _ctx.actionsRef,
|
|
32
|
+
searchParams: (_b = (_a = _ctx.actionsRef) == null ? void 0 : _a.searchParams) == null ? void 0 : _b.value,
|
|
33
|
+
onCleanSelected: _ctx.onCleanSelected
|
|
34
|
+
})
|
|
28
35
|
],
|
|
29
36
|
2
|
|
30
37
|
/* CLASS */
|
|
@@ -35,158 +42,194 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
35
42
|
class: normalizeClass(`${_ctx.prefixCls}-toolbar-container`)
|
|
36
43
|
},
|
|
37
44
|
[
|
|
38
|
-
renderSlot(_ctx.$slots, "toolbar", {
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
/* TEXT */
|
|
57
|
-
)
|
|
58
|
-
]),
|
|
59
|
-
createElementVNode(
|
|
60
|
-
"div",
|
|
61
|
-
{
|
|
62
|
-
class: normalizeClass(`${_ctx.prefixCls}-toolbar-subtitle`)
|
|
63
|
-
},
|
|
64
|
-
toDisplayString(_ctx.subTitle),
|
|
65
|
-
3
|
|
66
|
-
/* TEXT, CLASS */
|
|
67
|
-
),
|
|
68
|
-
_ctx.tooltip ? (openBlock(), createBlock(_component_Tooltip, {
|
|
45
|
+
renderSlot(_ctx.$slots, "toolbar", {
|
|
46
|
+
selectedRowKeys: _ctx.selectedRowKeys,
|
|
47
|
+
selectedRows: _ctx.selectedRows,
|
|
48
|
+
actionsRef: _ctx.actionsRef,
|
|
49
|
+
searchParams: (_d = (_c = _ctx.actionsRef) == null ? void 0 : _c.searchParams) == null ? void 0 : _d.value,
|
|
50
|
+
onCleanSelected: _ctx.onCleanSelected
|
|
51
|
+
}, () => {
|
|
52
|
+
var _a2, _b2;
|
|
53
|
+
return [
|
|
54
|
+
createElementVNode(
|
|
55
|
+
"div",
|
|
56
|
+
{
|
|
57
|
+
class: normalizeClass(`${_ctx.prefixCls}-toolbar-left`)
|
|
58
|
+
},
|
|
59
|
+
[
|
|
60
|
+
!!_ctx.title || !!_ctx.$slots.title ? (openBlock(), createElementBlock(
|
|
61
|
+
"div",
|
|
62
|
+
{
|
|
69
63
|
key: 0,
|
|
70
|
-
|
|
71
|
-
},
|
|
72
|
-
|
|
73
|
-
|
|
64
|
+
class: normalizeClass(`${_ctx.prefixCls}-toolbar-title`)
|
|
65
|
+
},
|
|
66
|
+
[
|
|
67
|
+
renderSlot(_ctx.$slots, "title", {
|
|
68
|
+
selectedRowKeys: _ctx.selectedRowKeys,
|
|
69
|
+
selectedRows: _ctx.selectedRows,
|
|
70
|
+
actionsRef: _ctx.actionsRef,
|
|
71
|
+
searchParams: (_b2 = (_a2 = _ctx.actionsRef) == null ? void 0 : _a2.searchParams) == null ? void 0 : _b2.value,
|
|
72
|
+
onCleanSelected: _ctx.onCleanSelected
|
|
73
|
+
}, () => [
|
|
74
|
+
createTextVNode(
|
|
75
|
+
toDisplayString(_ctx.title),
|
|
76
|
+
1
|
|
77
|
+
/* TEXT */
|
|
78
|
+
)
|
|
74
79
|
]),
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
setParams: _ctx.actionsRef.setParams
|
|
124
|
-
})
|
|
125
|
-
],
|
|
126
|
-
64
|
|
127
|
-
/* STABLE_FRAGMENT */
|
|
128
|
-
)) : createCommentVNode("v-if", true),
|
|
129
|
-
renderSlot(_ctx.$slots, "actions", {
|
|
130
|
-
setParams: _ctx.actionsRef.setParams
|
|
80
|
+
createElementVNode(
|
|
81
|
+
"div",
|
|
82
|
+
{
|
|
83
|
+
class: normalizeClass(`${_ctx.prefixCls}-toolbar-subtitle`)
|
|
84
|
+
},
|
|
85
|
+
toDisplayString(_ctx.subTitle),
|
|
86
|
+
3
|
|
87
|
+
/* TEXT, CLASS */
|
|
88
|
+
),
|
|
89
|
+
_ctx.tooltip ? (openBlock(), createBlock(_component_Tooltip, {
|
|
90
|
+
key: 0,
|
|
91
|
+
title: _ctx.tooltip
|
|
92
|
+
}, {
|
|
93
|
+
default: withCtx(() => [
|
|
94
|
+
createVNode(_component_InfoCircleOutlined, { style: { "margin-inline-start": "3px" } })
|
|
95
|
+
]),
|
|
96
|
+
_: 1
|
|
97
|
+
/* STABLE */
|
|
98
|
+
}, 8, ["title"])) : createCommentVNode("v-if", true)
|
|
99
|
+
],
|
|
100
|
+
2
|
|
101
|
+
/* CLASS */
|
|
102
|
+
)) : createCommentVNode("v-if", true),
|
|
103
|
+
_ctx.options !== false ? (openBlock(), createBlock(_component_Space, {
|
|
104
|
+
key: 1,
|
|
105
|
+
class: normalizeClass(`${_ctx.prefixCls}-toolbar-options`)
|
|
106
|
+
}, {
|
|
107
|
+
default: withCtx(() => {
|
|
108
|
+
var _a3, _b3;
|
|
109
|
+
return [
|
|
110
|
+
_ctx.mergeOptions.search !== false && !(!!_ctx.title || !!_ctx.$slots.title) ? (openBlock(), createElementBlock(
|
|
111
|
+
Fragment,
|
|
112
|
+
{ key: 0 },
|
|
113
|
+
[
|
|
114
|
+
createVNode(_component_ProSearch, mergeProps(_ctx.searchConfig, { onSearch: _ctx.onSearch }), null, 16, ["onSearch"]),
|
|
115
|
+
renderSlot(_ctx.$slots, "searchExtra", {
|
|
116
|
+
setParams: _ctx.actionsRef.setParams,
|
|
117
|
+
selectedRowKeys: _ctx.selectedRowKeys,
|
|
118
|
+
selectedRows: _ctx.selectedRows,
|
|
119
|
+
actionsRef: _ctx.actionsRef,
|
|
120
|
+
searchParams: (_b3 = (_a3 = _ctx.actionsRef) == null ? void 0 : _a3.searchParams) == null ? void 0 : _b3.value,
|
|
121
|
+
onCleanSelected: _ctx.onCleanSelected
|
|
122
|
+
})
|
|
123
|
+
],
|
|
124
|
+
64
|
|
125
|
+
/* STABLE_FRAGMENT */
|
|
126
|
+
)) : createCommentVNode("v-if", true)
|
|
127
|
+
];
|
|
131
128
|
}),
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
129
|
+
_: 3
|
|
130
|
+
/* FORWARDED */
|
|
131
|
+
}, 8, ["class"])) : createCommentVNode("v-if", true)
|
|
132
|
+
],
|
|
133
|
+
2
|
|
134
|
+
/* CLASS */
|
|
135
|
+
),
|
|
136
|
+
createElementVNode(
|
|
137
|
+
"div",
|
|
138
|
+
{
|
|
139
|
+
class: normalizeClass(`${_ctx.prefixCls}-toolbar-right`)
|
|
140
|
+
},
|
|
141
|
+
[
|
|
142
|
+
createVNode(_component_Space, {
|
|
143
|
+
class: normalizeClass(`${_ctx.prefixCls}-toolbar-actions`)
|
|
144
|
+
}, {
|
|
145
|
+
default: withCtx(() => {
|
|
146
|
+
var _a3, _b3, _c2, _d2;
|
|
147
|
+
return [
|
|
148
|
+
_ctx.mergeOptions.search !== false && (!!_ctx.title || !!_ctx.$slots.title) ? (openBlock(), createElementBlock(
|
|
149
|
+
Fragment,
|
|
150
|
+
{ key: 0 },
|
|
151
|
+
[
|
|
152
|
+
createVNode(_component_ProSearch, mergeProps(_ctx.searchConfig, { onSearch: _ctx.onSearch }), null, 16, ["onSearch"]),
|
|
153
|
+
renderSlot(_ctx.$slots, "searchExtra", {
|
|
154
|
+
setParams: _ctx.actionsRef.setParams,
|
|
155
|
+
selectedRowKeys: _ctx.selectedRowKeys,
|
|
156
|
+
selectedRows: _ctx.selectedRows,
|
|
157
|
+
actionsRef: _ctx.actionsRef,
|
|
158
|
+
searchParams: (_b3 = (_a3 = _ctx.actionsRef) == null ? void 0 : _a3.searchParams) == null ? void 0 : _b3.value,
|
|
159
|
+
onCleanSelected: _ctx.onCleanSelected
|
|
160
|
+
})
|
|
161
|
+
],
|
|
162
|
+
64
|
|
163
|
+
/* STABLE_FRAGMENT */
|
|
164
|
+
)) : createCommentVNode("v-if", true),
|
|
165
|
+
renderSlot(_ctx.$slots, "actions", {
|
|
166
|
+
setParams: _ctx.actionsRef.setParams,
|
|
167
|
+
selectedRowKeys: _ctx.selectedRowKeys,
|
|
168
|
+
selectedRows: _ctx.selectedRows,
|
|
169
|
+
actionsRef: _ctx.actionsRef,
|
|
170
|
+
searchParams: (_d2 = (_c2 = _ctx.actionsRef) == null ? void 0 : _c2.searchParams) == null ? void 0 : _d2.value,
|
|
171
|
+
onCleanSelected: _ctx.onCleanSelected
|
|
172
|
+
}),
|
|
173
|
+
_ctx.options !== false ? (openBlock(), createElementBlock(
|
|
174
|
+
Fragment,
|
|
175
|
+
{ key: 1 },
|
|
176
|
+
[
|
|
177
|
+
_ctx.mergeOptions.reload !== false ? (openBlock(), createBlock(_component_Tooltip, {
|
|
178
|
+
key: 0,
|
|
179
|
+
title: _ctx.intl.getMessage("tableToolBar.reload", "\u5237\u65B0")
|
|
180
|
+
}, {
|
|
181
|
+
default: withCtx(() => {
|
|
182
|
+
var _a4;
|
|
183
|
+
return [
|
|
184
|
+
createElementVNode(
|
|
185
|
+
"div",
|
|
186
|
+
{
|
|
187
|
+
class: normalizeClass(`${_ctx.prefixCls}-toolbar-actions-item`)
|
|
188
|
+
},
|
|
189
|
+
[
|
|
190
|
+
createVNode(_component_ReloadOutlined, {
|
|
191
|
+
spin: (_a4 = _ctx.actionsRef) == null ? void 0 : _a4.pollingLoading.value,
|
|
192
|
+
onClick: _ctx.onReload
|
|
193
|
+
}, null, 8, ["spin", "onClick"])
|
|
194
|
+
],
|
|
195
|
+
2
|
|
196
|
+
/* CLASS */
|
|
197
|
+
)
|
|
198
|
+
];
|
|
199
|
+
}),
|
|
200
|
+
_: 1
|
|
201
|
+
/* STABLE */
|
|
202
|
+
}, 8, ["title"])) : createCommentVNode("v-if", true),
|
|
203
|
+
_ctx.mergeOptions.density !== false ? (openBlock(), createBlock(_component_DensityIcon, {
|
|
204
|
+
key: 1,
|
|
205
|
+
prefixCls: _ctx.prefixCls
|
|
206
|
+
}, null, 8, ["prefixCls"])) : createCommentVNode("v-if", true),
|
|
207
|
+
_ctx.mergeOptions.setting !== false ? (openBlock(), createBlock(_component_ColumnSetting, {
|
|
208
|
+
key: 2,
|
|
209
|
+
"prefix-cls": _ctx.prefixCls,
|
|
210
|
+
columns: _ctx.tableColumn
|
|
211
|
+
}, null, 8, ["prefix-cls", "columns"])) : createCommentVNode("v-if", true),
|
|
212
|
+
_ctx.mergeOptions.fullScreen !== false ? (openBlock(), createElementBlock("span", {
|
|
213
|
+
key: 3,
|
|
214
|
+
onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onFullScreen && _ctx.onFullScreen(...args))
|
|
215
|
+
}, [
|
|
216
|
+
createVNode(_component_FullscreenIcon, { prefixCls: _ctx.prefixCls }, null, 8, ["prefixCls"])
|
|
217
|
+
])) : createCommentVNode("v-if", true)
|
|
218
|
+
],
|
|
219
|
+
64
|
|
220
|
+
/* STABLE_FRAGMENT */
|
|
221
|
+
)) : createCommentVNode("v-if", true)
|
|
222
|
+
];
|
|
223
|
+
}),
|
|
224
|
+
_: 3
|
|
225
|
+
/* FORWARDED */
|
|
226
|
+
}, 8, ["class"])
|
|
227
|
+
],
|
|
228
|
+
2
|
|
229
|
+
/* CLASS */
|
|
230
|
+
)
|
|
231
|
+
];
|
|
232
|
+
})
|
|
190
233
|
],
|
|
191
234
|
2
|
|
192
235
|
/* CLASS */
|
|
@@ -198,7 +241,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
198
241
|
class: normalizeClass(`${_ctx.prefixCls}-toolbar-bottom`)
|
|
199
242
|
},
|
|
200
243
|
[
|
|
201
|
-
renderSlot(_ctx.$slots, "bottom"
|
|
244
|
+
renderSlot(_ctx.$slots, "bottom", {
|
|
245
|
+
selectedRowKeys: _ctx.selectedRowKeys,
|
|
246
|
+
selectedRows: _ctx.selectedRows,
|
|
247
|
+
actionsRef: _ctx.actionsRef,
|
|
248
|
+
searchParams: (_f = (_e = _ctx.actionsRef) == null ? void 0 : _e.searchParams) == null ? void 0 : _f.value,
|
|
249
|
+
onCleanSelected: _ctx.onCleanSelected
|
|
250
|
+
})
|
|
202
251
|
],
|
|
203
252
|
2
|
|
204
253
|
/* CLASS */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolBar.vue.mjs","sources":["../../../../../../../../../packages/components/table/src/components/ToolBar/ToolBar.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2023-11-06 16:03:18\n * @LastEditors: shen\n * @LastEditTime: 2025-10-29 10:49:38\n * @Description:\n-->\n<script lang=\"ts\">\nimport type { PropType } from 'vue'\nimport type { UseFetchDataAction } from '../../hooks/useFetchData'\nimport type { OptionConfig, Key, OptionSearchProps } from '../interface'\n\nimport { defineComponent, h, computed, onMounted } from 'vue'\nimport { Space, Tooltip } from 'ant-design-vue'\nimport {\n ReloadOutlined,\n FilterOutlined,\n SettingOutlined,\n ColumnHeightOutlined,\n InfoCircleOutlined,\n} from '@ant-design/icons-vue'\nimport { omit, omitUndefined } from '@pro-design-vue/utils'\nimport { useIntl } from '@pro-design-vue/components/config-provider'\nimport Search from './Search.vue'\nimport DensityIcon from './DensityIcon.vue'\nimport FullscreenIcon from './FullscreenIcon.vue'\nimport ColumnSetting from '../ColumnSetting/ColumnSetting.vue'\n\nexport default defineComponent({\n name: 'TableToolBar',\n inheritAttrs: false,\n components: {\n Space,\n ProSearch: Search,\n DensityIcon,\n Tooltip,\n ColumnSetting,\n ReloadOutlined,\n InfoCircleOutlined,\n FullscreenIcon,\n },\n props: {\n prefixCls: String,\n title: String,\n subTitle: String,\n tooltip: String,\n options: { type: [Object, Boolean] as PropType<OptionConfig | false>, default: undefined },\n\n actionsRef: Object as PropType<UseFetchDataAction<any> & { fullScreen: () => void }>,\n selectedRowKeys: {\n type: Array as PropType<Key[]>,\n default: () => [],\n },\n selectedRows: {\n type: Array as PropType<any[]>,\n default: () => [],\n },\n tableColumn: {\n type: Array as PropType<any[]>,\n default: () => [],\n },\n onFormSearchSubmit: {\n type: Function as PropType<(params: any) => void>,\n default: undefined,\n },\n },\n setup(props) {\n const intl = useIntl()\n\n const defaultOptions = {\n reload: () => props.actionsRef?.reload(),\n density: true,\n setting: true,\n filter: false,\n search: false,\n fullScreen: () => props.actionsRef?.fullScreen(),\n }\n\n const mergeOptions = computed<OptionConfig>(() => {\n if (props.options === false) {\n return {\n reload: false,\n density: true,\n setting: true,\n search: false,\n fullScreen: false,\n }\n }\n return { ...defaultOptions, ...props.options }\n })\n\n const defaultSearchConfig = {\n onChange: (e) => {\n props.actionsRef!.keyword.value = e.target.value!\n },\n }\n\n const searchConfig: any = computed(() => {\n if (props.options === false) {\n return false\n }\n if (!mergeOptions.value!.search) return false\n\n if (mergeOptions.value!.search === true) return defaultSearchConfig\n\n return omit(\n {\n ...(mergeOptions.value!.search ?? {}),\n ...defaultSearchConfig,\n },\n ['name', 'onSearch'],\n )\n })\n\n const onSearch = async (keyword: string) => {\n if (!props.options || !props.options.search) {\n return\n }\n const { name = 'keyword' } = props.options.search === true ? {} : props.options.search\n\n /** 如果传入的 onSearch 返回值为 false,应该直接拦截请求 */\n const success = (props.options.search as OptionSearchProps)?.onSearch?.(keyword)\n\n if (success === false) return\n\n props.onFormSearchSubmit?.(\n omitUndefined({\n [name]: keyword,\n }),\n )\n }\n\n const onReload = (e) => {\n if (mergeOptions.value.reload === true) {\n defaultOptions.reload()\n } else if (typeof mergeOptions.value.reload === 'function') {\n mergeOptions.value.reload?.(e, props.actionsRef)\n }\n }\n\n const onFullScreen = (e) => {\n if (mergeOptions.value.fullScreen === true) {\n defaultOptions.fullScreen()\n } else if (typeof mergeOptions.value.fullScreen === 'function') {\n mergeOptions.value.fullScreen?.(e, props.actionsRef)\n }\n }\n\n onMounted(() => {\n if (searchConfig.value.value || searchConfig.value.defaultValue) {\n props.actionsRef!.keyword.value =\n searchConfig.value.value || searchConfig.value.defaultValue\n }\n })\n\n return {\n h,\n intl,\n mergeOptions,\n searchConfig,\n FilterOutlined,\n SettingOutlined,\n ColumnHeightOutlined,\n onSearch,\n onReload,\n onFullScreen,\n }\n },\n})\n</script>\n\n<template>\n <div :class=\"`${prefixCls}-toolbar`\">\n <div :class=\"`${prefixCls}-toolbar-top`\" v-if=\"!!$slots.top\">\n <slot name=\"top\" />\n </div>\n <div :class=\"`${prefixCls}-toolbar-container`\">\n <slot name=\"toolbar\">\n <div :class=\"`${prefixCls}-toolbar-left`\">\n <div :class=\"`${prefixCls}-toolbar-title`\" v-if=\"!!title || !!$slots.title\">\n <slot name=\"title\">\n {{ title }}\n </slot>\n <div :class=\"`${prefixCls}-toolbar-subtitle`\">{{ subTitle }}</div>\n <Tooltip v-if=\"tooltip\" :title=\"tooltip\">\n <InfoCircleOutlined style=\"margin-inline-start: 3px\" />\n </Tooltip>\n </div>\n <Space :class=\"`${prefixCls}-toolbar-options`\" v-if=\"options !== false\">\n <template v-if=\"mergeOptions.search !== false && !(!!title || !!$slots.title)\">\n <ProSearch v-bind=\"searchConfig\" @search=\"onSearch\" />\n <slot name=\"searchExtra\" :set-params=\"actionsRef!.setParams\" />\n </template>\n </Space>\n </div>\n <div :class=\"`${prefixCls}-toolbar-right`\">\n <Space :class=\"`${prefixCls}-toolbar-actions`\">\n <template v-if=\"mergeOptions.search !== false && (!!title || !!$slots.title)\">\n <ProSearch v-bind=\"searchConfig\" @search=\"onSearch\" />\n <slot name=\"searchExtra\" :set-params=\"actionsRef!.setParams\" />\n </template>\n <slot name=\"actions\" :set-params=\"actionsRef!.setParams\"></slot>\n <template v-if=\"options !== false\">\n <Tooltip\n v-if=\"mergeOptions.reload !== false\"\n :title=\"intl.getMessage('tableToolBar.reload', '刷新')\"\n >\n <div :class=\"`${prefixCls}-toolbar-actions-item`\">\n <ReloadOutlined :spin=\"actionsRef?.pollingLoading.value\" @click=\"onReload\" />\n </div>\n </Tooltip>\n <DensityIcon v-if=\"mergeOptions.density !== false\" :prefixCls=\"prefixCls\" />\n <ColumnSetting\n v-if=\"mergeOptions.setting !== false\"\n :prefix-cls=\"prefixCls\"\n :columns=\"tableColumn\"\n />\n <span v-if=\"mergeOptions.fullScreen !== false\" @click=\"onFullScreen\">\n <FullscreenIcon :prefixCls=\"prefixCls\" />\n </span>\n </template>\n </Space>\n </div>\n </slot>\n </div>\n <div :class=\"`${prefixCls}-toolbar-bottom`\" v-if=\"!!$slots.bottom\">\n <slot name=\"bottom\" />\n </div>\n </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_renderSlot","_createElementVNode","_createTextVNode","_createBlock","_createVNode","_Fragment","_mergeProps","_createCommentVNode"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ToolBar.vue.mjs","sources":["../../../../../../../../../packages/components/table/src/components/ToolBar/ToolBar.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2023-11-06 16:03:18\n * @LastEditors: shen\n * @LastEditTime: 2025-11-14 10:31:13\n * @Description:\n-->\n<script lang=\"ts\">\nimport type { PropType } from 'vue'\nimport type { UseFetchDataAction } from '../../hooks/useFetchData'\nimport type { OptionConfig, Key, OptionSearchProps } from '../interface'\n\nimport { defineComponent, h, computed, onMounted } from 'vue'\nimport { Space, Tooltip } from 'ant-design-vue'\nimport {\n ReloadOutlined,\n FilterOutlined,\n SettingOutlined,\n ColumnHeightOutlined,\n InfoCircleOutlined,\n} from '@ant-design/icons-vue'\nimport { omit, omitUndefined } from '@pro-design-vue/utils'\nimport { useIntl } from '@pro-design-vue/components/config-provider'\nimport Search from './Search.vue'\nimport DensityIcon from './DensityIcon.vue'\nimport FullscreenIcon from './FullscreenIcon.vue'\nimport ColumnSetting from '../ColumnSetting/ColumnSetting.vue'\n\nexport default defineComponent({\n name: 'TableToolBar',\n inheritAttrs: false,\n components: {\n Space,\n ProSearch: Search,\n DensityIcon,\n Tooltip,\n ColumnSetting,\n ReloadOutlined,\n InfoCircleOutlined,\n FullscreenIcon,\n },\n props: {\n prefixCls: String,\n title: String,\n subTitle: String,\n tooltip: String,\n options: { type: [Object, Boolean] as PropType<OptionConfig | false>, default: undefined },\n\n actionsRef: Object as PropType<UseFetchDataAction<any> & { fullScreen: () => void }>,\n selectedRowKeys: {\n type: Array as PropType<Key[]>,\n default: () => [],\n },\n selectedRows: {\n type: Array as PropType<any[]>,\n default: () => [],\n },\n tableColumn: {\n type: Array as PropType<any[]>,\n default: () => [],\n },\n onFormSearchSubmit: {\n type: Function as PropType<(params: any) => void>,\n default: undefined,\n },\n onCleanSelected: Function as PropType<(keys?: Key[]) => void>,\n },\n setup(props) {\n const intl = useIntl()\n\n const defaultOptions = {\n reload: () => props.actionsRef?.reload(),\n density: true,\n setting: true,\n filter: false,\n search: false,\n fullScreen: () => props.actionsRef?.fullScreen(),\n }\n\n const mergeOptions = computed<OptionConfig>(() => {\n if (props.options === false) {\n return {\n reload: false,\n density: true,\n setting: true,\n search: false,\n fullScreen: false,\n }\n }\n return { ...defaultOptions, ...props.options }\n })\n\n const defaultSearchConfig = {\n onChange: (e) => {\n props.actionsRef!.keyword.value = e.target.value!\n },\n }\n\n const searchConfig: any = computed(() => {\n if (props.options === false) {\n return false\n }\n if (!mergeOptions.value!.search) return false\n\n if (mergeOptions.value!.search === true) return defaultSearchConfig\n\n return omit(\n {\n ...(mergeOptions.value!.search ?? {}),\n ...defaultSearchConfig,\n },\n ['name', 'onSearch'],\n )\n })\n\n const onSearch = async (keyword: string) => {\n if (!props.options || !props.options.search) {\n return\n }\n const { name = 'keyword' } = props.options.search === true ? {} : props.options.search\n\n /** 如果传入的 onSearch 返回值为 false,应该直接拦截请求 */\n const success = (props.options.search as OptionSearchProps)?.onSearch?.(keyword)\n\n if (success === false) return\n\n props.onFormSearchSubmit?.(\n omitUndefined({\n [name]: keyword,\n }),\n )\n }\n\n const onReload = (e) => {\n if (mergeOptions.value.reload === true) {\n defaultOptions.reload()\n } else if (typeof mergeOptions.value.reload === 'function') {\n mergeOptions.value.reload?.(e, props.actionsRef)\n }\n }\n\n const onFullScreen = (e) => {\n if (mergeOptions.value.fullScreen === true) {\n defaultOptions.fullScreen()\n } else if (typeof mergeOptions.value.fullScreen === 'function') {\n mergeOptions.value.fullScreen?.(e, props.actionsRef)\n }\n }\n\n onMounted(() => {\n if (searchConfig.value.value || searchConfig.value.defaultValue) {\n props.actionsRef!.keyword.value =\n searchConfig.value.value || searchConfig.value.defaultValue\n }\n })\n\n return {\n h,\n intl,\n mergeOptions,\n searchConfig,\n FilterOutlined,\n SettingOutlined,\n ColumnHeightOutlined,\n onSearch,\n onReload,\n onFullScreen,\n }\n },\n})\n</script>\n\n<template>\n <div :class=\"`${prefixCls}-toolbar`\">\n <div :class=\"`${prefixCls}-toolbar-top`\" v-if=\"!!$slots.top\">\n <slot\n name=\"top\"\n :selected-row-keys=\"selectedRowKeys\"\n :selected-rows=\"selectedRows\"\n :actions-ref=\"actionsRef\"\n :searchParams=\"actionsRef?.searchParams?.value\"\n :on-clean-selected=\"onCleanSelected\"\n />\n </div>\n <div :class=\"`${prefixCls}-toolbar-container`\">\n <slot\n name=\"toolbar\"\n :selected-row-keys=\"selectedRowKeys\"\n :selected-rows=\"selectedRows\"\n :actions-ref=\"actionsRef\"\n :searchParams=\"actionsRef?.searchParams?.value\"\n :on-clean-selected=\"onCleanSelected\"\n >\n <div :class=\"`${prefixCls}-toolbar-left`\">\n <div :class=\"`${prefixCls}-toolbar-title`\" v-if=\"!!title || !!$slots.title\">\n <slot\n name=\"title\"\n :selected-row-keys=\"selectedRowKeys\"\n :selected-rows=\"selectedRows\"\n :actions-ref=\"actionsRef\"\n :searchParams=\"actionsRef?.searchParams?.value\"\n :on-clean-selected=\"onCleanSelected\"\n >\n {{ title }}\n </slot>\n <div :class=\"`${prefixCls}-toolbar-subtitle`\">{{ subTitle }}</div>\n <Tooltip v-if=\"tooltip\" :title=\"tooltip\">\n <InfoCircleOutlined style=\"margin-inline-start: 3px\" />\n </Tooltip>\n </div>\n <Space :class=\"`${prefixCls}-toolbar-options`\" v-if=\"options !== false\">\n <template v-if=\"mergeOptions.search !== false && !(!!title || !!$slots.title)\">\n <ProSearch v-bind=\"searchConfig\" @search=\"onSearch\" />\n <slot\n name=\"searchExtra\"\n :set-params=\"actionsRef!.setParams\"\n :selected-row-keys=\"selectedRowKeys\"\n :selected-rows=\"selectedRows\"\n :actions-ref=\"actionsRef\"\n :searchParams=\"actionsRef?.searchParams?.value\"\n :on-clean-selected=\"onCleanSelected\"\n />\n </template>\n </Space>\n </div>\n <div :class=\"`${prefixCls}-toolbar-right`\">\n <Space :class=\"`${prefixCls}-toolbar-actions`\">\n <template v-if=\"mergeOptions.search !== false && (!!title || !!$slots.title)\">\n <ProSearch v-bind=\"searchConfig\" @search=\"onSearch\" />\n <slot\n name=\"searchExtra\"\n :set-params=\"actionsRef!.setParams\"\n :selected-row-keys=\"selectedRowKeys\"\n :selected-rows=\"selectedRows\"\n :actions-ref=\"actionsRef\"\n :searchParams=\"actionsRef?.searchParams?.value\"\n :on-clean-selected=\"onCleanSelected\"\n />\n </template>\n <slot\n name=\"actions\"\n :set-params=\"actionsRef!.setParams\"\n :selected-row-keys=\"selectedRowKeys\"\n :selected-rows=\"selectedRows\"\n :actions-ref=\"actionsRef\"\n :searchParams=\"actionsRef?.searchParams?.value\"\n :on-clean-selected=\"onCleanSelected\"\n ></slot>\n <template v-if=\"options !== false\">\n <Tooltip\n v-if=\"mergeOptions.reload !== false\"\n :title=\"intl.getMessage('tableToolBar.reload', '刷新')\"\n >\n <div :class=\"`${prefixCls}-toolbar-actions-item`\">\n <ReloadOutlined :spin=\"actionsRef?.pollingLoading.value\" @click=\"onReload\" />\n </div>\n </Tooltip>\n <DensityIcon v-if=\"mergeOptions.density !== false\" :prefixCls=\"prefixCls\" />\n <ColumnSetting\n v-if=\"mergeOptions.setting !== false\"\n :prefix-cls=\"prefixCls\"\n :columns=\"tableColumn\"\n />\n <span v-if=\"mergeOptions.fullScreen !== false\" @click=\"onFullScreen\">\n <FullscreenIcon :prefixCls=\"prefixCls\" />\n </span>\n </template>\n </Space>\n </div>\n </slot>\n </div>\n <div :class=\"`${prefixCls}-toolbar-bottom`\" v-if=\"!!$slots.bottom\">\n <slot\n name=\"bottom\"\n :selected-row-keys=\"selectedRowKeys\"\n :selected-rows=\"selectedRows\"\n :actions-ref=\"actionsRef\"\n :searchParams=\"actionsRef?.searchParams?.value\"\n :on-clean-selected=\"onCleanSelected\"\n />\n </div>\n </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_renderSlot","_createElementVNode","_b","_a","_createTextVNode","_createBlock","_createVNode","_Fragment","_mergeProps","_d","_c","_createCommentVNode"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolBar.vue2.mjs","sources":["../../../../../../../../../packages/components/table/src/components/ToolBar/ToolBar.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2023-11-06 16:03:18\n * @LastEditors: shen\n * @LastEditTime: 2025-10-29 10:49:38\n * @Description:\n-->\n<script lang=\"ts\">\nimport type { PropType } from 'vue'\nimport type { UseFetchDataAction } from '../../hooks/useFetchData'\nimport type { OptionConfig, Key, OptionSearchProps } from '../interface'\n\nimport { defineComponent, h, computed, onMounted } from 'vue'\nimport { Space, Tooltip } from 'ant-design-vue'\nimport {\n ReloadOutlined,\n FilterOutlined,\n SettingOutlined,\n ColumnHeightOutlined,\n InfoCircleOutlined,\n} from '@ant-design/icons-vue'\nimport { omit, omitUndefined } from '@pro-design-vue/utils'\nimport { useIntl } from '@pro-design-vue/components/config-provider'\nimport Search from './Search.vue'\nimport DensityIcon from './DensityIcon.vue'\nimport FullscreenIcon from './FullscreenIcon.vue'\nimport ColumnSetting from '../ColumnSetting/ColumnSetting.vue'\n\nexport default defineComponent({\n name: 'TableToolBar',\n inheritAttrs: false,\n components: {\n Space,\n ProSearch: Search,\n DensityIcon,\n Tooltip,\n ColumnSetting,\n ReloadOutlined,\n InfoCircleOutlined,\n FullscreenIcon,\n },\n props: {\n prefixCls: String,\n title: String,\n subTitle: String,\n tooltip: String,\n options: { type: [Object, Boolean] as PropType<OptionConfig | false>, default: undefined },\n\n actionsRef: Object as PropType<UseFetchDataAction<any> & { fullScreen: () => void }>,\n selectedRowKeys: {\n type: Array as PropType<Key[]>,\n default: () => [],\n },\n selectedRows: {\n type: Array as PropType<any[]>,\n default: () => [],\n },\n tableColumn: {\n type: Array as PropType<any[]>,\n default: () => [],\n },\n onFormSearchSubmit: {\n type: Function as PropType<(params: any) => void>,\n default: undefined,\n },\n },\n setup(props) {\n const intl = useIntl()\n\n const defaultOptions = {\n reload: () => props.actionsRef?.reload(),\n density: true,\n setting: true,\n filter: false,\n search: false,\n fullScreen: () => props.actionsRef?.fullScreen(),\n }\n\n const mergeOptions = computed<OptionConfig>(() => {\n if (props.options === false) {\n return {\n reload: false,\n density: true,\n setting: true,\n search: false,\n fullScreen: false,\n }\n }\n return { ...defaultOptions, ...props.options }\n })\n\n const defaultSearchConfig = {\n onChange: (e) => {\n props.actionsRef!.keyword.value = e.target.value!\n },\n }\n\n const searchConfig: any = computed(() => {\n if (props.options === false) {\n return false\n }\n if (!mergeOptions.value!.search) return false\n\n if (mergeOptions.value!.search === true) return defaultSearchConfig\n\n return omit(\n {\n ...(mergeOptions.value!.search ?? {}),\n ...defaultSearchConfig,\n },\n ['name', 'onSearch'],\n )\n })\n\n const onSearch = async (keyword: string) => {\n if (!props.options || !props.options.search) {\n return\n }\n const { name = 'keyword' } = props.options.search === true ? {} : props.options.search\n\n /** 如果传入的 onSearch 返回值为 false,应该直接拦截请求 */\n const success = (props.options.search as OptionSearchProps)?.onSearch?.(keyword)\n\n if (success === false) return\n\n props.onFormSearchSubmit?.(\n omitUndefined({\n [name]: keyword,\n }),\n )\n }\n\n const onReload = (e) => {\n if (mergeOptions.value.reload === true) {\n defaultOptions.reload()\n } else if (typeof mergeOptions.value.reload === 'function') {\n mergeOptions.value.reload?.(e, props.actionsRef)\n }\n }\n\n const onFullScreen = (e) => {\n if (mergeOptions.value.fullScreen === true) {\n defaultOptions.fullScreen()\n } else if (typeof mergeOptions.value.fullScreen === 'function') {\n mergeOptions.value.fullScreen?.(e, props.actionsRef)\n }\n }\n\n onMounted(() => {\n if (searchConfig.value.value || searchConfig.value.defaultValue) {\n props.actionsRef!.keyword.value =\n searchConfig.value.value || searchConfig.value.defaultValue\n }\n })\n\n return {\n h,\n intl,\n mergeOptions,\n searchConfig,\n FilterOutlined,\n SettingOutlined,\n ColumnHeightOutlined,\n onSearch,\n onReload,\n onFullScreen,\n }\n },\n})\n</script>\n\n<template>\n <div :class=\"`${prefixCls}-toolbar`\">\n <div :class=\"`${prefixCls}-toolbar-top`\" v-if=\"!!$slots.top\">\n <slot name=\"top\" />\n </div>\n <div :class=\"`${prefixCls}-toolbar-container`\">\n <slot name=\"toolbar\">\n <div :class=\"`${prefixCls}-toolbar-left`\">\n <div :class=\"`${prefixCls}-toolbar-title`\" v-if=\"!!title || !!$slots.title\">\n <slot name=\"title\">\n {{ title }}\n </slot>\n <div :class=\"`${prefixCls}-toolbar-subtitle`\">{{ subTitle }}</div>\n <Tooltip v-if=\"tooltip\" :title=\"tooltip\">\n <InfoCircleOutlined style=\"margin-inline-start: 3px\" />\n </Tooltip>\n </div>\n <Space :class=\"`${prefixCls}-toolbar-options`\" v-if=\"options !== false\">\n <template v-if=\"mergeOptions.search !== false && !(!!title || !!$slots.title)\">\n <ProSearch v-bind=\"searchConfig\" @search=\"onSearch\" />\n <slot name=\"searchExtra\" :set-params=\"actionsRef!.setParams\" />\n </template>\n </Space>\n </div>\n <div :class=\"`${prefixCls}-toolbar-right`\">\n <Space :class=\"`${prefixCls}-toolbar-actions`\">\n <template v-if=\"mergeOptions.search !== false && (!!title || !!$slots.title)\">\n <ProSearch v-bind=\"searchConfig\" @search=\"onSearch\" />\n <slot name=\"searchExtra\" :set-params=\"actionsRef!.setParams\" />\n </template>\n <slot name=\"actions\" :set-params=\"actionsRef!.setParams\"></slot>\n <template v-if=\"options !== false\">\n <Tooltip\n v-if=\"mergeOptions.reload !== false\"\n :title=\"intl.getMessage('tableToolBar.reload', '刷新')\"\n >\n <div :class=\"`${prefixCls}-toolbar-actions-item`\">\n <ReloadOutlined :spin=\"actionsRef?.pollingLoading.value\" @click=\"onReload\" />\n </div>\n </Tooltip>\n <DensityIcon v-if=\"mergeOptions.density !== false\" :prefixCls=\"prefixCls\" />\n <ColumnSetting\n v-if=\"mergeOptions.setting !== false\"\n :prefix-cls=\"prefixCls\"\n :columns=\"tableColumn\"\n />\n <span v-if=\"mergeOptions.fullScreen !== false\" @click=\"onFullScreen\">\n <FullscreenIcon :prefixCls=\"prefixCls\" />\n </span>\n </template>\n </Space>\n </div>\n </slot>\n </div>\n <div :class=\"`${prefixCls}-toolbar-bottom`\" v-if=\"!!$slots.bottom\">\n <slot name=\"bottom\" />\n </div>\n </div>\n</template>\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ToolBar.vue2.mjs","sources":["../../../../../../../../../packages/components/table/src/components/ToolBar/ToolBar.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2023-11-06 16:03:18\n * @LastEditors: shen\n * @LastEditTime: 2025-11-14 10:31:13\n * @Description:\n-->\n<script lang=\"ts\">\nimport type { PropType } from 'vue'\nimport type { UseFetchDataAction } from '../../hooks/useFetchData'\nimport type { OptionConfig, Key, OptionSearchProps } from '../interface'\n\nimport { defineComponent, h, computed, onMounted } from 'vue'\nimport { Space, Tooltip } from 'ant-design-vue'\nimport {\n ReloadOutlined,\n FilterOutlined,\n SettingOutlined,\n ColumnHeightOutlined,\n InfoCircleOutlined,\n} from '@ant-design/icons-vue'\nimport { omit, omitUndefined } from '@pro-design-vue/utils'\nimport { useIntl } from '@pro-design-vue/components/config-provider'\nimport Search from './Search.vue'\nimport DensityIcon from './DensityIcon.vue'\nimport FullscreenIcon from './FullscreenIcon.vue'\nimport ColumnSetting from '../ColumnSetting/ColumnSetting.vue'\n\nexport default defineComponent({\n name: 'TableToolBar',\n inheritAttrs: false,\n components: {\n Space,\n ProSearch: Search,\n DensityIcon,\n Tooltip,\n ColumnSetting,\n ReloadOutlined,\n InfoCircleOutlined,\n FullscreenIcon,\n },\n props: {\n prefixCls: String,\n title: String,\n subTitle: String,\n tooltip: String,\n options: { type: [Object, Boolean] as PropType<OptionConfig | false>, default: undefined },\n\n actionsRef: Object as PropType<UseFetchDataAction<any> & { fullScreen: () => void }>,\n selectedRowKeys: {\n type: Array as PropType<Key[]>,\n default: () => [],\n },\n selectedRows: {\n type: Array as PropType<any[]>,\n default: () => [],\n },\n tableColumn: {\n type: Array as PropType<any[]>,\n default: () => [],\n },\n onFormSearchSubmit: {\n type: Function as PropType<(params: any) => void>,\n default: undefined,\n },\n onCleanSelected: Function as PropType<(keys?: Key[]) => void>,\n },\n setup(props) {\n const intl = useIntl()\n\n const defaultOptions = {\n reload: () => props.actionsRef?.reload(),\n density: true,\n setting: true,\n filter: false,\n search: false,\n fullScreen: () => props.actionsRef?.fullScreen(),\n }\n\n const mergeOptions = computed<OptionConfig>(() => {\n if (props.options === false) {\n return {\n reload: false,\n density: true,\n setting: true,\n search: false,\n fullScreen: false,\n }\n }\n return { ...defaultOptions, ...props.options }\n })\n\n const defaultSearchConfig = {\n onChange: (e) => {\n props.actionsRef!.keyword.value = e.target.value!\n },\n }\n\n const searchConfig: any = computed(() => {\n if (props.options === false) {\n return false\n }\n if (!mergeOptions.value!.search) return false\n\n if (mergeOptions.value!.search === true) return defaultSearchConfig\n\n return omit(\n {\n ...(mergeOptions.value!.search ?? {}),\n ...defaultSearchConfig,\n },\n ['name', 'onSearch'],\n )\n })\n\n const onSearch = async (keyword: string) => {\n if (!props.options || !props.options.search) {\n return\n }\n const { name = 'keyword' } = props.options.search === true ? {} : props.options.search\n\n /** 如果传入的 onSearch 返回值为 false,应该直接拦截请求 */\n const success = (props.options.search as OptionSearchProps)?.onSearch?.(keyword)\n\n if (success === false) return\n\n props.onFormSearchSubmit?.(\n omitUndefined({\n [name]: keyword,\n }),\n )\n }\n\n const onReload = (e) => {\n if (mergeOptions.value.reload === true) {\n defaultOptions.reload()\n } else if (typeof mergeOptions.value.reload === 'function') {\n mergeOptions.value.reload?.(e, props.actionsRef)\n }\n }\n\n const onFullScreen = (e) => {\n if (mergeOptions.value.fullScreen === true) {\n defaultOptions.fullScreen()\n } else if (typeof mergeOptions.value.fullScreen === 'function') {\n mergeOptions.value.fullScreen?.(e, props.actionsRef)\n }\n }\n\n onMounted(() => {\n if (searchConfig.value.value || searchConfig.value.defaultValue) {\n props.actionsRef!.keyword.value =\n searchConfig.value.value || searchConfig.value.defaultValue\n }\n })\n\n return {\n h,\n intl,\n mergeOptions,\n searchConfig,\n FilterOutlined,\n SettingOutlined,\n ColumnHeightOutlined,\n onSearch,\n onReload,\n onFullScreen,\n }\n },\n})\n</script>\n\n<template>\n <div :class=\"`${prefixCls}-toolbar`\">\n <div :class=\"`${prefixCls}-toolbar-top`\" v-if=\"!!$slots.top\">\n <slot\n name=\"top\"\n :selected-row-keys=\"selectedRowKeys\"\n :selected-rows=\"selectedRows\"\n :actions-ref=\"actionsRef\"\n :searchParams=\"actionsRef?.searchParams?.value\"\n :on-clean-selected=\"onCleanSelected\"\n />\n </div>\n <div :class=\"`${prefixCls}-toolbar-container`\">\n <slot\n name=\"toolbar\"\n :selected-row-keys=\"selectedRowKeys\"\n :selected-rows=\"selectedRows\"\n :actions-ref=\"actionsRef\"\n :searchParams=\"actionsRef?.searchParams?.value\"\n :on-clean-selected=\"onCleanSelected\"\n >\n <div :class=\"`${prefixCls}-toolbar-left`\">\n <div :class=\"`${prefixCls}-toolbar-title`\" v-if=\"!!title || !!$slots.title\">\n <slot\n name=\"title\"\n :selected-row-keys=\"selectedRowKeys\"\n :selected-rows=\"selectedRows\"\n :actions-ref=\"actionsRef\"\n :searchParams=\"actionsRef?.searchParams?.value\"\n :on-clean-selected=\"onCleanSelected\"\n >\n {{ title }}\n </slot>\n <div :class=\"`${prefixCls}-toolbar-subtitle`\">{{ subTitle }}</div>\n <Tooltip v-if=\"tooltip\" :title=\"tooltip\">\n <InfoCircleOutlined style=\"margin-inline-start: 3px\" />\n </Tooltip>\n </div>\n <Space :class=\"`${prefixCls}-toolbar-options`\" v-if=\"options !== false\">\n <template v-if=\"mergeOptions.search !== false && !(!!title || !!$slots.title)\">\n <ProSearch v-bind=\"searchConfig\" @search=\"onSearch\" />\n <slot\n name=\"searchExtra\"\n :set-params=\"actionsRef!.setParams\"\n :selected-row-keys=\"selectedRowKeys\"\n :selected-rows=\"selectedRows\"\n :actions-ref=\"actionsRef\"\n :searchParams=\"actionsRef?.searchParams?.value\"\n :on-clean-selected=\"onCleanSelected\"\n />\n </template>\n </Space>\n </div>\n <div :class=\"`${prefixCls}-toolbar-right`\">\n <Space :class=\"`${prefixCls}-toolbar-actions`\">\n <template v-if=\"mergeOptions.search !== false && (!!title || !!$slots.title)\">\n <ProSearch v-bind=\"searchConfig\" @search=\"onSearch\" />\n <slot\n name=\"searchExtra\"\n :set-params=\"actionsRef!.setParams\"\n :selected-row-keys=\"selectedRowKeys\"\n :selected-rows=\"selectedRows\"\n :actions-ref=\"actionsRef\"\n :searchParams=\"actionsRef?.searchParams?.value\"\n :on-clean-selected=\"onCleanSelected\"\n />\n </template>\n <slot\n name=\"actions\"\n :set-params=\"actionsRef!.setParams\"\n :selected-row-keys=\"selectedRowKeys\"\n :selected-rows=\"selectedRows\"\n :actions-ref=\"actionsRef\"\n :searchParams=\"actionsRef?.searchParams?.value\"\n :on-clean-selected=\"onCleanSelected\"\n ></slot>\n <template v-if=\"options !== false\">\n <Tooltip\n v-if=\"mergeOptions.reload !== false\"\n :title=\"intl.getMessage('tableToolBar.reload', '刷新')\"\n >\n <div :class=\"`${prefixCls}-toolbar-actions-item`\">\n <ReloadOutlined :spin=\"actionsRef?.pollingLoading.value\" @click=\"onReload\" />\n </div>\n </Tooltip>\n <DensityIcon v-if=\"mergeOptions.density !== false\" :prefixCls=\"prefixCls\" />\n <ColumnSetting\n v-if=\"mergeOptions.setting !== false\"\n :prefix-cls=\"prefixCls\"\n :columns=\"tableColumn\"\n />\n <span v-if=\"mergeOptions.fullScreen !== false\" @click=\"onFullScreen\">\n <FullscreenIcon :prefixCls=\"prefixCls\" />\n </span>\n </template>\n </Space>\n </div>\n </slot>\n </div>\n <div :class=\"`${prefixCls}-toolbar-bottom`\" v-if=\"!!$slots.bottom\">\n <slot\n name=\"bottom\"\n :selected-row-keys=\"selectedRowKeys\"\n :selected-rows=\"selectedRows\"\n :actions-ref=\"actionsRef\"\n :searchParams=\"actionsRef?.searchParams?.value\"\n :on-clean-selected=\"onCleanSelected\"\n />\n </div>\n </div>\n</template>\n"],"names":[],"mappings":"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"}
|
|
@@ -8,12 +8,12 @@ const useContainer = (props) => {
|
|
|
8
8
|
var _a;
|
|
9
9
|
const rootDomRef = ref();
|
|
10
10
|
const hasFullScreen = ref(false);
|
|
11
|
-
const { componentSize } = useProConfigInject();
|
|
11
|
+
const { componentSize, table } = useProConfigInject();
|
|
12
12
|
const sortKeyColumns = ref([]);
|
|
13
13
|
const [tableSize, setTableSize] = useMergedState(
|
|
14
14
|
() => {
|
|
15
|
-
var _a2, _b;
|
|
16
|
-
return (
|
|
15
|
+
var _a2, _b, _c, _d;
|
|
16
|
+
return (_d = (_c = (_b = props.size) != null ? _b : (_a2 = table == null ? void 0 : table.value) == null ? void 0 : _a2.size) != null ? _c : componentSize == null ? void 0 : componentSize.value) != null ? _d : "middle";
|
|
17
17
|
},
|
|
18
18
|
{
|
|
19
19
|
value: computed(() => props.size),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useContainer.mjs","sources":["../../../../../../../../packages/components/table/src/hooks/useContainer.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2023-11-15 10:14:14\n * @LastEditors: shen\n * @LastEditTime: 2025-10-13 11:04:55\n * @Description:\n */\nimport type { ColumnsState, DensitySize, Key, ProTableProps } from '../components/interface'\nimport type { Ref, InjectionKey, ComputedRef } from 'vue'\n\nimport { computed, provide, inject, watch, ref } from 'vue'\nimport { genColumnKey } from '../utils/util'\nimport { useMergedState } from '@pro-design-vue/hooks'\nimport { useProConfigInject } from '@pro-design-vue/components/config-provider'\n\nexport type ContainerContextProps = {\n props: ProTableProps\n tableSize: Ref<DensitySize>\n hasFullScreen: Ref<boolean>\n setTableSize: (val: DensitySize) => void\n sortKeyColumns: Ref<string[]>\n setSortKeyColumns: (keys: string[]) => void\n columnsMap: Ref<Record<string, ColumnsState>>\n setColumnsMap: (val: Record<string, ColumnsState>) => void\n clearPersistenceStorage: () => void\n defaultColumnKeyMap: ComputedRef<{}>\n rootDomRef: Ref<HTMLDivElement | undefined>\n}\n\nconst ContainerContextKey: InjectionKey<ContainerContextProps> = Symbol('ContainerContextKey')\nexport const useContainer = (props: ProTableProps): ContainerContextProps => {\n const rootDomRef = ref<HTMLDivElement>()\n const hasFullScreen = ref(false)\n const { componentSize } = useProConfigInject()\n const sortKeyColumns = ref<string[]>([])\n\n const [tableSize, setTableSize] = useMergedState<DensitySize>(\n () => props.size ?? componentSize?.value ?? 'middle',\n {\n value: computed(() => props.size),\n onChange: props.onSizeChange,\n },\n )\n\n /** 默认全选中 */\n const defaultColumnKeyMap = computed(() => {\n if (props?.columnsState?.defaultValue) {\n const columnKeyMap = {}\n props.columns?.forEach(({ key, dataIndex, fixed, disable }, index) => {\n const columnKey = genColumnKey(key ?? (dataIndex as Key), index)\n if (columnKey) {\n if (fixed || disable) {\n columnKeyMap[columnKey] = {\n fixed,\n disable,\n show: true,\n }\n }\n }\n })\n return { ...columnKeyMap, ...props.columnsState.defaultValue }\n }\n const columnKeyMap = {}\n props.columns?.forEach(({ key, dataIndex, fixed, disable }, index) => {\n const columnKey = genColumnKey(key ?? (dataIndex as Key), index)\n if (columnKey) {\n columnKeyMap[columnKey] = {\n show: true,\n fixed,\n disable,\n }\n }\n })\n return columnKeyMap\n })\n\n const [columnsMap, setColumnsMap] = useMergedState<Record<string, ColumnsState>>(\n () => {\n const { persistenceType, persistenceKey } = props.columnsState || {}\n if (persistenceKey && persistenceType && typeof window !== 'undefined') {\n /** 从持久化中读取数据 */\n const storage = window[persistenceType]\n try {\n const storageValue = storage?.getItem(persistenceKey)\n if (storageValue) {\n return JSON.parse(storageValue)\n }\n } catch (error) {\n console.warn(error)\n }\n }\n return (\n props.columnsState?.value || props.columnsState?.defaultValue || defaultColumnKeyMap.value\n )\n },\n {\n value: computed(() => props.columnsState?.value as any),\n onChange: props.columnsState?.onChange,\n },\n )\n\n watch(\n [\n () => props.columnsState?.persistenceKey,\n defaultColumnKeyMap,\n () => props.columnsState?.persistenceType,\n ],\n () => {\n const { persistenceType, persistenceKey } = props.columnsState || {}\n if (persistenceKey && persistenceType && typeof window !== 'undefined') {\n /** 从持久化中读取数据 */\n const storage = window[persistenceType]\n try {\n const storageValue = storage?.getItem(persistenceKey)\n if (storageValue) {\n setColumnsMap(JSON.parse(storageValue))\n } else {\n setColumnsMap(defaultColumnKeyMap.value)\n }\n } catch (error) {\n console.warn(error)\n }\n }\n },\n {\n immediate: true,\n },\n )\n\n const clearPersistenceStorage = () => {\n const { persistenceType, persistenceKey } = props.columnsState || {}\n\n if (!persistenceKey || !persistenceType || typeof window === 'undefined') return\n\n /** 给持久化中设置数据 */\n const storage = window[persistenceType]\n try {\n storage?.removeItem(persistenceKey)\n } catch (error) {\n console.warn(error)\n }\n }\n\n watch(\n [\n () => props.columnsState?.persistenceKey,\n () => columnsMap.value,\n () => props.columnsState?.persistenceType,\n ],\n () => {\n if (!props.columnsState?.persistenceKey || !props.columnsState?.persistenceType) {\n return\n }\n if (typeof window === 'undefined') return\n /** 给持久化中设置数据 */\n const { persistenceType, persistenceKey } = props.columnsState\n const storage = window[persistenceType]\n try {\n storage?.setItem(persistenceKey, JSON.stringify(columnsMap.value))\n } catch (error) {\n console.warn(error)\n clearPersistenceStorage()\n }\n },\n )\n\n const context = {\n props,\n hasFullScreen,\n rootDomRef,\n tableSize,\n setTableSize,\n sortKeyColumns,\n setSortKeyColumns: (keys: string[]) => {\n sortKeyColumns.value = keys\n },\n columnsMap,\n setColumnsMap,\n clearPersistenceStorage,\n defaultColumnKeyMap,\n }\n\n provide(ContainerContextKey, context)\n\n return context\n}\n\nexport const useInjectContainer = () => {\n return inject(ContainerContextKey, {} as ContainerContextProps)\n}\n"],"names":["_a","columnKeyMap"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"useContainer.mjs","sources":["../../../../../../../../packages/components/table/src/hooks/useContainer.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2023-11-15 10:14:14\n * @LastEditors: shen\n * @LastEditTime: 2025-11-12 13:30:49\n * @Description:\n */\nimport type { ColumnsState, DensitySize, Key, ProTableProps } from '../components/interface'\nimport type { Ref, InjectionKey, ComputedRef } from 'vue'\n\nimport { computed, provide, inject, watch, ref } from 'vue'\nimport { genColumnKey } from '../utils/util'\nimport { useMergedState } from '@pro-design-vue/hooks'\nimport { useProConfigInject } from '@pro-design-vue/components/config-provider'\n\nexport type ContainerContextProps = {\n props: ProTableProps\n tableSize: Ref<DensitySize>\n hasFullScreen: Ref<boolean>\n setTableSize: (val: DensitySize) => void\n sortKeyColumns: Ref<string[]>\n setSortKeyColumns: (keys: string[]) => void\n columnsMap: Ref<Record<string, ColumnsState>>\n setColumnsMap: (val: Record<string, ColumnsState>) => void\n clearPersistenceStorage: () => void\n defaultColumnKeyMap: ComputedRef<{}>\n rootDomRef: Ref<HTMLDivElement | undefined>\n}\n\nconst ContainerContextKey: InjectionKey<ContainerContextProps> = Symbol('ContainerContextKey')\nexport const useContainer = (props: ProTableProps): ContainerContextProps => {\n const rootDomRef = ref<HTMLDivElement>()\n const hasFullScreen = ref(false)\n const { componentSize, table } = useProConfigInject()\n const sortKeyColumns = ref<string[]>([])\n\n const [tableSize, setTableSize] = useMergedState<DensitySize>(\n () => props.size ?? table?.value?.size ?? componentSize?.value ?? 'middle',\n {\n value: computed(() => props.size),\n onChange: props.onSizeChange,\n },\n )\n\n /** 默认全选中 */\n const defaultColumnKeyMap = computed(() => {\n if (props?.columnsState?.defaultValue) {\n const columnKeyMap = {}\n props.columns?.forEach(({ key, dataIndex, fixed, disable }, index) => {\n const columnKey = genColumnKey(key ?? (dataIndex as Key), index)\n if (columnKey) {\n if (fixed || disable) {\n columnKeyMap[columnKey] = {\n fixed,\n disable,\n show: true,\n }\n }\n }\n })\n return { ...columnKeyMap, ...props.columnsState.defaultValue }\n }\n const columnKeyMap = {}\n props.columns?.forEach(({ key, dataIndex, fixed, disable }, index) => {\n const columnKey = genColumnKey(key ?? (dataIndex as Key), index)\n if (columnKey) {\n columnKeyMap[columnKey] = {\n show: true,\n fixed,\n disable,\n }\n }\n })\n return columnKeyMap\n })\n\n const [columnsMap, setColumnsMap] = useMergedState<Record<string, ColumnsState>>(\n () => {\n const { persistenceType, persistenceKey } = props.columnsState || {}\n if (persistenceKey && persistenceType && typeof window !== 'undefined') {\n /** 从持久化中读取数据 */\n const storage = window[persistenceType]\n try {\n const storageValue = storage?.getItem(persistenceKey)\n if (storageValue) {\n return JSON.parse(storageValue)\n }\n } catch (error) {\n console.warn(error)\n }\n }\n return (\n props.columnsState?.value || props.columnsState?.defaultValue || defaultColumnKeyMap.value\n )\n },\n {\n value: computed(() => props.columnsState?.value as any),\n onChange: props.columnsState?.onChange,\n },\n )\n\n watch(\n [\n () => props.columnsState?.persistenceKey,\n defaultColumnKeyMap,\n () => props.columnsState?.persistenceType,\n ],\n () => {\n const { persistenceType, persistenceKey } = props.columnsState || {}\n if (persistenceKey && persistenceType && typeof window !== 'undefined') {\n /** 从持久化中读取数据 */\n const storage = window[persistenceType]\n try {\n const storageValue = storage?.getItem(persistenceKey)\n if (storageValue) {\n setColumnsMap(JSON.parse(storageValue))\n } else {\n setColumnsMap(defaultColumnKeyMap.value)\n }\n } catch (error) {\n console.warn(error)\n }\n }\n },\n {\n immediate: true,\n },\n )\n\n const clearPersistenceStorage = () => {\n const { persistenceType, persistenceKey } = props.columnsState || {}\n\n if (!persistenceKey || !persistenceType || typeof window === 'undefined') return\n\n /** 给持久化中设置数据 */\n const storage = window[persistenceType]\n try {\n storage?.removeItem(persistenceKey)\n } catch (error) {\n console.warn(error)\n }\n }\n\n watch(\n [\n () => props.columnsState?.persistenceKey,\n () => columnsMap.value,\n () => props.columnsState?.persistenceType,\n ],\n () => {\n if (!props.columnsState?.persistenceKey || !props.columnsState?.persistenceType) {\n return\n }\n if (typeof window === 'undefined') return\n /** 给持久化中设置数据 */\n const { persistenceType, persistenceKey } = props.columnsState\n const storage = window[persistenceType]\n try {\n storage?.setItem(persistenceKey, JSON.stringify(columnsMap.value))\n } catch (error) {\n console.warn(error)\n clearPersistenceStorage()\n }\n },\n )\n\n const context = {\n props,\n hasFullScreen,\n rootDomRef,\n tableSize,\n setTableSize,\n sortKeyColumns,\n setSortKeyColumns: (keys: string[]) => {\n sortKeyColumns.value = keys\n },\n columnsMap,\n setColumnsMap,\n clearPersistenceStorage,\n defaultColumnKeyMap,\n }\n\n provide(ContainerContextKey, context)\n\n return context\n}\n\nexport const useInjectContainer = () => {\n return inject(ContainerContextKey, {} as ContainerContextProps)\n}\n"],"names":["_a","columnKeyMap"],"mappings":"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"}
|