vft 0.0.112 → 0.0.115
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/components/super-form/style/css.js +6 -0
- package/es/components/super-form/style/index.js +4 -0
- package/es/components/super-form/super-form-action.vue2.js +142 -50
- package/es/components/super-form/super-form-item.vue2.js +7 -7
- package/es/components/super-form/super-form.vue2.js +244 -149
- package/es/package.json.js +1 -1
- package/lib/components/super-form/style/css.cjs +1 -1
- package/lib/components/super-form/style/index.cjs +1 -1
- package/lib/components/super-form/super-form-action.vue2.cjs +1 -1
- package/lib/components/super-form/super-form-item.vue2.cjs +1 -1
- package/lib/components/super-form/super-form.vue2.cjs +1 -1
- package/lib/package.json.cjs +1 -1
- package/package.json +2 -2
- package/web-types.json +1 -1
|
@@ -1,25 +1,108 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { useNamespace as
|
|
1
|
+
import { defineComponent as J, useAttrs as at, reactive as st, ref as p, computed as c, unref as e, watch as d, nextTick as pt, onMounted as lt, openBlock as l, createBlock as B, mergeProps as C, withKeys as ut, withCtx as h, normalizeProps as y, renderSlot as b, createElementBlock as ft, Fragment as ct, renderList as E, createSlots as U, guardReactiveProps as j, createCommentVNode as V } from "vue";
|
|
2
|
+
import { useNamespace as dt } from "../../hooks/use-namespace/index.js";
|
|
3
3
|
import "@popperjs/core";
|
|
4
4
|
import "lodash";
|
|
5
5
|
import "../../hooks/use-z-index/index.js";
|
|
6
|
-
import { useDebounceFn as
|
|
7
|
-
import { cloneDeep as
|
|
6
|
+
import { useDebounceFn as Bt } from "@vueuse/core";
|
|
7
|
+
import { cloneDeep as x, pick as ht, deepMerge as yt } from "@vft/utils";
|
|
8
8
|
import "../../utils/ns-cover.js";
|
|
9
|
-
import { FormCompEnum as
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import { useAutoFocus as
|
|
13
|
-
import { createFormContext as
|
|
14
|
-
import { useFormEvents as
|
|
15
|
-
import { useFormValues as
|
|
16
|
-
|
|
9
|
+
import { FormCompEnum as bt } from "./component-map.js";
|
|
10
|
+
import gt from "./super-form-action.vue2.js";
|
|
11
|
+
import Ft from "./super-form-item.vue2.js";
|
|
12
|
+
import { useAutoFocus as vt } from "./use/use-auto-focus.js";
|
|
13
|
+
import { createFormContext as wt } from "./use/use-form-context.js";
|
|
14
|
+
import { useFormEvents as St } from "./use/use-form-events.js";
|
|
15
|
+
import { useFormValues as Pt } from "./use/use-form-values.js";
|
|
16
|
+
import "../divider/index.js";
|
|
17
|
+
import "../icon/index.js";
|
|
18
|
+
import "../avatar/index.js";
|
|
19
|
+
import "../empty/index.js";
|
|
20
|
+
import "../result/index.js";
|
|
21
|
+
import "../tabs/index.js";
|
|
22
|
+
import "../popper/index.js";
|
|
23
|
+
import "../collapse-transition/index.js";
|
|
24
|
+
import "../tooltip/index.js";
|
|
25
|
+
import "../popover/index.js";
|
|
26
|
+
import "../menu/index.js";
|
|
27
|
+
import "../context-menu/context-menu.vue2.js";
|
|
28
|
+
import "../multiple-tabs/index.js";
|
|
29
|
+
import "../header-layout/index.js";
|
|
30
|
+
import "../footer-layout/index.js";
|
|
31
|
+
import "../iframe-layout/index.js";
|
|
32
|
+
import "../router-view-content/index.js";
|
|
33
|
+
import "../logo/index.js";
|
|
34
|
+
import "../backtop/index.js";
|
|
35
|
+
import "../container/index.js";
|
|
36
|
+
import "../config-provider/index.js";
|
|
37
|
+
import "../descriptions/index.js";
|
|
38
|
+
import "../full-screen/index.js";
|
|
39
|
+
import "../icon-text/index.js";
|
|
40
|
+
import "../image/index.js";
|
|
41
|
+
import "../input/index.js";
|
|
42
|
+
import "../link/index.js";
|
|
43
|
+
import "../pagination/index.js";
|
|
44
|
+
import "../tag/index.js";
|
|
45
|
+
import "../side-menu/index.js";
|
|
46
|
+
import "../qrcode/index.js";
|
|
47
|
+
import "../overlay/index.js";
|
|
48
|
+
import "../clamp/index.js";
|
|
49
|
+
import "../clamp-toggle/index.js";
|
|
50
|
+
import "../page-wrapper/index.js";
|
|
51
|
+
import "../exception/index.js";
|
|
52
|
+
import "../search/index.js";
|
|
53
|
+
import { VftForm as At } from "../form/index.js";
|
|
54
|
+
import "../button/index.js";
|
|
55
|
+
import "../checkbox/index.js";
|
|
56
|
+
import "../radio/index.js";
|
|
57
|
+
import "../switch/index.js";
|
|
58
|
+
import "../color-picker/index.js";
|
|
59
|
+
import "../scrollbar/index.js";
|
|
60
|
+
import "../dropdown/index.js";
|
|
61
|
+
import "../virtual-list/components/fixed-size-list.js";
|
|
62
|
+
import "../virtual-list/components/dynamic-size-list.js";
|
|
63
|
+
import "../virtual-list/components/fixed-size-grid.js";
|
|
64
|
+
import "../virtual-list/components/dynamic-size-grid.js";
|
|
65
|
+
import "../virtual-list/props.js";
|
|
66
|
+
import "../select/index.js";
|
|
67
|
+
import "../verify-code/index.js";
|
|
68
|
+
import "../table/index.js";
|
|
69
|
+
import "../image-viewer/index.js";
|
|
70
|
+
import "../list-cell/index.js";
|
|
71
|
+
import "../dialog/index.js";
|
|
72
|
+
import "../date-time-select/index.js";
|
|
73
|
+
import "../col/index.js";
|
|
74
|
+
import { VftRow as Ot } from "../row/index.js";
|
|
75
|
+
import "../horizontal-menu/index.js";
|
|
76
|
+
import "../time-picker/index.js";
|
|
77
|
+
import "../date-picker/index.js";
|
|
78
|
+
import "../check-tag/index.js";
|
|
79
|
+
import "../tree/index.js";
|
|
80
|
+
import "../skeleton/index.js";
|
|
81
|
+
import "../space/index.js";
|
|
82
|
+
import "../card/index.js";
|
|
83
|
+
import "../popconfirm/index.js";
|
|
84
|
+
import "../alert/index.js";
|
|
85
|
+
import "../drawer/index.js";
|
|
86
|
+
import "../input-number/index.js";
|
|
87
|
+
import "../slider/index.js";
|
|
88
|
+
import "../autocomplete/index.js";
|
|
89
|
+
import "./index.js";
|
|
90
|
+
import "../progress/index.js";
|
|
91
|
+
import "../upload/index.js";
|
|
92
|
+
import "../md-container/index.js";
|
|
93
|
+
import "../md-comment/index.js";
|
|
94
|
+
import "../md-tabs/index.js";
|
|
95
|
+
import "../md-vue-playground/index.js";
|
|
96
|
+
import "../md-code-demo/index.js";
|
|
97
|
+
import "../md-code-tabs/index.js";
|
|
98
|
+
import "../message/index.js";
|
|
99
|
+
const W = (
|
|
17
100
|
/* hoist-static*/
|
|
18
|
-
|
|
19
|
-
),
|
|
20
|
-
name:
|
|
21
|
-
}),
|
|
22
|
-
...
|
|
101
|
+
dt("super-form")
|
|
102
|
+
), Rt = J({
|
|
103
|
+
name: W.b()
|
|
104
|
+
}), go = /* @__PURE__ */ J({
|
|
105
|
+
...Rt,
|
|
23
106
|
props: {
|
|
24
107
|
rowProps: { default: {
|
|
25
108
|
gutter: 20
|
|
@@ -60,187 +143,199 @@ const Y = (
|
|
|
60
143
|
scrollToError: { type: Boolean },
|
|
61
144
|
showResetButton: { type: Boolean, default: !1 },
|
|
62
145
|
showSubmitButton: { type: Boolean, default: !0 },
|
|
146
|
+
showCommonButton: { type: Boolean, default: !0 },
|
|
63
147
|
resetButtonOptions: {},
|
|
64
148
|
submitButtonOptions: {},
|
|
149
|
+
commonButtonOptions: {},
|
|
65
150
|
actionRowOptions: {}
|
|
66
151
|
},
|
|
67
152
|
emits: ["register", "reset", "submit", "field-value-change"],
|
|
68
|
-
setup(
|
|
69
|
-
const
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
153
|
+
setup(Q, { expose: X, emit: _ }) {
|
|
154
|
+
const g = Q;
|
|
155
|
+
console.log(g, "===");
|
|
156
|
+
const Y = at(), m = st({}), F = p({}), u = p(!1), v = p({}), D = p(null), w = p(null), o = c(() => ({ ...g, ...e(v) })), Z = c(() => ({ ...Y, ...g, ...e(o) })), i = c(() => {
|
|
157
|
+
const t = e(D);
|
|
158
|
+
return e(o).showAdvancedButton ? x(t.filter((n) => n.component !== bt.DIVIDER)) : x(t);
|
|
159
|
+
}), { handleFormValues: tt, initDefault: M } = Pt({
|
|
160
|
+
getProps: o,
|
|
161
|
+
defaultValueRef: F,
|
|
162
|
+
getSchema: i,
|
|
163
|
+
formModel: m
|
|
77
164
|
});
|
|
78
|
-
|
|
79
|
-
getSchema:
|
|
80
|
-
getProps:
|
|
81
|
-
isInitedDefault:
|
|
82
|
-
formElRef:
|
|
165
|
+
vt({
|
|
166
|
+
getSchema: i,
|
|
167
|
+
getProps: o,
|
|
168
|
+
isInitedDefault: u,
|
|
169
|
+
formElRef: w
|
|
83
170
|
});
|
|
84
171
|
const {
|
|
85
|
-
handleSubmit:
|
|
172
|
+
handleSubmit: a,
|
|
86
173
|
setFieldsValue: S,
|
|
87
|
-
clearValidate:
|
|
88
|
-
validate:
|
|
89
|
-
validateField:
|
|
90
|
-
getFieldsValue:
|
|
91
|
-
updateSchema:
|
|
92
|
-
resetSchema:
|
|
93
|
-
appendSchemaByField:
|
|
94
|
-
removeSchemaByField:
|
|
95
|
-
resetFields:
|
|
96
|
-
scrollToField:
|
|
97
|
-
getFieldValue:
|
|
98
|
-
setFormItemError:
|
|
99
|
-
} =
|
|
100
|
-
emit:
|
|
101
|
-
getProps:
|
|
102
|
-
formModel:
|
|
103
|
-
getSchema:
|
|
104
|
-
defaultValueRef:
|
|
105
|
-
formElRef:
|
|
106
|
-
schemaRef:
|
|
107
|
-
handleFormValues:
|
|
174
|
+
clearValidate: I,
|
|
175
|
+
validate: T,
|
|
176
|
+
validateField: P,
|
|
177
|
+
getFieldsValue: $,
|
|
178
|
+
updateSchema: A,
|
|
179
|
+
resetSchema: O,
|
|
180
|
+
appendSchemaByField: L,
|
|
181
|
+
removeSchemaByField: N,
|
|
182
|
+
resetFields: R,
|
|
183
|
+
scrollToField: et,
|
|
184
|
+
getFieldValue: H,
|
|
185
|
+
setFormItemError: ot
|
|
186
|
+
} = St({
|
|
187
|
+
emit: _,
|
|
188
|
+
getProps: o,
|
|
189
|
+
formModel: m,
|
|
190
|
+
getSchema: i,
|
|
191
|
+
defaultValueRef: F,
|
|
192
|
+
formElRef: w,
|
|
193
|
+
schemaRef: D,
|
|
194
|
+
handleFormValues: tt
|
|
108
195
|
});
|
|
109
|
-
|
|
110
|
-
resetAction:
|
|
111
|
-
submitAction:
|
|
196
|
+
wt({
|
|
197
|
+
resetAction: R,
|
|
198
|
+
submitAction: a
|
|
112
199
|
}), d(
|
|
113
|
-
() => o
|
|
200
|
+
() => e(o).model,
|
|
114
201
|
() => {
|
|
115
|
-
const { model:
|
|
116
|
-
|
|
202
|
+
const { model: t } = e(o);
|
|
203
|
+
t && S(t);
|
|
117
204
|
},
|
|
118
205
|
{
|
|
119
206
|
immediate: !0
|
|
120
207
|
}
|
|
121
208
|
), d(
|
|
122
|
-
() => o
|
|
123
|
-
(
|
|
124
|
-
|
|
209
|
+
() => e(o).schemas,
|
|
210
|
+
(t) => {
|
|
211
|
+
O(t ?? []);
|
|
125
212
|
}
|
|
126
213
|
), d(
|
|
127
|
-
() =>
|
|
128
|
-
(
|
|
129
|
-
|
|
130
|
-
}), !
|
|
214
|
+
() => i.value,
|
|
215
|
+
(t) => {
|
|
216
|
+
pt(() => {
|
|
217
|
+
}), !e(u) && t != null && t.length && (M(), u.value = !0);
|
|
131
218
|
}
|
|
132
219
|
), d(
|
|
133
|
-
() =>
|
|
134
|
-
|
|
135
|
-
o
|
|
220
|
+
() => m,
|
|
221
|
+
Bt(() => {
|
|
222
|
+
e(o).submitOnChange && a();
|
|
136
223
|
}, 300),
|
|
137
224
|
{ deep: !0 }
|
|
138
225
|
);
|
|
139
|
-
async function
|
|
140
|
-
v.value =
|
|
226
|
+
async function K(t) {
|
|
227
|
+
v.value = yt(e(v) || {}, t);
|
|
141
228
|
}
|
|
142
|
-
function
|
|
143
|
-
|
|
229
|
+
function rt(t, n, r) {
|
|
230
|
+
m[t] = n, r && r.itemProps && !r.itemProps.autoLink && P(t).catch((k) => {
|
|
144
231
|
});
|
|
145
232
|
}
|
|
146
|
-
function
|
|
147
|
-
const { autoSubmitOnEnter:
|
|
148
|
-
if (
|
|
149
|
-
const r =
|
|
150
|
-
r && r.tagName && r.tagName.toUpperCase() === "INPUT" &&
|
|
233
|
+
function it(t) {
|
|
234
|
+
const { autoSubmitOnEnter: n } = e(o);
|
|
235
|
+
if (n && t.key === "Enter" && t.target && t.target instanceof HTMLElement) {
|
|
236
|
+
const r = t.target;
|
|
237
|
+
r && r.tagName && r.tagName.toUpperCase() === "INPUT" && a();
|
|
151
238
|
}
|
|
152
239
|
}
|
|
153
|
-
const
|
|
154
|
-
getFieldsValue:
|
|
155
|
-
getFieldValue:
|
|
240
|
+
const q = {
|
|
241
|
+
getFieldsValue: $,
|
|
242
|
+
getFieldValue: H,
|
|
156
243
|
setFieldsValue: S,
|
|
157
|
-
resetFields:
|
|
158
|
-
updateSchema:
|
|
159
|
-
resetSchema:
|
|
160
|
-
setProps:
|
|
161
|
-
removeSchemaByField:
|
|
162
|
-
appendSchemaByField:
|
|
163
|
-
clearValidate:
|
|
164
|
-
validateField:
|
|
165
|
-
validate:
|
|
166
|
-
submit:
|
|
167
|
-
scrollToField:
|
|
244
|
+
resetFields: R,
|
|
245
|
+
updateSchema: A,
|
|
246
|
+
resetSchema: O,
|
|
247
|
+
setProps: K,
|
|
248
|
+
removeSchemaByField: N,
|
|
249
|
+
appendSchemaByField: L,
|
|
250
|
+
clearValidate: I,
|
|
251
|
+
validateField: P,
|
|
252
|
+
validate: T,
|
|
253
|
+
submit: a,
|
|
254
|
+
scrollToField: et
|
|
168
255
|
};
|
|
169
|
-
|
|
170
|
-
|
|
256
|
+
lt(() => {
|
|
257
|
+
M(), _("register", q);
|
|
171
258
|
});
|
|
172
|
-
const
|
|
173
|
-
|
|
174
|
-
[
|
|
259
|
+
const mt = c(() => ht(
|
|
260
|
+
o.value,
|
|
261
|
+
[
|
|
262
|
+
"showResetButton",
|
|
263
|
+
"showCommonButton",
|
|
264
|
+
"showSubmitButton",
|
|
265
|
+
"resetButtonOptions",
|
|
266
|
+
"submitButtonOptions",
|
|
267
|
+
"commonButtonOptions",
|
|
268
|
+
"actionColOptions",
|
|
269
|
+
"actionSpan"
|
|
270
|
+
]
|
|
175
271
|
));
|
|
176
|
-
return
|
|
177
|
-
getFieldsValue:
|
|
178
|
-
getFieldValue:
|
|
272
|
+
return X({
|
|
273
|
+
getFieldsValue: $,
|
|
274
|
+
getFieldValue: H,
|
|
179
275
|
setFieldsValue: S,
|
|
180
|
-
resetFields:
|
|
181
|
-
updateSchema:
|
|
182
|
-
resetSchema:
|
|
183
|
-
setProps:
|
|
184
|
-
removeSchemaByField:
|
|
185
|
-
appendSchemaByField:
|
|
186
|
-
clearValidate:
|
|
187
|
-
validateField:
|
|
188
|
-
validate:
|
|
189
|
-
submit:
|
|
190
|
-
setFormItemError:
|
|
191
|
-
}), (
|
|
192
|
-
var
|
|
193
|
-
|
|
194
|
-
return f.value && ((z = n.value) != null && z.length) ? (m(), B(q, k({ key: 0 }, oe.value, {
|
|
276
|
+
resetFields: R,
|
|
277
|
+
updateSchema: A,
|
|
278
|
+
resetSchema: O,
|
|
279
|
+
setProps: K,
|
|
280
|
+
removeSchemaByField: N,
|
|
281
|
+
appendSchemaByField: L,
|
|
282
|
+
clearValidate: I,
|
|
283
|
+
validateField: P,
|
|
284
|
+
validate: T,
|
|
285
|
+
submit: a,
|
|
286
|
+
setFormItemError: ot
|
|
287
|
+
}), (t, n) => {
|
|
288
|
+
var r;
|
|
289
|
+
return u.value && ((r = i.value) != null && r.length) ? (l(), B(e(At), C({ key: 0 }, Z.value, {
|
|
195
290
|
ref_key: "formElRef",
|
|
196
|
-
ref:
|
|
197
|
-
class:
|
|
198
|
-
model:
|
|
199
|
-
onKeypress:
|
|
291
|
+
ref: w,
|
|
292
|
+
class: e(W).b(),
|
|
293
|
+
model: m,
|
|
294
|
+
onKeypress: ut(it, ["enter"])
|
|
200
295
|
}), {
|
|
201
|
-
default:
|
|
202
|
-
var
|
|
296
|
+
default: h(() => {
|
|
297
|
+
var k, z, G;
|
|
203
298
|
return [
|
|
204
|
-
(
|
|
205
|
-
default:
|
|
206
|
-
|
|
207
|
-
(
|
|
208
|
-
key:
|
|
209
|
-
tableAction:
|
|
210
|
-
formActionType:
|
|
211
|
-
schema:
|
|
212
|
-
formProps:
|
|
213
|
-
allDefaultValues:
|
|
214
|
-
formModel:
|
|
215
|
-
setFormModel:
|
|
216
|
-
updateSchema:
|
|
217
|
-
},
|
|
218
|
-
E(Object.keys(
|
|
219
|
-
name:
|
|
220
|
-
fn:
|
|
221
|
-
|
|
299
|
+
(k = i.value) != null && k.length ? (l(), B(e(Ot), y(C({ key: 0 }, (z = o.value) == null ? void 0 : z.rowProps)), {
|
|
300
|
+
default: h(() => [
|
|
301
|
+
b(t.$slots, "formHeader"),
|
|
302
|
+
(l(!0), ft(ct, null, E(i.value, (s) => (l(), B(Ft, {
|
|
303
|
+
key: s.field,
|
|
304
|
+
tableAction: t.tableAction,
|
|
305
|
+
formActionType: q,
|
|
306
|
+
schema: s,
|
|
307
|
+
formProps: o.value,
|
|
308
|
+
allDefaultValues: F.value,
|
|
309
|
+
formModel: m,
|
|
310
|
+
setFormModel: rt,
|
|
311
|
+
updateSchema: e(A)
|
|
312
|
+
}, U({ _: 2 }, [
|
|
313
|
+
E(Object.keys(t.$slots), (f) => ({
|
|
314
|
+
name: f,
|
|
315
|
+
fn: h((nt) => [
|
|
316
|
+
b(t.$slots, f, y(j(nt || {})))
|
|
222
317
|
])
|
|
223
318
|
}))
|
|
224
319
|
]), 1032, ["tableAction", "schema", "formProps", "allDefaultValues", "formModel", "updateSchema"]))), 128))
|
|
225
320
|
]),
|
|
226
321
|
_: 3
|
|
227
|
-
}, 16)) :
|
|
228
|
-
(
|
|
229
|
-
E(["resetBefore", "submitBefore", "submitAfter"], (
|
|
230
|
-
name:
|
|
231
|
-
fn:
|
|
232
|
-
|
|
322
|
+
}, 16)) : V("", !0),
|
|
323
|
+
(G = o.value) != null && G.showActionButtonGroup ? (l(), B(gt, y(C({ key: 1 }, mt.value)), U({ _: 2 }, [
|
|
324
|
+
E(["resetBefore", "submitBefore", "submitAfter"], (s) => ({
|
|
325
|
+
name: s,
|
|
326
|
+
fn: h((f) => [
|
|
327
|
+
b(t.$slots, s, y(j(f || {})))
|
|
233
328
|
])
|
|
234
329
|
}))
|
|
235
|
-
]), 1040)) :
|
|
236
|
-
|
|
330
|
+
]), 1040)) : V("", !0),
|
|
331
|
+
b(t.$slots, "formFooter")
|
|
237
332
|
];
|
|
238
333
|
}),
|
|
239
334
|
_: 3
|
|
240
|
-
}, 16, ["class", "model", "onKeypress"])) :
|
|
335
|
+
}, 16, ["class", "model", "onKeypress"])) : V("", !0);
|
|
241
336
|
};
|
|
242
337
|
}
|
|
243
338
|
});
|
|
244
339
|
export {
|
|
245
|
-
|
|
340
|
+
go as default
|
|
246
341
|
};
|
package/es/package.json.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-input.css");require("vft/theme-style/vft-input-number.css");require("vft/theme-style/vft-checkbox.css");require("vft/theme-style/vft-check-tag.css");require("vft/theme-style/vft-checkbox-button.css");require("vft/theme-style/vft-checkbox-group.css");require("vft/theme-style/vft-radio.css");require("vft/theme-style/vft-radio-group.css");require("vft/theme-style/vft-radio-button.css");require("vft/theme-style/vft-date-picker.css");require("vft/theme-style/vft-time-picker.css");require("vft/theme-style/vft-tag.css");require("vft/theme-style/vft-scrollbar.css");require("vft/theme-style/vft-popper.css");require("vft/theme-style/vft-virtual-list.css");require("vft/theme-style/vft-select.css");require("vft/theme-style/vft-switch.css");require("vft/theme-style/vft-divider.css");require("vft/theme-style/vft-time-select.css");require("vft/theme-style/vft-super-form.css");
|
|
1
|
+
"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-input.css");require("vft/theme-style/vft-input-number.css");require("vft/theme-style/vft-checkbox.css");require("vft/theme-style/vft-check-tag.css");require("vft/theme-style/vft-checkbox-button.css");require("vft/theme-style/vft-checkbox-group.css");require("vft/theme-style/vft-radio.css");require("vft/theme-style/vft-radio-group.css");require("vft/theme-style/vft-radio-button.css");require("vft/theme-style/vft-date-picker.css");require("vft/theme-style/vft-time-picker.css");require("vft/theme-style/vft-tag.css");require("vft/theme-style/vft-scrollbar.css");require("vft/theme-style/vft-popper.css");require("vft/theme-style/vft-virtual-list.css");require("vft/theme-style/vft-select.css");require("vft/theme-style/vft-switch.css");require("vft/theme-style/vft-divider.css");require("vft/theme-style/vft-row.css");require("vft/theme-style/vft-col.css");require("vft/theme-style/vft-icon.css");require("vft/theme-style/vft-button.css");require("vft/theme-style/vft-form.css");require("vft/theme-style/vft-form-item.css");require("vft/theme-style/vft-time-select.css");require("vft/theme-style/vft-super-form.css");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/input.scss");require("vft/theme-style/src/input-number.scss");require("vft/theme-style/src/checkbox.scss");require("vft/theme-style/src/check-tag.scss");require("vft/theme-style/src/checkbox-button.scss");require("vft/theme-style/src/checkbox-group.scss");require("vft/theme-style/src/radio.scss");require("vft/theme-style/src/radio-group.scss");require("vft/theme-style/src/radio-button.scss");require("vft/theme-style/src/scrollbar.scss");require("vft/theme-style/src/popper.scss");require("vft/theme-style/src/icon.scss");require("vft/theme-style/src/button.scss");require("vft/theme-style/src/date-picker.scss");require("vft/theme-style/src/time-picker.scss");require("vft/theme-style/src/tag.scss");require("vft/theme-style/src/virtual-list.scss");require("vft/theme-style/src/select.scss");require("vft/theme-style/src/switch.scss");require("vft/theme-style/src/divider.scss");require("vft/theme-style/src/time-select.scss");require("vft/theme-style/src/super-form.scss");
|
|
1
|
+
"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/input.scss");require("vft/theme-style/src/input-number.scss");require("vft/theme-style/src/checkbox.scss");require("vft/theme-style/src/check-tag.scss");require("vft/theme-style/src/checkbox-button.scss");require("vft/theme-style/src/checkbox-group.scss");require("vft/theme-style/src/radio.scss");require("vft/theme-style/src/radio-group.scss");require("vft/theme-style/src/radio-button.scss");require("vft/theme-style/src/scrollbar.scss");require("vft/theme-style/src/popper.scss");require("vft/theme-style/src/icon.scss");require("vft/theme-style/src/button.scss");require("vft/theme-style/src/date-picker.scss");require("vft/theme-style/src/time-picker.scss");require("vft/theme-style/src/tag.scss");require("vft/theme-style/src/virtual-list.scss");require("vft/theme-style/src/select.scss");require("vft/theme-style/src/switch.scss");require("vft/theme-style/src/divider.scss");require("vft/theme-style/src/row.scss");require("vft/theme-style/src/col.scss");require("vft/theme-style/src/form.scss");require("vft/theme-style/src/form-item.scss");require("vft/theme-style/src/time-select.scss");require("vft/theme-style/src/super-form.scss");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const m=require("./use/use-form-context.cjs");require("../divider/index.cjs");require("../icon/index.cjs");require("../avatar/index.cjs");require("../empty/index.cjs");require("../result/index.cjs");require("../tabs/index.cjs");require("../popper/index.cjs");require("../collapse-transition/index.cjs");require("../tooltip/index.cjs");require("../popover/index.cjs");require("../menu/index.cjs");require("../context-menu/context-menu.vue2.cjs");require("../multiple-tabs/index.cjs");require("../header-layout/index.cjs");require("../footer-layout/index.cjs");require("../iframe-layout/index.cjs");require("../router-view-content/index.cjs");require("../logo/index.cjs");require("../backtop/index.cjs");require("../container/index.cjs");require("../config-provider/index.cjs");require("../descriptions/index.cjs");require("../full-screen/index.cjs");require("../icon-text/index.cjs");require("../image/index.cjs");require("../input/index.cjs");require("../link/index.cjs");require("../pagination/index.cjs");require("../tag/index.cjs");require("../side-menu/index.cjs");require("../qrcode/index.cjs");require("../overlay/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../page-wrapper/index.cjs");require("../exception/index.cjs");require("../search/index.cjs");const p=require("../form/index.cjs"),o=require("../button/index.cjs");require("../checkbox/index.cjs");require("../radio/index.cjs");require("../switch/index.cjs");require("../color-picker/index.cjs");require("../scrollbar/index.cjs");require("../dropdown/index.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/props.cjs");require("../select/index.cjs");require("../verify-code/index.cjs");require("../table/index.cjs");require("../image-viewer/index.cjs");require("../list-cell/index.cjs");require("../dialog/index.cjs");require("../date-time-select/index.cjs");require("../col/index.cjs");const B=require("../row/index.cjs");require("../horizontal-menu/index.cjs");require("../time-picker/index.cjs");require("../date-picker/index.cjs");require("../check-tag/index.cjs");require("../tree/index.cjs");require("../skeleton/index.cjs");require("../space/index.cjs");require("../card/index.cjs");require("../popconfirm/index.cjs");require("../alert/index.cjs");require("../drawer/index.cjs");require("../input-number/index.cjs");require("../slider/index.cjs");require("../autocomplete/index.cjs");require("./index.cjs");require("../progress/index.cjs");require("../upload/index.cjs");require("../md-container/index.cjs");require("../md-comment/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../message/index.cjs");const f=e.defineComponent({__name:"super-form-action",props:{showResetButton:{type:Boolean},showSubmitButton:{type:Boolean},showCommonButton:{type:Boolean},resetButtonOptions:{},submitButtonOptions:{},commonButtonOptions:{},actionRowOptions:{}},setup(t){const u=l.useNamespace("form-action");console.log(t.showCommonButton);const{resetAction:q,submitAction:c}=m.useFormContext(),a=e.computed(()=>({justify:"end",...t.actionRowOptions})),n=e.computed(()=>Object.assign({btnText:"重置"},t.resetButtonOptions)),i=e.computed(()=>Object.assign({btnText:"确认"},t.submitButtonOptions)),s=e.computed(()=>Object.assign({btnText:"取消"},t.commonButtonOptions));return(r,d)=>(e.openBlock(),e.createBlock(e.unref(B.VftRow),e.normalizeProps(e.guardReactiveProps(a.value)),{default:e.withCtx(()=>[e.createVNode(e.unref(p.VftFormItem),{class:e.normalizeClass([{"submit-block":i.value.block},e.unref(u).b()])},{default:e.withCtx(()=>[r.showCommonButton?(e.openBlock(),e.createBlock(e.unref(o.VftButton),e.mergeProps({key:0},s.value,{class:e.unref(u).e("common")}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.value.btnText),1)]),_:1},16,["class"])):e.createCommentVNode("",!0),e.renderSlot(r.$slots,"resetBefore"),r.showResetButton?(e.openBlock(),e.createBlock(e.unref(o.VftButton),e.mergeProps({key:1,type:"warning"},n.value,{onClick:e.unref(q),class:e.unref(u).e("reset")}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.value.btnText),1)]),_:1},16,["onClick","class"])):e.createCommentVNode("",!0),e.renderSlot(r.$slots,"submitBefore"),r.showSubmitButton?(e.openBlock(),e.createBlock(e.unref(o.VftButton),e.mergeProps({key:2,type:"primary",class:e.unref(u).e("submit")},i.value,{onClick:e.unref(c)}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.value.btnText),1)]),_:1},16,["class","onClick"])):e.createCommentVNode("",!0),e.renderSlot(r.$slots,"submitAfter")]),_:3},8,["class"])]),_:3},16))}});exports.default=f;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../divider/index.cjs");require("../icon/index.cjs");require("../avatar/index.cjs");require("../empty/index.cjs");require("../result/index.cjs");require("../tabs/index.cjs");require("../popper/index.cjs");require("../collapse-transition/index.cjs");require("../tooltip/index.cjs");require("../popover/index.cjs");require("../menu/index.cjs");const m=require("@vft/utils");require("../context-menu/context-menu.vue2.cjs");require("../multiple-tabs/index.cjs");require("../header-layout/index.cjs");require("../footer-layout/index.cjs");require("../iframe-layout/index.cjs");require("../router-view-content/index.cjs");require("../logo/index.cjs");require("../backtop/index.cjs");require("../container/index.cjs");require("../config-provider/index.cjs");require("../descriptions/index.cjs");require("../full-screen/index.cjs");require("../icon-text/index.cjs");require("../image/index.cjs");require("../input/index.cjs");require("../link/index.cjs");require("../pagination/index.cjs");require("../tag/index.cjs");require("../side-menu/index.cjs");require("../qrcode/index.cjs");require("../overlay/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../page-wrapper/index.cjs");require("../exception/index.cjs");require("../search/index.cjs");const k=require("../form/index.cjs");require("../button/index.cjs");require("../checkbox/index.cjs");require("../radio/index.cjs");require("../switch/index.cjs");require("../color-picker/index.cjs");require("../scrollbar/index.cjs");require("../dropdown/index.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/props.cjs");require("../select/index.cjs");require("../verify-code/index.cjs");require("../table/index.cjs");require("../image-viewer/index.cjs");require("../list-cell/index.cjs");require("../dialog/index.cjs");require("../date-time-select/index.cjs");const K=require("../col/index.cjs");require("../row/index.cjs");require("../horizontal-menu/index.cjs");require("../time-picker/index.cjs");require("../date-picker/index.cjs");require("../check-tag/index.cjs");require("../tree/index.cjs");require("../skeleton/index.cjs");require("../space/index.cjs");require("../card/index.cjs");require("../popconfirm/index.cjs");require("../alert/index.cjs");require("../drawer/index.cjs");require("../input-number/index.cjs");require("../slider/index.cjs");require("../autocomplete/index.cjs");require("./index.cjs");require("../progress/index.cjs");require("../upload/index.cjs");require("../md-container/index.cjs");require("../md-comment/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../message/index.cjs");const H=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");const u=require("./component-map.cjs"),v=require("./use/helper.cjs");function D(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const G=e.defineComponent({inheritAttrs:!1}),U=e.defineComponent({...G,__name:"super-form-item",props:{schema:{},formProps:{},allDefaultValues:{},formModel:{},setFormModel:{},updateSchema:{},tableAction:{},formActionType:{},isAdvanced:{type:Boolean}},setup(t){const b=H.useNamespace("super-form"),q=e.computed(()=>{const{mergeDynamicData:o}=t.formProps;return{field:t.schema.field,model:t.formModel,values:{...o,...t.allDefaultValues,...t.formModel},schema:t.schema}}),N=e.computed(()=>{let{componentProps:o={}}=t.schema;m.isFunction(o)&&(o=o({schema:t.schema,tableAction:t.tableAction,formModel:t.formModel,formActionType:t.formActionType})??{});const r=new Map([[u.FormCompEnum.DIVIDER,{type:"horizontal"}],[u.FormCompEnum.TEXTAREA,{type:"textarea"}],[u.FormCompEnum.PASSWORD,{type:"password","show-password":!0}],[u.FormCompEnum.INPUT_NUMBER,{type:"number"}],[u.FormCompEnum.CHECKBOX_BUTTON,{useButton:!0}],[u.FormCompEnum.RADIO_BUTTON,{useButton:!0}],[u.FormCompEnum.YEAR_PICKER,{type:u.FormCompEnum.YEAR_PICKER}],[u.FormCompEnum.MONTH_PICKER,{type:u.FormCompEnum.MONTH_PICKER}],[u.FormCompEnum.DATE_PICKER,{type:u.FormCompEnum.DATE_PICKER}],[u.FormCompEnum.DATES_PICKER,{type:u.FormCompEnum.DATES_PICKER}],[u.FormCompEnum.DATETIME_PICKER,{type:u.FormCompEnum.DATETIME_PICKER}],[u.FormCompEnum.WEEK_PICKER,{type:u.FormCompEnum.WEEK_PICKER}],[u.FormCompEnum.DATETIMERANGE_PICKER,{type:u.FormCompEnum.DATETIMERANGE_PICKER}],[u.FormCompEnum.DATERANGE_PICKER,{type:u.FormCompEnum.DATERANGE_PICKER}],[u.FormCompEnum.MONTHRANGE_PICKER,{type:u.FormCompEnum.MONTHRANGE_PICKER}]]);return r.has(t.schema.component)&&(o=Object.assign(r.get(t.schema.component)||{},o)),o}),w=e.computed(()=>{const{disabled:o}=t.formProps,{dynamicDisabled:r}=t.schema,{disabled:l=!1}=e.unref(N);let c=!!o||l;return m.isBoolean(r)&&(c=r),m.isFunction(r)&&(c=r(e.unref(q))),c});function x(){const{show:o,ifShow:r}=t.schema,{showAdvancedButton:l}=t.formProps,c=l&&m.isBoolean(t.isAdvanced)?t.isAdvanced:!0;let a=!0,d=!0;return m.isBoolean(o)&&(a=o),m.isBoolean(r)&&(d=r),m.isFunction(o)&&(a=o(e.unref(q))),m.isFunction(r)&&(d=r(e.unref(q))),a=a&&c,{isShow:a,isIfShow:d}}function j(){const{rules:o=[],component:r,rulesMessageJoinLabel:l,label:c,dynamicRule:a,required:d,dynamicRuleAdd:g=!0}=t.schema;if(m.isFunction(a)&&!g)return a(e.unref(q));let n=m.cloneDeep(o);const{rulesMessageJoinLabel:P}=t.formProps,I=Reflect.has(t.schema,"rulesMessageJoinLabel")?l:P,p=v.createPlaceholderMessage(r,`${I?c:""}`);function F(s,i){const h=s.message||p;return i===void 0||m.isNull(i)||Array.isArray(i)&&i.length===0||typeof i=="string"&&i.trim()===""||typeof i=="object"&&Reflect.has(i,"checked")&&Reflect.has(i,"halfChecked")&&Array.isArray(i.checked)&&Array.isArray(i.halfChecked)&&i.checked.length===0&&i.halfChecked.length===0?Promise.reject(h):Promise.resolve()}const E=m.isFunction(d)?d(e.unref(q)):d;E&&(!n||n.length===0?n=[{required:E,validator:F}]:n.findIndex(i=>Reflect.has(i,"required"))===-1&&n.unshift({required:E,validator:F}));const C=n.findIndex(s=>Reflect.has(s,"required")&&!Reflect.has(s,"validator"));if(C!==-1){const s=n[C],{isShow:i}=x();i||(s.required=!1),r&&(Reflect.has(s,"type")||(s.type=r==="InputNumber"?"number":"string"),s.message=s.message||p,(r.includes("Input")||r.includes("Textarea"))&&(s.whitespace=!0))}const f=n.findIndex(s=>s.min),R=n.findIndex(s=>s.max);function y(s,i,h="all"){const M=(s==null?void 0:s.length)||0;return["min","all"].includes(h)&&M<n[i].min?Promise.reject(c+"至少为"+n[i].min+"位"):["max","all"].includes(h)&&M>n[i].max?Promise.reject(c+"最多"+n[i].max+"位"):Promise.resolve()}(f!==-1||R!==-1)&&(f!==-1&&R!==-1&&!n[f].validator&&!n[f].message?n[f].validator=(s,i)=>y(i,f):f!==-1&&!n[f].validator&&!n[f].message?n[f].validator=(s,i)=>y(i,f,"min"):R!==-1&&!n[R].validator&&!n[R].message&&(n[R].validator=(s,i)=>y(i,R,"max")));const A=n.findIndex(s=>s.len);return A!==-1&&(n[A].validator=(s,i)=>i.length!==n[A].len?Promise.reject(c+"必须是"+n[A].len+"位"):Promise.resolve()),m.isFunction(a)&&g&&n.push(a(e.unref(q))),n}const O=()=>{var s;const{renderComponentContent:o,component:r,field:l,changeEvent:c="change",valueField:a,label:d,placeholderJoinLabel:g=!0}=t.schema;let n=c;u.isInput(r)?n="input":(u.isDatePicker(r)||r===u.FormCompEnum.TIME_PICKER)&&(n="update:modelValue");const P=`on${m.upperFirst(n)}`,I={[P]:(...i)=>{const[h]=i;C[P]&&C[P](...i);const M=h?h.target:null,L=M?M.value:h;t.setFormModel(l,L,t.schema)}},p=u.componentMap.get(r),{autoSetPlaceHolder:F,size:E}=t.formProps,C={clearable:!0,size:E,...e.unref(N),disabled:e.unref(w)};!C.disabled&&F&&!u.isRangePicker(r)&&r&&(C.placeholder=((s=e.unref(N))==null?void 0:s.placeholder)||v.createPlaceholderMessage(r,g?d:""));const R={[a||"model-value"]:t.formModel[l]},y={...I,...C,...R};if(!o)return e.createVNode(p,y,null);const A=m.isFunction(o)?{...o(e.unref(q))}:{default:()=>o};return e.createVNode(p,y,D(A)?A:{default:()=>[A]})};function T(){const{showLabel:o=!0,label:r,subLabel:l}=t.schema;return o&&r?l?e.createVNode("span",null,[r,e.createTextVNode(" "),e.createVNode("span",null,[l])]):r:void 0}const S=e.useSlots();function V(o,r="default",l){if(!o||!Reflect.has(o,r))return null;if(!m.isFunction(o[r]))return console.error(`${r} is not a function!`),null;const c=o[r];return c?c(l):null}function B(){const{itemProps:o,slot:r,render:l,field:c,suffix:a,prefix:d,prefixParentStyle:g}=t.schema,{autoCleanErrorMessage:n}=t.formProps,P=()=>r?V(S,r,e.unref(q)):l?l(e.unref(q)):O(),I=!!a,p=!!d,F=m.isFunction(a)?a(e.unref(q)):a,E=m.isFunction(d)?d(e.unref(q)):d,C=()=>{t.updateSchema([{field:c,itemProps:{error:""}}])},f=()=>e.createVNode(k.VftFormItem,e.mergeProps({prop:c,class:[{[b.is(a)]:I},b.e("item")]},o,{"onUpdate:error":n?C:null,rules:j()}),{default:()=>[e.createVNode("div",{class:b.e("container")},[e.createVNode("div",{class:b.e("content")},[P()]),I&&e.createVNode("span",{class:b.m("suffix")},[F])])],label:T()?()=>T():void 0});return p?e.createVNode("div",{style:g},[e.createVNode("span",{class:b.m("prefix")},[E]),f()]):f()}return()=>{let o;const{colProps:r={},colSlot:l,renderColContent:c,component:a,render:d}=t.schema;if(!u.componentMap.has(a)&&!c&&!d)return null;const{baseColProps:g={}}=t.formProps,n={...g,...r},{isIfShow:P,isShow:I}=x(),p=e.unref(q),F=()=>l?V(S,l,p):c?c(p):B();if(a===u.FormCompEnum.DIVIDER){let E;return e.createVNode(K.VftCol,e.mergeProps({span:24},r),{default:()=>[e.createVNode(e.resolveComponent("VftDivider"),e.unref(N),D(E=T())?E:{default:()=>[E]})]})}return P&&e.withDirectives(e.createVNode(K.VftCol,n,D(o=F())?o:{default:()=>[o]}),[[e.vShow,I]])}}});exports.default=U;
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),k=require("../divider/index.cjs");require("../icon/index.cjs");require("../avatar/index.cjs");require("../empty/index.cjs");require("../result/index.cjs");require("../tabs/index.cjs");require("../popper/index.cjs");require("../collapse-transition/index.cjs");require("../tooltip/index.cjs");require("../popover/index.cjs");require("../menu/index.cjs");const m=require("@vft/utils");require("../context-menu/context-menu.vue2.cjs");require("../multiple-tabs/index.cjs");require("../header-layout/index.cjs");require("../footer-layout/index.cjs");require("../iframe-layout/index.cjs");require("../router-view-content/index.cjs");require("../logo/index.cjs");require("../backtop/index.cjs");require("../container/index.cjs");require("../config-provider/index.cjs");require("../descriptions/index.cjs");require("../full-screen/index.cjs");require("../icon-text/index.cjs");require("../image/index.cjs");require("../input/index.cjs");require("../link/index.cjs");require("../pagination/index.cjs");require("../tag/index.cjs");require("../side-menu/index.cjs");require("../qrcode/index.cjs");require("../overlay/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../page-wrapper/index.cjs");require("../exception/index.cjs");require("../search/index.cjs");const H=require("../form/index.cjs");require("../button/index.cjs");require("../checkbox/index.cjs");require("../radio/index.cjs");require("../switch/index.cjs");require("../color-picker/index.cjs");require("../scrollbar/index.cjs");require("../dropdown/index.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/props.cjs");require("../select/index.cjs");require("../verify-code/index.cjs");require("../table/index.cjs");require("../image-viewer/index.cjs");require("../list-cell/index.cjs");require("../dialog/index.cjs");require("../date-time-select/index.cjs");const K=require("../col/index.cjs");require("../row/index.cjs");require("../horizontal-menu/index.cjs");require("../time-picker/index.cjs");require("../date-picker/index.cjs");require("../check-tag/index.cjs");require("../tree/index.cjs");require("../skeleton/index.cjs");require("../space/index.cjs");require("../card/index.cjs");require("../popconfirm/index.cjs");require("../alert/index.cjs");require("../drawer/index.cjs");require("../input-number/index.cjs");require("../slider/index.cjs");require("../autocomplete/index.cjs");require("./index.cjs");require("../progress/index.cjs");require("../upload/index.cjs");require("../md-container/index.cjs");require("../md-comment/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../message/index.cjs");const G=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");const u=require("./component-map.cjs"),v=require("./use/helper.cjs");function D(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const U=e.defineComponent({inheritAttrs:!1}),$=e.defineComponent({...U,__name:"super-form-item",props:{schema:{},formProps:{},allDefaultValues:{},formModel:{},setFormModel:{},updateSchema:{},tableAction:{},formActionType:{},isAdvanced:{type:Boolean}},setup(t){const b=G.useNamespace("super-form"),q=e.computed(()=>{const{mergeDynamicData:o}=t.formProps;return{field:t.schema.field,model:t.formModel,values:{...o,...t.allDefaultValues,...t.formModel},schema:t.schema}}),N=e.computed(()=>{let{componentProps:o={}}=t.schema;m.isFunction(o)&&(o=o({schema:t.schema,tableAction:t.tableAction,formModel:t.formModel,formActionType:t.formActionType})??{});const r=new Map([[u.FormCompEnum.DIVIDER,{type:"horizontal"}],[u.FormCompEnum.TEXTAREA,{type:"textarea"}],[u.FormCompEnum.PASSWORD,{type:"password","show-password":!0}],[u.FormCompEnum.INPUT_NUMBER,{type:"number"}],[u.FormCompEnum.CHECKBOX_BUTTON,{useButton:!0}],[u.FormCompEnum.RADIO_BUTTON,{useButton:!0}],[u.FormCompEnum.YEAR_PICKER,{type:u.FormCompEnum.YEAR_PICKER}],[u.FormCompEnum.MONTH_PICKER,{type:u.FormCompEnum.MONTH_PICKER}],[u.FormCompEnum.DATE_PICKER,{type:u.FormCompEnum.DATE_PICKER}],[u.FormCompEnum.DATES_PICKER,{type:u.FormCompEnum.DATES_PICKER}],[u.FormCompEnum.DATETIME_PICKER,{type:u.FormCompEnum.DATETIME_PICKER}],[u.FormCompEnum.WEEK_PICKER,{type:u.FormCompEnum.WEEK_PICKER}],[u.FormCompEnum.DATETIMERANGE_PICKER,{type:u.FormCompEnum.DATETIMERANGE_PICKER}],[u.FormCompEnum.DATERANGE_PICKER,{type:u.FormCompEnum.DATERANGE_PICKER}],[u.FormCompEnum.MONTHRANGE_PICKER,{type:u.FormCompEnum.MONTHRANGE_PICKER}]]);return r.has(t.schema.component)&&(o=Object.assign(r.get(t.schema.component)||{},o)),o}),w=e.computed(()=>{const{disabled:o}=t.formProps,{dynamicDisabled:r}=t.schema,{disabled:l=!1}=e.unref(N);let c=!!o||l;return m.isBoolean(r)&&(c=r),m.isFunction(r)&&(c=r(e.unref(q))),c});function x(){const{show:o,ifShow:r}=t.schema,{showAdvancedButton:l}=t.formProps,c=l&&m.isBoolean(t.isAdvanced)?t.isAdvanced:!0;let a=!0,d=!0;return m.isBoolean(o)&&(a=o),m.isBoolean(r)&&(d=r),m.isFunction(o)&&(a=o(e.unref(q))),m.isFunction(r)&&(d=r(e.unref(q))),a=a&&c,{isShow:a,isIfShow:d}}function j(){const{rules:o=[],component:r,rulesMessageJoinLabel:l,label:c,dynamicRule:a,required:d,dynamicRuleAdd:g=!0}=t.schema;if(m.isFunction(a)&&!g)return a(e.unref(q));let n=m.cloneDeep(o);const{rulesMessageJoinLabel:P}=t.formProps,I=Reflect.has(t.schema,"rulesMessageJoinLabel")?l:P,p=v.createPlaceholderMessage(r,`${I?c:""}`);function F(s,i){const h=s.message||p;return i===void 0||m.isNull(i)||Array.isArray(i)&&i.length===0||typeof i=="string"&&i.trim()===""||typeof i=="object"&&Reflect.has(i,"checked")&&Reflect.has(i,"halfChecked")&&Array.isArray(i.checked)&&Array.isArray(i.halfChecked)&&i.checked.length===0&&i.halfChecked.length===0?Promise.reject(h):Promise.resolve()}const E=m.isFunction(d)?d(e.unref(q)):d;E&&(!n||n.length===0?n=[{required:E,validator:F}]:n.findIndex(i=>Reflect.has(i,"required"))===-1&&n.unshift({required:E,validator:F}));const C=n.findIndex(s=>Reflect.has(s,"required")&&!Reflect.has(s,"validator"));if(C!==-1){const s=n[C],{isShow:i}=x();i||(s.required=!1),r&&(Reflect.has(s,"type")||(s.type=r==="InputNumber"?"number":"string"),s.message=s.message||p,(r.includes("Input")||r.includes("Textarea"))&&(s.whitespace=!0))}const f=n.findIndex(s=>s.min),R=n.findIndex(s=>s.max);function y(s,i,h="all"){const M=(s==null?void 0:s.length)||0;return["min","all"].includes(h)&&M<n[i].min?Promise.reject(c+"至少为"+n[i].min+"位"):["max","all"].includes(h)&&M>n[i].max?Promise.reject(c+"最多"+n[i].max+"位"):Promise.resolve()}(f!==-1||R!==-1)&&(f!==-1&&R!==-1&&!n[f].validator&&!n[f].message?n[f].validator=(s,i)=>y(i,f):f!==-1&&!n[f].validator&&!n[f].message?n[f].validator=(s,i)=>y(i,f,"min"):R!==-1&&!n[R].validator&&!n[R].message&&(n[R].validator=(s,i)=>y(i,R,"max")));const A=n.findIndex(s=>s.len);return A!==-1&&(n[A].validator=(s,i)=>i.length!==n[A].len?Promise.reject(c+"必须是"+n[A].len+"位"):Promise.resolve()),m.isFunction(a)&&g&&n.push(a(e.unref(q))),n}const O=()=>{var s;const{renderComponentContent:o,component:r,field:l,changeEvent:c="change",valueField:a,label:d,placeholderJoinLabel:g=!0}=t.schema;let n=c;u.isInput(r)?n="input":(u.isDatePicker(r)||r===u.FormCompEnum.TIME_PICKER)&&(n="update:modelValue");const P=`on${m.upperFirst(n)}`,I={[P]:(...i)=>{const[h]=i;C[P]&&C[P](...i);const M=h?h.target:null,L=M?M.value:h;t.setFormModel(l,L,t.schema)}},p=u.componentMap.get(r),{autoSetPlaceHolder:F,size:E}=t.formProps,C={clearable:!0,size:E,...e.unref(N),disabled:e.unref(w)};!C.disabled&&F&&!u.isRangePicker(r)&&r&&(C.placeholder=((s=e.unref(N))==null?void 0:s.placeholder)||v.createPlaceholderMessage(r,g?d:""));const R={[a||"model-value"]:t.formModel[l]},y={...I,...C,...R};if(!o)return e.createVNode(p,y,null);const A=m.isFunction(o)?{...o(e.unref(q))}:{default:()=>o};return e.createVNode(p,y,D(A)?A:{default:()=>[A]})};function T(){const{showLabel:o=!0,label:r,subLabel:l}=t.schema;return o&&r?l?e.createVNode("span",null,[r,e.createTextVNode(" "),e.createVNode("span",null,[l])]):r:void 0}const S=e.useSlots();function V(o,r="default",l){if(!o||!Reflect.has(o,r))return null;if(!m.isFunction(o[r]))return console.error(`${r} is not a function!`),null;const c=o[r];return c?c(l):null}function B(){const{itemProps:o,slot:r,render:l,field:c,suffix:a,prefix:d,prefixParentStyle:g}=t.schema,{autoCleanErrorMessage:n}=t.formProps,P=()=>r?V(S,r,e.unref(q)):l?l(e.unref(q)):O(),I=!!a,p=!!d,F=m.isFunction(a)?a(e.unref(q)):a,E=m.isFunction(d)?d(e.unref(q)):d,C=()=>{t.updateSchema([{field:c,itemProps:{error:""}}])},f=()=>e.createVNode(H.VftFormItem,e.mergeProps({prop:c,class:[{[b.is(a)]:I},b.e("item")]},o,{"onUpdate:error":n?C:null,rules:j()}),{default:()=>[e.createVNode("div",{class:b.e("container")},[e.createVNode("div",{class:b.e("content")},[P()]),I&&e.createVNode("span",{class:b.m("suffix")},[F])])],label:T()?()=>T():void 0});return p?e.createVNode("div",{style:g},[e.createVNode("span",{class:b.m("prefix")},[E]),f()]):f()}return()=>{let o;const{colProps:r={},colSlot:l,renderColContent:c,component:a,render:d}=t.schema;if(!u.componentMap.has(a)&&!c&&!d)return null;const{baseColProps:g={}}=t.formProps,n={...g,...r},{isIfShow:P,isShow:I}=x(),p=e.unref(q),F=()=>l?V(S,l,p):c?c(p):B();if(a===u.FormCompEnum.DIVIDER){let E;return e.createVNode(K.VftCol,e.mergeProps({span:24},r),{default:()=>[e.createVNode(k.VftDivider,e.unref(N),D(E=T())?E:{default:()=>[E]})]})}return P&&e.withDirectives(e.createVNode(K.VftCol,n,D(o=F())?o:{default:()=>[o]}),[[e.vShow,I]])}}});exports.default=$;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),U=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");const J=require("@vueuse/core"),f=require("@vft/utils");require("../../utils/ns-cover.cjs");const W=require("./component-map.cjs"),Q=require("./super-form-action.vue2.cjs"),X=require("./super-form-item.vue2.cjs"),Y=require("./use/use-auto-focus.cjs"),Z=require("./use/use-form-context.cjs"),ee=require("./use/use-form-events.cjs"),re=require("./use/use-form-values.cjs");require("../divider/index.cjs");require("../icon/index.cjs");require("../avatar/index.cjs");require("../empty/index.cjs");require("../result/index.cjs");require("../tabs/index.cjs");require("../popper/index.cjs");require("../collapse-transition/index.cjs");require("../tooltip/index.cjs");require("../popover/index.cjs");require("../menu/index.cjs");require("../context-menu/context-menu.vue2.cjs");require("../multiple-tabs/index.cjs");require("../header-layout/index.cjs");require("../footer-layout/index.cjs");require("../iframe-layout/index.cjs");require("../router-view-content/index.cjs");require("../logo/index.cjs");require("../backtop/index.cjs");require("../container/index.cjs");require("../config-provider/index.cjs");require("../descriptions/index.cjs");require("../full-screen/index.cjs");require("../icon-text/index.cjs");require("../image/index.cjs");require("../input/index.cjs");require("../link/index.cjs");require("../pagination/index.cjs");require("../tag/index.cjs");require("../side-menu/index.cjs");require("../qrcode/index.cjs");require("../overlay/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../page-wrapper/index.cjs");require("../exception/index.cjs");require("../search/index.cjs");const te=require("../form/index.cjs");require("../button/index.cjs");require("../checkbox/index.cjs");require("../radio/index.cjs");require("../switch/index.cjs");require("../color-picker/index.cjs");require("../scrollbar/index.cjs");require("../dropdown/index.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/props.cjs");require("../select/index.cjs");require("../verify-code/index.cjs");require("../table/index.cjs");require("../image-viewer/index.cjs");require("../list-cell/index.cjs");require("../dialog/index.cjs");require("../date-time-select/index.cjs");require("../col/index.cjs");const ue=require("../row/index.cjs");require("../horizontal-menu/index.cjs");require("../time-picker/index.cjs");require("../date-picker/index.cjs");require("../check-tag/index.cjs");require("../tree/index.cjs");require("../skeleton/index.cjs");require("../space/index.cjs");require("../card/index.cjs");require("../popconfirm/index.cjs");require("../alert/index.cjs");require("../drawer/index.cjs");require("../input-number/index.cjs");require("../slider/index.cjs");require("../autocomplete/index.cjs");require("./index.cjs");require("../progress/index.cjs");require("../upload/index.cjs");require("../md-container/index.cjs");require("../md-comment/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../message/index.cjs");const D=U.useNamespace("super-form"),oe=e.defineComponent({name:D.b()}),ne=e.defineComponent({...oe,props:{rowProps:{default:{gutter:20}},baseColProps:{default:{span:8}},autoSetPlaceHolder:{type:Boolean,default:!0},schemas:{},autoFocusFirstItem:{type:Boolean,default:!1},submitOnReset:{type:Boolean},mergeDynamicData:{},fieldMapToTime:{},autoSubmitOnEnter:{type:Boolean,default:!0},rulesMessageJoinLabel:{type:Boolean,default:!0},autoAdvancedLine:{},alwaysShowLines:{},tableAction:{default:""},submitOnChange:{type:Boolean},showActionButtonGroup:{type:Boolean,default:!0},autoCleanErrorMessage:{type:Boolean},beforeSubmitFunc:{},submitFunc:{},size:{default:"default"},disabled:{type:Boolean},model:{},rules:{},labelPosition:{default:"right"},requireAsteriskPosition:{default:"left"},labelWidth:{default:"auto"},labelSuffix:{},inline:{type:Boolean},inlineMessage:{type:Boolean},statusIcon:{type:Boolean},showMessage:{type:Boolean,default:!0},validateOnRuleChange:{type:Boolean,default:!0},hideRequiredAsterisk:{type:Boolean,default:!1},scrollToError:{type:Boolean},showResetButton:{type:Boolean,default:!1},showSubmitButton:{type:Boolean,default:!0},showCommonButton:{type:Boolean,default:!0},resetButtonOptions:{},submitButtonOptions:{},commonButtonOptions:{},actionRowOptions:{}},emits:["register","reset","submit","field-value-change"],setup(I,{expose:T,emit:F}){const m=I;console.log(m,"===");const L=e.useAttrs(),n=e.reactive({}),p=e.ref({}),l=e.ref(!1),q=e.ref({}),w=e.ref(null),d=e.ref(null),t=e.computed(()=>({...m,...e.unref(q)})),x=e.computed(()=>({...L,...m,...e.unref(t)})),o=e.computed(()=>{const r=e.unref(w);return e.unref(t).showAdvancedButton?f.cloneDeep(r.filter(i=>i.component!==W.FormCompEnum.DIVIDER)):f.cloneDeep(r)}),{handleFormValues:N,initDefault:P}=re.useFormValues({getProps:t,defaultValueRef:p,getSchema:o,formModel:n});Y.useAutoFocus({getSchema:o,getProps:t,isInitedDefault:l,formElRef:d});const{handleSubmit:s,setFieldsValue:B,clearValidate:S,validate:_,validateField:g,getFieldsValue:k,updateSchema:h,resetSchema:y,appendSchemaByField:C,removeSchemaByField:A,resetFields:b,scrollToField:$,getFieldValue:V,setFormItemError:z}=ee.useFormEvents({emit:F,getProps:t,formModel:n,getSchema:o,defaultValueRef:p,formElRef:d,schemaRef:w,handleFormValues:N});Z.createFormContext({resetAction:b,submitAction:s}),e.watch(()=>e.unref(t).model,()=>{const{model:r}=e.unref(t);r&&B(r)},{immediate:!0}),e.watch(()=>e.unref(t).schemas,r=>{y(r??[])}),e.watch(()=>o.value,r=>{e.nextTick(()=>{}),!e.unref(l)&&r!=null&&r.length&&(P(),l.value=!0)}),e.watch(()=>n,J.useDebounceFn(()=>{e.unref(t).submitOnChange&&s()},300),{deep:!0});async function O(r){q.value=f.deepMerge(e.unref(q)||{},r)}function H(r,i,u){n[r]=i,u&&u.itemProps&&!u.itemProps.autoLink&&g(r).catch(v=>{})}function K(r){const{autoSubmitOnEnter:i}=e.unref(t);if(i&&r.key==="Enter"&&r.target&&r.target instanceof HTMLElement){const u=r.target;u&&u.tagName&&u.tagName.toUpperCase()==="INPUT"&&s()}}const R={getFieldsValue:k,getFieldValue:V,setFieldsValue:B,resetFields:b,updateSchema:h,resetSchema:y,setProps:O,removeSchemaByField:A,appendSchemaByField:C,clearValidate:S,validateField:g,validate:_,submit:s,scrollToField:$};e.onMounted(()=>{P(),F("register",R)});const j=e.computed(()=>f.pick(t.value,["showResetButton","showCommonButton","showSubmitButton","resetButtonOptions","submitButtonOptions","commonButtonOptions","actionColOptions","actionSpan"]));return T({getFieldsValue:k,getFieldValue:V,setFieldsValue:B,resetFields:b,updateSchema:h,resetSchema:y,setProps:O,removeSchemaByField:A,appendSchemaByField:C,clearValidate:S,validateField:g,validate:_,submit:s,setFormItemError:z}),(r,i)=>{var u;return l.value&&((u=o.value)!=null&&u.length)?(e.openBlock(),e.createBlock(e.unref(te.VftForm),e.mergeProps({key:0},x.value,{ref_key:"formElRef",ref:d,class:e.unref(D).b(),model:n,onKeypress:e.withKeys(K,["enter"])}),{default:e.withCtx(()=>{var v,E,M;return[(v=o.value)!=null&&v.length?(e.openBlock(),e.createBlock(e.unref(ue.VftRow),e.normalizeProps(e.mergeProps({key:0},(E=t.value)==null?void 0:E.rowProps)),{default:e.withCtx(()=>[e.renderSlot(r.$slots,"formHeader"),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,a=>(e.openBlock(),e.createBlock(X.default,{key:a.field,tableAction:r.tableAction,formActionType:R,schema:a,formProps:t.value,allDefaultValues:p.value,formModel:n,setFormModel:H,updateSchema:e.unref(h)},e.createSlots({_:2},[e.renderList(Object.keys(r.$slots),c=>({name:c,fn:e.withCtx(G=>[e.renderSlot(r.$slots,c,e.normalizeProps(e.guardReactiveProps(G||{})))])}))]),1032,["tableAction","schema","formProps","allDefaultValues","formModel","updateSchema"]))),128))]),_:3},16)):e.createCommentVNode("",!0),(M=t.value)!=null&&M.showActionButtonGroup?(e.openBlock(),e.createBlock(Q.default,e.normalizeProps(e.mergeProps({key:1},j.value)),e.createSlots({_:2},[e.renderList(["resetBefore","submitBefore","submitAfter"],a=>({name:a,fn:e.withCtx(c=>[e.renderSlot(r.$slots,a,e.normalizeProps(e.guardReactiveProps(c||{})))])}))]),1040)):e.createCommentVNode("",!0),e.renderSlot(r.$slots,"formFooter")]}),_:3},16,["class","model","onKeypress"])):e.createCommentVNode("",!0)}}});exports.default=ne;
|
package/lib/package.json.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.115";exports.version=e;
|