@aplus-frontend/ui 0.5.15 → 0.5.17
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/index.mjs +41 -39
- package/es/src/ap-grid/index.vue.mjs +109 -108
- package/es/src/ap-grid/interface.d.ts +10 -0
- package/es/src/ap-grid/utils/table.mjs +39 -32
- package/es/src/ap-table/utils.mjs +27 -26
- package/es/src/index.d.ts +1 -0
- package/es/src/index.mjs +239 -236
- package/es/src/mask/index.d.ts +2 -0
- package/es/src/mask/index.mjs +1 -0
- package/es/src/mask/index.vue.d.ts +31 -0
- package/es/src/mask/index.vue.mjs +116 -0
- package/es/src/mask/index.vue2.mjs +4 -0
- package/es/src/mask/interface.d.ts +21 -0
- package/es/src/mask/utils.d.ts +2 -0
- package/es/src/mask/utils.mjs +21 -0
- package/lib/index.js +1 -1
- package/lib/src/ap-grid/index.vue.js +1 -1
- package/lib/src/ap-grid/interface.d.ts +10 -0
- package/lib/src/ap-grid/utils/table.js +1 -1
- package/lib/src/ap-table/utils.js +1 -1
- package/lib/src/index.d.ts +1 -0
- package/lib/src/index.js +1 -1
- package/lib/src/mask/index.d.ts +2 -0
- package/lib/src/mask/index.js +1 -0
- package/lib/src/mask/index.vue.d.ts +31 -0
- package/lib/src/mask/index.vue.js +1 -0
- package/lib/src/mask/index.vue2.js +1 -0
- package/lib/src/mask/interface.d.ts +21 -0
- package/lib/src/mask/utils.d.ts +2 -0
- package/lib/src/mask/utils.js +6 -0
- package/package.json +3 -3
- package/theme/index.css +54 -0
- package/theme/index.less +1 -0
- package/theme/mask/index.css +54 -0
- package/theme/mask/index.less +28 -0
- package/theme/mixins/animations.css +24 -0
- package/theme/mixins/animations.less +38 -0
package/es/index.mjs
CHANGED
|
@@ -5,10 +5,10 @@ import { configProviderProps as d } from "./src/config-provider/config-provider-
|
|
|
5
5
|
import { DEFAULT_NAMESPACE as s, DEFAULT_UIMODE as A, configProviderContextKey as i } from "./src/config-provider/constants.mjs";
|
|
6
6
|
import { keysOf as c, provideGlobalConfig as F, useGlobalConfig as I } from "./src/config-provider/hooks/use-global-config.mjs";
|
|
7
7
|
import { buildLocaleContext as T, buildTranslator as S, localeContextKey as C, translate as g, useLocale as D } from "./src/config-provider/hooks/use-locale.mjs";
|
|
8
|
-
import { defaultNamespace as h, namespaceContextKey as P, useGetDerivedNamespace as E, useNamespace as
|
|
9
|
-
import { ConfigProvider as
|
|
8
|
+
import { defaultNamespace as h, namespaceContextKey as P, useGetDerivedNamespace as E, useNamespace as M } from "./src/config-provider/hooks/use-namespace.mjs";
|
|
9
|
+
import { ConfigProvider as L, globalConfigCached as N } from "./src/config-provider/config-provider.mjs";
|
|
10
10
|
import { APConfigProvider as w } from "./src/config-provider/index.mjs";
|
|
11
|
-
import { ApFormItemText as
|
|
11
|
+
import { ApFormItemText as v } from "./src/ap-form/items/text/index.mjs";
|
|
12
12
|
import { default as K } from "./src/ap-form/items/text-area/index.vue.mjs";
|
|
13
13
|
import { default as U } from "./src/ap-form/items/number/index.vue.mjs";
|
|
14
14
|
import { default as V } from "./src/ap-form/items/date/index.vue.mjs";
|
|
@@ -32,10 +32,10 @@ import { default as Ce } from "./src/ap-form/render/item.vue.mjs";
|
|
|
32
32
|
import { default as De } from "./src/ap-form/provider/index.vue.mjs";
|
|
33
33
|
import { ApField as he } from "./src/ap-field/index.mjs";
|
|
34
34
|
import { ApFieldText as Ee } from "./src/ap-field/text/index.mjs";
|
|
35
|
-
import { default as
|
|
35
|
+
import { default as Re } from "./src/ap-field/checkbox/index.vue.mjs";
|
|
36
36
|
import { default as Ne } from "./src/ap-field/date/index.vue.mjs";
|
|
37
37
|
import { default as we } from "./src/ap-field/number/index.vue.mjs";
|
|
38
|
-
import { default as
|
|
38
|
+
import { default as ve } from "./src/ap-field/radio/index.vue.mjs";
|
|
39
39
|
import { default as Ke } from "./src/ap-field/switch/index.vue.mjs";
|
|
40
40
|
import { default as Ue } from "./src/ap-field/text-area/index.vue.mjs";
|
|
41
41
|
import { default as Ve } from "./src/ap-field/date-range/index.vue.mjs";
|
|
@@ -57,11 +57,11 @@ import { default as So } from "./src/ap-tag/ap-tag.vue.mjs";
|
|
|
57
57
|
import { default as go } from "./src/ap-tag/ap-tag-group.vue.mjs";
|
|
58
58
|
import { default as Go } from "./src/ap-info-layout/ApInfoLayout.vue.mjs";
|
|
59
59
|
import { NeedNameKeyDefault as Po } from "./src/ap-upload/apUploadTypes.mjs";
|
|
60
|
-
import { default as
|
|
61
|
-
import { ApDownLoadNeedNameKeyDefault as
|
|
60
|
+
import { default as Mo } from "./src/ap-upload/apUpload.vue.mjs";
|
|
61
|
+
import { ApDownLoadNeedNameKeyDefault as Lo } from "./src/ap-download/interface.mjs";
|
|
62
62
|
import { default as yo } from "./src/ap-download/ap-download.vue.mjs";
|
|
63
|
-
import { CheckCard as
|
|
64
|
-
import { default as
|
|
63
|
+
import { CheckCard as ko } from "./src/check-card/index.mjs";
|
|
64
|
+
import { default as Bo } from "./src/check-card/group.vue.mjs";
|
|
65
65
|
import { ApModal as Oo } from "./src/ap-modal/index.mjs";
|
|
66
66
|
import { default as zo } from "./src/ap-list/index.vue.mjs";
|
|
67
67
|
import { default as Wo } from "./src/ap-button/ap-button.vue.mjs";
|
|
@@ -84,10 +84,10 @@ import { handleExportDownload as Sr } from "./src/business/ap-export-group/handl
|
|
|
84
84
|
import { convertExportField as gr } from "./src/business/ap-export-group/convertExportField.mjs";
|
|
85
85
|
import { ApImage as Gr } from "./src/business/ap-image/index.mjs";
|
|
86
86
|
import { ApInputRadio as Pr } from "./src/business/ap-input-radio/index.mjs";
|
|
87
|
-
import { ApLabel as
|
|
87
|
+
import { ApLabel as Mr, ApLabelGroup as Rr } from "./src/business/ap-label/index.mjs";
|
|
88
88
|
import { locales as Nr } from "./src/business/ap-ladder/interface.mjs";
|
|
89
89
|
import { ApLadder as wr } from "./src/business/ap-ladder/index.mjs";
|
|
90
|
-
import { ApSelectLayout as
|
|
90
|
+
import { ApSelectLayout as vr } from "./src/business/ap-select-layout/index.mjs";
|
|
91
91
|
import { ApStatus as Kr, ApStatusGroup as Or } from "./src/business/ap-status/index.mjs";
|
|
92
92
|
import { ApTitle as zr } from "./src/business/ap-title/index.mjs";
|
|
93
93
|
import { usePageListApTable as Wr } from "./src/business/hooks/usePageListApTable.mjs";
|
|
@@ -108,10 +108,10 @@ import { default as Ct } from "./src/editable-table/index.vue.mjs";
|
|
|
108
108
|
import { default as Dt } from "./src/editable-table/form-item.vue.mjs";
|
|
109
109
|
import { default as ht } from "./src/ap-descriptions/ap-descriptions.vue.mjs";
|
|
110
110
|
import { ensureRangeValue as Et } from "./src/scroll-bar/utils/index.mjs";
|
|
111
|
-
import { default as
|
|
111
|
+
import { default as Rt } from "./src/scroll-bar/index.vue.mjs";
|
|
112
112
|
import { default as Nt } from "./src/scroll-bar/internal.vue.mjs";
|
|
113
113
|
import { default as wt } from "./src/scroll-view/index.vue.mjs";
|
|
114
|
-
import { default as
|
|
114
|
+
import { default as vt } from "./src/portal/index.vue.mjs";
|
|
115
115
|
import { default as Kt } from "./src/full-screen/index.vue.mjs";
|
|
116
116
|
import { default as Ut } from "./src/resize-observer/index.vue.mjs";
|
|
117
117
|
import { default as Vt } from "./src/ap-grid/index.vue.mjs";
|
|
@@ -119,12 +119,13 @@ import { default as _t } from "./src/ap-grid/editable/index.vue.mjs";
|
|
|
119
119
|
import { default as $t } from "./src/ap-grid/editable/form-item.vue.mjs";
|
|
120
120
|
import { default as qt } from "./src/text/index.vue.mjs";
|
|
121
121
|
import { default as Qt } from "./src/text/group.vue.mjs";
|
|
122
|
-
import {
|
|
123
|
-
import {
|
|
124
|
-
import {
|
|
125
|
-
import {
|
|
126
|
-
import {
|
|
127
|
-
import {
|
|
122
|
+
import { default as Yt } from "./src/mask/index.vue.mjs";
|
|
123
|
+
import { useMessage as ep } from "./src/hooks/useMessage.mjs";
|
|
124
|
+
import { useControllableValue as rp } from "./src/hooks/useControllableValue.mjs";
|
|
125
|
+
import { useManualRef as pp } from "./src/hooks/useManualRef.mjs";
|
|
126
|
+
import { useThrottleRef as fp } from "./src/hooks/useThrottleRef.mjs";
|
|
127
|
+
import { useFullScreen as lp } from "./src/hooks/useFullScreen.mjs";
|
|
128
|
+
import { useResize as dp } from "./src/hooks/useResize.mjs";
|
|
128
129
|
const a = {
|
|
129
130
|
install: (r) => {
|
|
130
131
|
for (const t in o) {
|
|
@@ -150,7 +151,7 @@ export {
|
|
|
150
151
|
Ar as ApCard,
|
|
151
152
|
jo as ApConfirmButton,
|
|
152
153
|
ht as ApDescriptions,
|
|
153
|
-
|
|
154
|
+
Lo as ApDownLoadNeedNameKeyDefault,
|
|
154
155
|
yo as ApDownload,
|
|
155
156
|
Jo as ApDrawer,
|
|
156
157
|
nr as ApExpandAlert,
|
|
@@ -158,12 +159,12 @@ export {
|
|
|
158
159
|
Fr as ApExportGroupActionType,
|
|
159
160
|
ft as ApExtensionSelect,
|
|
160
161
|
he as ApField,
|
|
161
|
-
|
|
162
|
+
Re as ApFieldCheckbox,
|
|
162
163
|
Ne as ApFieldDate,
|
|
163
164
|
Ve as ApFieldDateRange,
|
|
164
165
|
we as ApFieldNumber,
|
|
165
166
|
$e as ApFieldPassword,
|
|
166
|
-
|
|
167
|
+
ve as ApFieldRadio,
|
|
167
168
|
Ye as ApFieldRate,
|
|
168
169
|
Qe as ApFieldSegmented,
|
|
169
170
|
_e as ApFieldSelect,
|
|
@@ -186,7 +187,7 @@ export {
|
|
|
186
187
|
Ce as ApFormItemRender,
|
|
187
188
|
q as ApFormItemSelect,
|
|
188
189
|
Q as ApFormItemSwitch,
|
|
189
|
-
|
|
190
|
+
v as ApFormItemText,
|
|
190
191
|
K as ApFormItemTextArea,
|
|
191
192
|
ee as ApFormItemTextPassword,
|
|
192
193
|
le as ApFormList,
|
|
@@ -199,14 +200,14 @@ export {
|
|
|
199
200
|
Gr as ApImage,
|
|
200
201
|
Go as ApInfoLayout,
|
|
201
202
|
Pr as ApInputRadio,
|
|
202
|
-
|
|
203
|
-
|
|
203
|
+
Mr as ApLabel,
|
|
204
|
+
Rr as ApLabelGroup,
|
|
204
205
|
wr as ApLadder,
|
|
205
206
|
zo as ApList,
|
|
206
207
|
Oo as ApModal,
|
|
207
208
|
rt as ApNeedNameKeyDefault,
|
|
208
209
|
lt as ApPopoverSelect,
|
|
209
|
-
|
|
210
|
+
vr as ApSelectLayout,
|
|
210
211
|
ct as ApSizeInput,
|
|
211
212
|
Kr as ApStatus,
|
|
212
213
|
Or as ApStatusGroup,
|
|
@@ -219,12 +220,12 @@ export {
|
|
|
219
220
|
Qt as ApTextGroup,
|
|
220
221
|
zr as ApTitle,
|
|
221
222
|
Xo as ApTransformDataHelper,
|
|
222
|
-
|
|
223
|
+
Mo as ApUpload,
|
|
223
224
|
dt as ApUploadSingle,
|
|
224
225
|
st as BatchInputGroup,
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
226
|
+
ko as CheckCard,
|
|
227
|
+
Bo as CheckCardGroup,
|
|
228
|
+
L as ConfigProvider,
|
|
228
229
|
s as DEFAULT_NAMESPACE,
|
|
229
230
|
A as DEFAULT_UIMODE,
|
|
230
231
|
io as DictCode,
|
|
@@ -234,10 +235,11 @@ export {
|
|
|
234
235
|
Dt as EditableTableFormItem,
|
|
235
236
|
Kt as FullScreen,
|
|
236
237
|
Nt as InternalScrollBar,
|
|
238
|
+
Yt as Mask,
|
|
237
239
|
Po as NeedNameKeyDefault,
|
|
238
|
-
|
|
240
|
+
vt as Portal,
|
|
239
241
|
Ut as ResizeObserver,
|
|
240
|
-
|
|
242
|
+
Rt as ScrollBar,
|
|
241
243
|
wt as ScrollView,
|
|
242
244
|
bo as WorkOrderModal,
|
|
243
245
|
eo as adminToken,
|
|
@@ -265,20 +267,20 @@ export {
|
|
|
265
267
|
l as pathMap,
|
|
266
268
|
F as provideGlobalConfig,
|
|
267
269
|
g as translate,
|
|
268
|
-
|
|
269
|
-
|
|
270
|
+
rp as useControllableValue,
|
|
271
|
+
lp as useFullScreen,
|
|
270
272
|
E as useGetDerivedNamespace,
|
|
271
273
|
I as useGlobalConfig,
|
|
272
274
|
D as useLocale,
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
275
|
+
pp as useManualRef,
|
|
276
|
+
ep as useMessage,
|
|
277
|
+
M as useNamespace,
|
|
276
278
|
jr as usePageListApGrid,
|
|
277
279
|
Wr as usePageListApTable,
|
|
278
|
-
|
|
280
|
+
dp as useResize,
|
|
279
281
|
or as useTableModal,
|
|
280
282
|
It as useTablePaging,
|
|
281
283
|
Hr as useTableRefresh,
|
|
282
284
|
tr as useTableSelectModal,
|
|
283
|
-
|
|
285
|
+
fp as useThrottleRef
|
|
284
286
|
};
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { defineComponent as ke, useSlots as Fe, getCurrentInstance as Be, ref as R, computed as n, unref as o, watch as
|
|
2
|
-
import { VxeTable as Pe, VxeColumn as
|
|
1
|
+
import { defineComponent as ke, useSlots as Fe, getCurrentInstance as Be, ref as R, computed as n, unref as o, watch as z, createElementBlock as k, openBlock as s, normalizeStyle as T, normalizeClass as f, createCommentVNode as C, createElementVNode as F, createVNode as U, mergeProps as g, createSlots as G, withCtx as h, Fragment as X, renderList as A, createBlock as u, resolveDynamicComponent as _, renderSlot as V, normalizeProps as J, guardReactiveProps as Ie } from "vue";
|
|
2
|
+
import { VxeTable as Pe, VxeColumn as Q } from "vxe-table";
|
|
3
3
|
import "vxe-table/es/style.css";
|
|
4
4
|
import "vxe-pc-ui/es/style.css";
|
|
5
|
-
import { VxeUI as
|
|
5
|
+
import { VxeUI as Y } from "vxe-pc-ui";
|
|
6
6
|
import { isUndefined as B, omit as Ee } from "lodash-unified";
|
|
7
7
|
import { ApForm as Ne } from "../ap-form/index.mjs";
|
|
8
8
|
import "../config-provider/index.mjs";
|
|
9
9
|
import { noRenderAsFormItemValueList as ze } from "../ap-table/constants.mjs";
|
|
10
|
-
import { getColumnOrder as
|
|
10
|
+
import { getColumnOrder as Z, updateFormProps as Te, getFieldProps as Ae, getSearchFormItemRenderNode as _e, recursionApColumns as ee } from "../ap-table/utils.mjs";
|
|
11
11
|
import { useTablePaging as Ve } from "../ap-table/hooks/use-table-paging-ng.mjs";
|
|
12
|
-
import { Empty as
|
|
12
|
+
import { Empty as oe, Pagination as Le } from "@aplus-frontend/antdv";
|
|
13
13
|
import { useInnerParams as Oe } from "./hooks/use-inner-params.mjs";
|
|
14
14
|
import { toVxeProps as De, getRowExpandProps as Ke, getRowSelectionProps as $e } from "./utils/table.mjs";
|
|
15
15
|
import je from "../ap-table/hooks/use-table-row-selection.mjs";
|
|
@@ -106,28 +106,28 @@ const Ro = /* @__PURE__ */ ke({
|
|
|
106
106
|
expandable: {},
|
|
107
107
|
value: {}
|
|
108
108
|
},
|
|
109
|
-
setup(
|
|
110
|
-
var
|
|
111
|
-
const
|
|
112
|
-
|
|
113
|
-
const { e: I, b:
|
|
114
|
-
|
|
115
|
-
i18n: (e, l) =>
|
|
109
|
+
setup(ae, { expose: re }) {
|
|
110
|
+
var q;
|
|
111
|
+
const L = Fe(), a = ae, b = (q = Be()) == null ? void 0 : q.appContext.app;
|
|
112
|
+
b && !b.__VXE_PC_UI_INSTALLED__ && (b.use(Y), b.__VXE_PC_UI_INSTALLED__ = !0);
|
|
113
|
+
const { e: I, b: d, be: te } = Ge("ap-grid"), le = Xe("valueTypeMap"), i = R([]), O = R([]), p = R(), w = R(a.size), [, m] = Ue(), { t: ne } = Je();
|
|
114
|
+
Y.setConfig({
|
|
115
|
+
i18n: (e, l) => ne(`ap.${e}`, l)
|
|
116
116
|
});
|
|
117
|
-
const { renderConfig:
|
|
118
|
-
let
|
|
117
|
+
const { renderConfig: se, updateSignal: ie } = qe(i);
|
|
118
|
+
let D = 0;
|
|
119
119
|
const de = n(() => {
|
|
120
120
|
if (p.value)
|
|
121
121
|
return p.value.$el.querySelector(
|
|
122
122
|
".vxe-table--header-inner-wrapper"
|
|
123
123
|
);
|
|
124
|
-
}),
|
|
124
|
+
}), K = n(() => {
|
|
125
125
|
var e, l, t;
|
|
126
|
-
return
|
|
126
|
+
return D++, ((t = (l = (e = a.columns) == null ? void 0 : e.filter(
|
|
127
127
|
(r) => !r.hideInSearch && r.dataIndex && (r.valueType || r.customRenderFormItem) && !ze.includes(r.valueType)
|
|
128
128
|
)) == null ? void 0 : l.sort((r, c) => {
|
|
129
|
-
let y =
|
|
130
|
-
return
|
|
129
|
+
let y = Z(r.order);
|
|
130
|
+
return Z(c.order) - y;
|
|
131
131
|
})) == null ? void 0 : t.map((r) => {
|
|
132
132
|
const c = Te(
|
|
133
133
|
r,
|
|
@@ -138,39 +138,39 @@ const Ro = /* @__PURE__ */ ke({
|
|
|
138
138
|
label: r.title,
|
|
139
139
|
name: r.dataIndex,
|
|
140
140
|
...c || {},
|
|
141
|
-
_signal:
|
|
141
|
+
_signal: D
|
|
142
142
|
},
|
|
143
143
|
renderNode: void 0
|
|
144
144
|
};
|
|
145
145
|
return y.renderNode = _e(
|
|
146
146
|
y,
|
|
147
|
-
o(
|
|
147
|
+
o(le)
|
|
148
148
|
), y;
|
|
149
149
|
})) || [];
|
|
150
|
-
}),
|
|
151
|
-
|
|
152
|
-
a.card ? null :
|
|
153
|
-
a.adaptive ?
|
|
154
|
-
a.sticky ?
|
|
155
|
-
].filter(Boolean)),
|
|
150
|
+
}), ce = n(() => [
|
|
151
|
+
d(),
|
|
152
|
+
a.card ? null : d("wrapper"),
|
|
153
|
+
a.adaptive ? d("adaptive") : null,
|
|
154
|
+
a.sticky ? d("sticky") : null
|
|
155
|
+
].filter(Boolean)), $ = n(() => ee(o(i), (e) => {
|
|
156
156
|
if (e.sorter === !0)
|
|
157
157
|
return e.key || e.dataIndex;
|
|
158
|
-
}).filter(Boolean)),
|
|
158
|
+
}).filter(Boolean)), j = n(() => ee(o(i), (e) => {
|
|
159
159
|
if (e.filters && !e.onFilter)
|
|
160
160
|
return e.key || e.dataIndex;
|
|
161
161
|
}).filter(Boolean)), {
|
|
162
162
|
formRef: P,
|
|
163
|
-
submit:
|
|
164
|
-
reset:
|
|
165
|
-
refresh:
|
|
166
|
-
data:
|
|
167
|
-
tableProps:
|
|
163
|
+
submit: H,
|
|
164
|
+
reset: W,
|
|
165
|
+
refresh: ue,
|
|
166
|
+
data: v,
|
|
167
|
+
tableProps: M,
|
|
168
168
|
setDataSource: pe,
|
|
169
169
|
handleTableChange: me
|
|
170
170
|
} = Ve({
|
|
171
171
|
async request(e) {
|
|
172
172
|
var t;
|
|
173
|
-
if (!x.value.preserveSelectedRowKeys && B(a.dataSource) &&
|
|
173
|
+
if (!x.value.preserveSelectedRowKeys && B(a.dataSource) && N(), !B(a.dataSource)) {
|
|
174
174
|
const r = e.pageSize * (e.current - 1);
|
|
175
175
|
return {
|
|
176
176
|
data: (a.pagination === !1 ? a.dataSource : a.dataSource.slice(r, r + e.pageSize)) || [],
|
|
@@ -184,50 +184,50 @@ const Ro = /* @__PURE__ */ ke({
|
|
|
184
184
|
};
|
|
185
185
|
},
|
|
186
186
|
namespace: "ap-grid",
|
|
187
|
-
filterFields:
|
|
188
|
-
sortFields:
|
|
187
|
+
filterFields: j,
|
|
188
|
+
sortFields: $,
|
|
189
189
|
defaultParams: a.params,
|
|
190
190
|
defaultData: a.defaultData,
|
|
191
191
|
manual: a.manual,
|
|
192
192
|
formatParams: a.beforeSearchSubmit,
|
|
193
193
|
pagination: a.pagination
|
|
194
|
-
}), { sortChangeEvent: fe, filterChangeEvent: ge, paginationChangeEvent:
|
|
194
|
+
}), { sortChangeEvent: fe, filterChangeEvent: ge, paginationChangeEvent: he } = Oe(me);
|
|
195
195
|
He({
|
|
196
|
-
columns: n(() =>
|
|
197
|
-
columnsBackup: n(() =>
|
|
198
|
-
size: n(() =>
|
|
196
|
+
columns: n(() => i.value),
|
|
197
|
+
columnsBackup: n(() => O.value),
|
|
198
|
+
size: n(() => w.value ? Me[w.value] : "middle"),
|
|
199
199
|
updateColumns(e) {
|
|
200
|
-
|
|
200
|
+
i.value = e;
|
|
201
201
|
},
|
|
202
202
|
updateSize(e) {
|
|
203
|
-
|
|
203
|
+
w.value = We[e];
|
|
204
204
|
},
|
|
205
205
|
renderConfig: n(() => ({
|
|
206
|
-
className:
|
|
206
|
+
className: te("table-header", "title"),
|
|
207
207
|
color: m.value.colorPrimary
|
|
208
208
|
}))
|
|
209
209
|
});
|
|
210
|
-
const
|
|
211
|
-
() =>
|
|
210
|
+
const ve = n(
|
|
211
|
+
() => i.value.some(
|
|
212
212
|
(e) => e.fixed === "left" || e.fixed === !0
|
|
213
213
|
) ? "left" : void 0
|
|
214
214
|
), ye = n(
|
|
215
|
-
() => B(a.dataSource) ?
|
|
215
|
+
() => B(a.dataSource) ? v.records : a.dataSource
|
|
216
216
|
), { selectedRows: S, rowSelection: x, ...Ce } = je({
|
|
217
217
|
...a.rowSelection === !0 ? {} : a.rowSelection,
|
|
218
218
|
dataSource: ye,
|
|
219
219
|
rowKey: a.rowKey
|
|
220
|
-
}),
|
|
220
|
+
}), E = () => {
|
|
221
221
|
const e = p.value;
|
|
222
222
|
e && (S.value = [
|
|
223
223
|
...e.getCheckboxReserveRecords(),
|
|
224
224
|
...e.getCheckboxRecords()
|
|
225
225
|
]);
|
|
226
|
-
},
|
|
226
|
+
}, be = () => {
|
|
227
227
|
const e = p.value;
|
|
228
228
|
e && (S.value = [e.getRadioRecord()]);
|
|
229
229
|
};
|
|
230
|
-
function
|
|
230
|
+
function we() {
|
|
231
231
|
var e;
|
|
232
232
|
return ((e = a.columns) == null ? void 0 : e.filter((l) => !l.hideInTable)) || [];
|
|
233
233
|
}
|
|
@@ -240,70 +240,70 @@ const Ro = /* @__PURE__ */ ke({
|
|
|
240
240
|
const l = e ? "getFieldsValueTransformed" : "getFieldsValue";
|
|
241
241
|
return (c = (r = (t = P.value) == null ? void 0 : t.apForm) == null ? void 0 : r[l]) == null ? void 0 : c.call(r, !0);
|
|
242
242
|
}
|
|
243
|
-
function
|
|
243
|
+
function N() {
|
|
244
244
|
Ce.clearAll();
|
|
245
245
|
const e = p.value;
|
|
246
246
|
e && (x.value.type === "radio" ? (e.clearRadioRow(), e.clearRadioReserve()) : (e.clearCheckboxRow(), e.clearCheckboxReserve()));
|
|
247
247
|
}
|
|
248
248
|
async function Re(e, l) {
|
|
249
249
|
var r;
|
|
250
|
-
const t =
|
|
250
|
+
const t = v.records[e];
|
|
251
251
|
if (t)
|
|
252
252
|
return (r = p.value) == null ? void 0 : r.scrollToRow(t, l);
|
|
253
253
|
}
|
|
254
|
-
return
|
|
254
|
+
return z(
|
|
255
255
|
() => [a.columnResizable, a.columns],
|
|
256
256
|
() => {
|
|
257
|
-
const e =
|
|
258
|
-
|
|
257
|
+
const e = we();
|
|
258
|
+
i.value = e, O.value = e;
|
|
259
259
|
},
|
|
260
260
|
{
|
|
261
261
|
deep: !0,
|
|
262
262
|
immediate: !0
|
|
263
263
|
}
|
|
264
|
-
),
|
|
264
|
+
), z(
|
|
265
265
|
() => a.dataSource,
|
|
266
266
|
(e) => {
|
|
267
267
|
pe(e);
|
|
268
268
|
},
|
|
269
269
|
{ immediate: !0 }
|
|
270
|
-
),
|
|
271
|
-
() => o(
|
|
270
|
+
), z(
|
|
271
|
+
() => o(v).loading,
|
|
272
272
|
(e) => {
|
|
273
273
|
var l;
|
|
274
274
|
(l = a.onLoadingChange) == null || l.call(a, e);
|
|
275
275
|
}
|
|
276
|
-
),
|
|
277
|
-
submit:
|
|
278
|
-
reset:
|
|
279
|
-
refresh:
|
|
276
|
+
), re({
|
|
277
|
+
submit: H,
|
|
278
|
+
reset: W,
|
|
279
|
+
refresh: ue,
|
|
280
280
|
setSearchFormValues: Se,
|
|
281
281
|
getSearchFormValues: xe,
|
|
282
|
-
getShowColumns: () => o(
|
|
282
|
+
getShowColumns: () => o(i),
|
|
283
283
|
rowSelection: {
|
|
284
284
|
selectedRows: n(() => S.value),
|
|
285
|
-
clearAll:
|
|
285
|
+
clearAll: N
|
|
286
286
|
},
|
|
287
287
|
scrollToRow: Re
|
|
288
288
|
}), (e, l) => (s(), k("div", {
|
|
289
|
-
class: f(
|
|
290
|
-
style:
|
|
289
|
+
class: f(ce.value),
|
|
290
|
+
style: T(e.wrapperStyle)
|
|
291
291
|
}, [
|
|
292
|
-
o(B)(e.dataSource) && e.searchForm !== !1 &&
|
|
292
|
+
o(B)(e.dataSource) && e.searchForm !== !1 && K.value.length > 0 ? (s(), k("div", {
|
|
293
293
|
key: 0,
|
|
294
294
|
class: f(e.card ? o(I)("search-wrapper") : null),
|
|
295
|
-
style:
|
|
295
|
+
style: T(e.searchFormWrapperStyle)
|
|
296
296
|
}, [
|
|
297
|
-
|
|
297
|
+
U(o(Ne).SearchForm, g(e.searchForm || {}, {
|
|
298
298
|
ref_key: "formRef",
|
|
299
299
|
ref: P,
|
|
300
300
|
"custom-reset": "",
|
|
301
|
-
"submit-loading":
|
|
302
|
-
onSubmit: o(
|
|
303
|
-
onReset: o(
|
|
304
|
-
}),
|
|
305
|
-
default:
|
|
306
|
-
(s(!0), k(
|
|
301
|
+
"submit-loading": o(M).loading,
|
|
302
|
+
onSubmit: o(H),
|
|
303
|
+
onReset: o(W)
|
|
304
|
+
}), G({
|
|
305
|
+
default: h(() => [
|
|
306
|
+
(s(!0), k(X, null, A(K.value, (t) => (s(), u(_(t.renderNode.Comp), g({
|
|
307
307
|
key: t.dataIndex,
|
|
308
308
|
item: t,
|
|
309
309
|
ref_for: !0
|
|
@@ -314,40 +314,40 @@ const Ro = /* @__PURE__ */ ke({
|
|
|
314
314
|
]),
|
|
315
315
|
_: 2
|
|
316
316
|
}, [
|
|
317
|
-
|
|
317
|
+
L.searchFormExtra ? {
|
|
318
318
|
name: "extra",
|
|
319
|
-
fn:
|
|
320
|
-
|
|
319
|
+
fn: h(() => [
|
|
320
|
+
V(e.$slots, "searchFormExtra")
|
|
321
321
|
]),
|
|
322
322
|
key: "0"
|
|
323
323
|
} : void 0
|
|
324
|
-
]), 1040, ["onSubmit", "onReset"])
|
|
324
|
+
]), 1040, ["submit-loading", "onSubmit", "onReset"])
|
|
325
325
|
], 6)) : C("", !0),
|
|
326
326
|
F("div", {
|
|
327
327
|
class: f([o(I)("table-wrapper"), e.card ? o(I)("table-wrapper-card") : null]),
|
|
328
|
-
style:
|
|
328
|
+
style: T(e.tableWrapperStyle)
|
|
329
329
|
}, [
|
|
330
330
|
F("div", {
|
|
331
|
-
class: f(o(
|
|
331
|
+
class: f(o(d)("header-wrapper"))
|
|
332
332
|
}, [
|
|
333
|
-
|
|
333
|
+
V(e.$slots, "title", {
|
|
334
334
|
selectedRows: o(S),
|
|
335
335
|
selectedRowKeys: o(x).selectedRowKeys,
|
|
336
|
-
shownColumns:
|
|
337
|
-
clearAll:
|
|
336
|
+
shownColumns: i.value,
|
|
337
|
+
clearAll: N
|
|
338
338
|
})
|
|
339
339
|
], 2),
|
|
340
340
|
F("div", {
|
|
341
|
-
class: f(o(
|
|
341
|
+
class: f(o(d)("vxe-wrapper"))
|
|
342
342
|
}, [
|
|
343
343
|
(s(), u(o(Pe), g(o(De)(a), {
|
|
344
344
|
ref_key: "tableRef",
|
|
345
345
|
ref: p,
|
|
346
|
-
key: o(
|
|
347
|
-
data: o(
|
|
348
|
-
"sort-config": { remote:
|
|
349
|
-
"filter-config": { remote:
|
|
350
|
-
loading: o(
|
|
346
|
+
key: o(ie),
|
|
347
|
+
data: o(v).records,
|
|
348
|
+
"sort-config": { remote: $.value.length > 0 },
|
|
349
|
+
"filter-config": { remote: j.value.length > 0 },
|
|
350
|
+
loading: o(v).loading,
|
|
351
351
|
"row-config": {
|
|
352
352
|
isHover: !0,
|
|
353
353
|
keyField: a.rowKey
|
|
@@ -362,42 +362,43 @@ const Ro = /* @__PURE__ */ ke({
|
|
|
362
362
|
"--vxe-ui-table-row-radio-checked-background-color": o(m).controlItemBgActive,
|
|
363
363
|
"--vxe-ui-table-row-hover-radio-checked-background-color": o(m).controlItemBgActiveHover
|
|
364
364
|
},
|
|
365
|
-
size:
|
|
365
|
+
size: w.value,
|
|
366
366
|
onSortChange: o(fe),
|
|
367
367
|
onFilterChange: o(ge),
|
|
368
|
-
onCheckboxChange:
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
368
|
+
onCheckboxChange: E,
|
|
369
|
+
onCheckboxRangeChange: E,
|
|
370
|
+
onCheckboxAll: E,
|
|
371
|
+
onRadioChange: be
|
|
372
|
+
}), G({
|
|
373
|
+
empty: h(() => [
|
|
374
|
+
U(o(oe), {
|
|
375
|
+
image: o(oe).PRESENTED_IMAGE_SIMPLE
|
|
375
376
|
}, null, 8, ["image"])
|
|
376
377
|
]),
|
|
377
|
-
default:
|
|
378
|
-
a.expandable ? (s(), u(o(
|
|
379
|
-
content:
|
|
380
|
-
(s(), u(
|
|
378
|
+
default: h(() => [
|
|
379
|
+
a.expandable ? (s(), u(o(Q), g({ key: 0 }, o(Ke)(e.expandable), { fixed: ve.value }), {
|
|
380
|
+
content: h((t) => [
|
|
381
|
+
(s(), u(_(a.expandable.renderContent(t))))
|
|
381
382
|
]),
|
|
382
383
|
_: 1
|
|
383
384
|
}, 16, ["fixed"])) : C("", !0),
|
|
384
|
-
a.rowSelection ? (s(), u(o(
|
|
385
|
-
(s(!0), k(
|
|
385
|
+
a.rowSelection ? (s(), u(o(Q), J(g({ key: 1 }, o($e)(o(x), i.value))), null, 16)) : C("", !0),
|
|
386
|
+
(s(!0), k(X, null, A(o(se), (t) => (s(), u(_(t), {
|
|
386
387
|
key: t.props.colId
|
|
387
388
|
}))), 128))
|
|
388
389
|
]),
|
|
389
390
|
_: 2
|
|
390
391
|
}, [
|
|
391
|
-
|
|
392
|
+
A(o(Ee)(L, ["searchFormExtra"]), (t, r) => ({
|
|
392
393
|
name: r,
|
|
393
|
-
fn:
|
|
394
|
-
|
|
394
|
+
fn: h((c) => [
|
|
395
|
+
V(e.$slots, r, J(Ie(c || {})))
|
|
395
396
|
])
|
|
396
397
|
}))
|
|
397
398
|
]), 1040, ["data", "sort-config", "filter-config", "loading", "row-config", "style", "size", "onSortChange", "onFilterChange"]))
|
|
398
399
|
], 2),
|
|
399
400
|
F("div", {
|
|
400
|
-
class: f(o(
|
|
401
|
+
class: f(o(d)("pagination-wrapper"))
|
|
401
402
|
}, [
|
|
402
403
|
e.sticky ? (s(), u(o(Qe), {
|
|
403
404
|
key: 0,
|
|
@@ -406,8 +407,8 @@ const Ro = /* @__PURE__ */ ke({
|
|
|
406
407
|
}, null, 8, ["scroll-container"])) : C("", !0),
|
|
407
408
|
e.pagination !== !1 ? (s(), u(o(Le), g({
|
|
408
409
|
key: 1,
|
|
409
|
-
class: o(
|
|
410
|
-
}, o(
|
|
410
|
+
class: o(d)("pagination")
|
|
411
|
+
}, o(M).pagination, { onChange: o(he) }), null, 16, ["class", "onChange"])) : C("", !0)
|
|
411
412
|
], 2)
|
|
412
413
|
], 6)
|
|
413
414
|
], 6));
|
|
@@ -104,6 +104,16 @@ export type ApGridRowSelection<RecordType> = Pick<TableRowSelection<RecordType>,
|
|
|
104
104
|
* @returns
|
|
105
105
|
*/
|
|
106
106
|
disabled?: (row: RecordType) => boolean;
|
|
107
|
+
/**
|
|
108
|
+
* 是否显示选择框的方法,返回false将显示
|
|
109
|
+
* @param row
|
|
110
|
+
* @returns
|
|
111
|
+
*/
|
|
112
|
+
shown?: (row: RecordType) => boolean;
|
|
113
|
+
/**
|
|
114
|
+
* 是否开启鼠标滑动的范围选择(仅复选有效)
|
|
115
|
+
*/
|
|
116
|
+
range?: boolean;
|
|
107
117
|
};
|
|
108
118
|
export type ApGridProps<RecordType = any, ParamsType = any> = Omit<TableProps<RecordType>, 'columns' | 'pagination' | 'dataSource' | 'size' | 'rowSelection' | 'rowKey' | 'rowClassName' | 'footer'> & Pick<VxeTableProps<RecordType>, 'rowClassName' | 'stripe' | 'headerRowClassName' | 'footerRowClassName' | 'cellClassName' | 'headerCellClassName' | 'footerCellClassName' | 'rowStyle' | 'headerRowStyle' | 'footerRowStyle' | 'cellStyle' | 'headerCellStyle' | 'footerCellStyle' | 'height' | 'minHeight' | 'maxHeight' | 'mergeCells' | 'mergeFooterItems' | 'cellConfig'> & {
|
|
109
119
|
/**
|