vft 0.0.114 → 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/super-form-action.vue2.js +44 -32
- package/es/components/super-form/super-form.vue2.js +82 -69
- package/es/package.json.js +1 -1
- package/lib/components/super-form/super-form-action.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 +4 -4
- package/web-types.json +1 -1
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { useNamespace as
|
|
1
|
+
import { defineComponent as g, computed as p, openBlock as e, createBlock as n, unref as t, normalizeProps as k, guardReactiveProps as y, withCtx as m, createVNode as h, normalizeClass as v, mergeProps as u, createTextVNode as a, toDisplayString as l, createCommentVNode as c, renderSlot as f } from "vue";
|
|
2
|
+
import { useNamespace as R } 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
6
|
import "@vueuse/core";
|
|
7
7
|
import "@vft/utils";
|
|
8
8
|
import "../../utils/ns-cover.js";
|
|
9
|
-
import { useFormContext as
|
|
9
|
+
import { useFormContext as T } from "./use/use-form-context.js";
|
|
10
10
|
import "../divider/index.js";
|
|
11
11
|
import "../icon/index.js";
|
|
12
12
|
import "../avatar/index.js";
|
|
@@ -65,7 +65,7 @@ import "../list-cell/index.js";
|
|
|
65
65
|
import "../dialog/index.js";
|
|
66
66
|
import "../date-time-select/index.js";
|
|
67
67
|
import "../col/index.js";
|
|
68
|
-
import { VftRow as
|
|
68
|
+
import { VftRow as x } from "../row/index.js";
|
|
69
69
|
import "../horizontal-menu/index.js";
|
|
70
70
|
import "../time-picker/index.js";
|
|
71
71
|
import "../date-picker/index.js";
|
|
@@ -90,54 +90,66 @@ import "../md-vue-playground/index.js";
|
|
|
90
90
|
import "../md-code-demo/index.js";
|
|
91
91
|
import "../md-code-tabs/index.js";
|
|
92
92
|
import "../message/index.js";
|
|
93
|
-
const
|
|
93
|
+
const Bo = /* @__PURE__ */ g({
|
|
94
94
|
__name: "super-form-action",
|
|
95
95
|
props: {
|
|
96
96
|
showResetButton: { type: Boolean },
|
|
97
97
|
showSubmitButton: { type: Boolean },
|
|
98
|
+
showCommonButton: { type: Boolean },
|
|
98
99
|
resetButtonOptions: {},
|
|
99
100
|
submitButtonOptions: {},
|
|
101
|
+
commonButtonOptions: {},
|
|
100
102
|
actionRowOptions: {}
|
|
101
103
|
},
|
|
102
104
|
setup(i) {
|
|
103
|
-
const
|
|
105
|
+
const r = R("form-action");
|
|
106
|
+
console.log(i.showCommonButton);
|
|
107
|
+
const {
|
|
104
108
|
resetAction: d,
|
|
105
|
-
submitAction:
|
|
106
|
-
} =
|
|
109
|
+
submitAction: w
|
|
110
|
+
} = T(), C = p(() => ({
|
|
107
111
|
justify: "end",
|
|
108
112
|
...i.actionRowOptions
|
|
109
|
-
})),
|
|
110
|
-
return (o,
|
|
111
|
-
default:
|
|
112
|
-
|
|
113
|
-
class:
|
|
113
|
+
})), b = p(() => Object.assign({ btnText: "重置" }, i.resetButtonOptions)), s = p(() => Object.assign({ btnText: "确认" }, i.submitButtonOptions)), O = p(() => Object.assign({ btnText: "取消" }, i.commonButtonOptions));
|
|
114
|
+
return (o, S) => (e(), n(t(x), k(y(C.value)), {
|
|
115
|
+
default: m(() => [
|
|
116
|
+
h(t(V), {
|
|
117
|
+
class: v([{ "submit-block": s.value.block }, t(r).b()])
|
|
114
118
|
}, {
|
|
115
|
-
default:
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
+
default: m(() => [
|
|
120
|
+
o.showCommonButton ? (e(), n(t(B), u({ key: 0 }, O.value, {
|
|
121
|
+
class: t(r).e("common")
|
|
122
|
+
}), {
|
|
123
|
+
default: m(() => [
|
|
124
|
+
a(l(O.value.btnText), 1)
|
|
125
|
+
]),
|
|
126
|
+
_: 1
|
|
127
|
+
}, 16, ["class"])) : c("", !0),
|
|
128
|
+
f(o.$slots, "resetBefore"),
|
|
129
|
+
o.showResetButton ? (e(), n(t(B), u({
|
|
130
|
+
key: 1,
|
|
119
131
|
type: "warning"
|
|
120
|
-
},
|
|
132
|
+
}, b.value, {
|
|
121
133
|
onClick: t(d),
|
|
122
|
-
class: t(
|
|
134
|
+
class: t(r).e("reset")
|
|
123
135
|
}), {
|
|
124
|
-
default:
|
|
125
|
-
l(
|
|
136
|
+
default: m(() => [
|
|
137
|
+
a(l(b.value.btnText), 1)
|
|
126
138
|
]),
|
|
127
139
|
_: 1
|
|
128
|
-
}, 16, ["onClick", "class"])) :
|
|
129
|
-
|
|
130
|
-
o.showSubmitButton ? (
|
|
131
|
-
key:
|
|
140
|
+
}, 16, ["onClick", "class"])) : c("", !0),
|
|
141
|
+
f(o.$slots, "submitBefore"),
|
|
142
|
+
o.showSubmitButton ? (e(), n(t(B), u({
|
|
143
|
+
key: 2,
|
|
132
144
|
type: "primary",
|
|
133
|
-
class: t(
|
|
134
|
-
},
|
|
135
|
-
default:
|
|
136
|
-
l(
|
|
145
|
+
class: t(r).e("submit")
|
|
146
|
+
}, s.value, { onClick: t(w) }), {
|
|
147
|
+
default: m(() => [
|
|
148
|
+
a(l(s.value.btnText), 1)
|
|
137
149
|
]),
|
|
138
150
|
_: 1
|
|
139
|
-
}, 16, ["class", "onClick"])) :
|
|
140
|
-
|
|
151
|
+
}, 16, ["class", "onClick"])) : c("", !0),
|
|
152
|
+
f(o.$slots, "submitAfter")
|
|
141
153
|
]),
|
|
142
154
|
_: 3
|
|
143
155
|
}, 8, ["class"])
|
|
@@ -147,5 +159,5 @@ const fo = /* @__PURE__ */ w({
|
|
|
147
159
|
}
|
|
148
160
|
});
|
|
149
161
|
export {
|
|
150
|
-
|
|
162
|
+
Bo as default
|
|
151
163
|
};
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { defineComponent as J, useAttrs 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
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
6
|
import { useDebounceFn as Bt } from "@vueuse/core";
|
|
7
|
-
import { cloneDeep as x, pick as
|
|
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
|
|
9
|
+
import { FormCompEnum as bt } from "./component-map.js";
|
|
10
|
+
import gt from "./super-form-action.vue2.js";
|
|
11
11
|
import Ft from "./super-form-item.vue2.js";
|
|
12
12
|
import { useAutoFocus as vt } from "./use/use-auto-focus.js";
|
|
13
|
-
import { createFormContext as
|
|
14
|
-
import { useFormEvents as
|
|
15
|
-
import { useFormValues as
|
|
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
16
|
import "../divider/index.js";
|
|
17
17
|
import "../icon/index.js";
|
|
18
18
|
import "../avatar/index.js";
|
|
@@ -71,7 +71,7 @@ import "../list-cell/index.js";
|
|
|
71
71
|
import "../dialog/index.js";
|
|
72
72
|
import "../date-time-select/index.js";
|
|
73
73
|
import "../col/index.js";
|
|
74
|
-
import { VftRow as
|
|
74
|
+
import { VftRow as Ot } from "../row/index.js";
|
|
75
75
|
import "../horizontal-menu/index.js";
|
|
76
76
|
import "../time-picker/index.js";
|
|
77
77
|
import "../date-picker/index.js";
|
|
@@ -99,10 +99,10 @@ import "../message/index.js";
|
|
|
99
99
|
const W = (
|
|
100
100
|
/* hoist-static*/
|
|
101
101
|
dt("super-form")
|
|
102
|
-
),
|
|
102
|
+
), Rt = J({
|
|
103
103
|
name: W.b()
|
|
104
|
-
}),
|
|
105
|
-
...
|
|
104
|
+
}), go = /* @__PURE__ */ J({
|
|
105
|
+
...Rt,
|
|
106
106
|
props: {
|
|
107
107
|
rowProps: { default: {
|
|
108
108
|
gutter: 20
|
|
@@ -143,18 +143,22 @@ const W = (
|
|
|
143
143
|
scrollToError: { type: Boolean },
|
|
144
144
|
showResetButton: { type: Boolean, default: !1 },
|
|
145
145
|
showSubmitButton: { type: Boolean, default: !0 },
|
|
146
|
+
showCommonButton: { type: Boolean, default: !0 },
|
|
146
147
|
resetButtonOptions: {},
|
|
147
148
|
submitButtonOptions: {},
|
|
149
|
+
commonButtonOptions: {},
|
|
148
150
|
actionRowOptions: {}
|
|
149
151
|
},
|
|
150
152
|
emits: ["register", "reset", "submit", "field-value-change"],
|
|
151
|
-
setup(Q, { expose: X, emit:
|
|
152
|
-
const
|
|
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(() => {
|
|
153
157
|
const t = e(D);
|
|
154
|
-
return e(o).showAdvancedButton ? x(t.filter((
|
|
155
|
-
}), { handleFormValues: tt, initDefault: M } =
|
|
158
|
+
return e(o).showAdvancedButton ? x(t.filter((n) => n.component !== bt.DIVIDER)) : x(t);
|
|
159
|
+
}), { handleFormValues: tt, initDefault: M } = Pt({
|
|
156
160
|
getProps: o,
|
|
157
|
-
defaultValueRef:
|
|
161
|
+
defaultValueRef: F,
|
|
158
162
|
getSchema: i,
|
|
159
163
|
formModel: m
|
|
160
164
|
});
|
|
@@ -162,36 +166,36 @@ const W = (
|
|
|
162
166
|
getSchema: i,
|
|
163
167
|
getProps: o,
|
|
164
168
|
isInitedDefault: u,
|
|
165
|
-
formElRef:
|
|
169
|
+
formElRef: w
|
|
166
170
|
});
|
|
167
171
|
const {
|
|
168
|
-
handleSubmit:
|
|
172
|
+
handleSubmit: a,
|
|
169
173
|
setFieldsValue: S,
|
|
170
174
|
clearValidate: I,
|
|
171
175
|
validate: T,
|
|
172
176
|
validateField: P,
|
|
173
177
|
getFieldsValue: $,
|
|
174
|
-
updateSchema:
|
|
175
|
-
resetSchema:
|
|
178
|
+
updateSchema: A,
|
|
179
|
+
resetSchema: O,
|
|
176
180
|
appendSchemaByField: L,
|
|
177
181
|
removeSchemaByField: N,
|
|
178
182
|
resetFields: R,
|
|
179
183
|
scrollToField: et,
|
|
180
184
|
getFieldValue: H,
|
|
181
185
|
setFormItemError: ot
|
|
182
|
-
} =
|
|
183
|
-
emit:
|
|
186
|
+
} = St({
|
|
187
|
+
emit: _,
|
|
184
188
|
getProps: o,
|
|
185
189
|
formModel: m,
|
|
186
190
|
getSchema: i,
|
|
187
|
-
defaultValueRef:
|
|
188
|
-
formElRef:
|
|
191
|
+
defaultValueRef: F,
|
|
192
|
+
formElRef: w,
|
|
189
193
|
schemaRef: D,
|
|
190
194
|
handleFormValues: tt
|
|
191
195
|
});
|
|
192
|
-
|
|
196
|
+
wt({
|
|
193
197
|
resetAction: R,
|
|
194
|
-
submitAction:
|
|
198
|
+
submitAction: a
|
|
195
199
|
}), d(
|
|
196
200
|
() => e(o).model,
|
|
197
201
|
() => {
|
|
@@ -204,33 +208,33 @@ const W = (
|
|
|
204
208
|
), d(
|
|
205
209
|
() => e(o).schemas,
|
|
206
210
|
(t) => {
|
|
207
|
-
|
|
211
|
+
O(t ?? []);
|
|
208
212
|
}
|
|
209
213
|
), d(
|
|
210
214
|
() => i.value,
|
|
211
215
|
(t) => {
|
|
212
|
-
|
|
216
|
+
pt(() => {
|
|
213
217
|
}), !e(u) && t != null && t.length && (M(), u.value = !0);
|
|
214
218
|
}
|
|
215
219
|
), d(
|
|
216
220
|
() => m,
|
|
217
221
|
Bt(() => {
|
|
218
|
-
e(o).submitOnChange &&
|
|
222
|
+
e(o).submitOnChange && a();
|
|
219
223
|
}, 300),
|
|
220
224
|
{ deep: !0 }
|
|
221
225
|
);
|
|
222
226
|
async function K(t) {
|
|
223
|
-
|
|
227
|
+
v.value = yt(e(v) || {}, t);
|
|
224
228
|
}
|
|
225
|
-
function rt(t,
|
|
226
|
-
m[t] =
|
|
229
|
+
function rt(t, n, r) {
|
|
230
|
+
m[t] = n, r && r.itemProps && !r.itemProps.autoLink && P(t).catch((k) => {
|
|
227
231
|
});
|
|
228
232
|
}
|
|
229
233
|
function it(t) {
|
|
230
|
-
const { autoSubmitOnEnter:
|
|
231
|
-
if (
|
|
234
|
+
const { autoSubmitOnEnter: n } = e(o);
|
|
235
|
+
if (n && t.key === "Enter" && t.target && t.target instanceof HTMLElement) {
|
|
232
236
|
const r = t.target;
|
|
233
|
-
r && r.tagName && r.tagName.toUpperCase() === "INPUT" &&
|
|
237
|
+
r && r.tagName && r.tagName.toUpperCase() === "INPUT" && a();
|
|
234
238
|
}
|
|
235
239
|
}
|
|
236
240
|
const q = {
|
|
@@ -238,91 +242,100 @@ const W = (
|
|
|
238
242
|
getFieldValue: H,
|
|
239
243
|
setFieldsValue: S,
|
|
240
244
|
resetFields: R,
|
|
241
|
-
updateSchema:
|
|
242
|
-
resetSchema:
|
|
245
|
+
updateSchema: A,
|
|
246
|
+
resetSchema: O,
|
|
243
247
|
setProps: K,
|
|
244
248
|
removeSchemaByField: N,
|
|
245
249
|
appendSchemaByField: L,
|
|
246
250
|
clearValidate: I,
|
|
247
251
|
validateField: P,
|
|
248
252
|
validate: T,
|
|
249
|
-
submit:
|
|
253
|
+
submit: a,
|
|
250
254
|
scrollToField: et
|
|
251
255
|
};
|
|
252
256
|
lt(() => {
|
|
253
|
-
M(),
|
|
257
|
+
M(), _("register", q);
|
|
254
258
|
});
|
|
255
|
-
const mt = c(() =>
|
|
259
|
+
const mt = c(() => ht(
|
|
256
260
|
o.value,
|
|
257
|
-
[
|
|
261
|
+
[
|
|
262
|
+
"showResetButton",
|
|
263
|
+
"showCommonButton",
|
|
264
|
+
"showSubmitButton",
|
|
265
|
+
"resetButtonOptions",
|
|
266
|
+
"submitButtonOptions",
|
|
267
|
+
"commonButtonOptions",
|
|
268
|
+
"actionColOptions",
|
|
269
|
+
"actionSpan"
|
|
270
|
+
]
|
|
258
271
|
));
|
|
259
272
|
return X({
|
|
260
273
|
getFieldsValue: $,
|
|
261
274
|
getFieldValue: H,
|
|
262
275
|
setFieldsValue: S,
|
|
263
276
|
resetFields: R,
|
|
264
|
-
updateSchema:
|
|
265
|
-
resetSchema:
|
|
277
|
+
updateSchema: A,
|
|
278
|
+
resetSchema: O,
|
|
266
279
|
setProps: K,
|
|
267
280
|
removeSchemaByField: N,
|
|
268
281
|
appendSchemaByField: L,
|
|
269
282
|
clearValidate: I,
|
|
270
283
|
validateField: P,
|
|
271
284
|
validate: T,
|
|
272
|
-
submit:
|
|
285
|
+
submit: a,
|
|
273
286
|
setFormItemError: ot
|
|
274
|
-
}), (t,
|
|
287
|
+
}), (t, n) => {
|
|
275
288
|
var r;
|
|
276
|
-
return u.value && ((r = i.value) != null && r.length) ? (l(), B(e(At),
|
|
289
|
+
return u.value && ((r = i.value) != null && r.length) ? (l(), B(e(At), C({ key: 0 }, Z.value, {
|
|
277
290
|
ref_key: "formElRef",
|
|
278
|
-
ref:
|
|
291
|
+
ref: w,
|
|
279
292
|
class: e(W).b(),
|
|
280
293
|
model: m,
|
|
281
294
|
onKeypress: ut(it, ["enter"])
|
|
282
295
|
}), {
|
|
283
|
-
default:
|
|
296
|
+
default: h(() => {
|
|
284
297
|
var k, z, G;
|
|
285
298
|
return [
|
|
286
|
-
(k = i.value) != null && k.length ? (l(), B(e(
|
|
287
|
-
default:
|
|
288
|
-
|
|
289
|
-
(l(!0), ft(ct, null,
|
|
290
|
-
key:
|
|
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,
|
|
291
304
|
tableAction: t.tableAction,
|
|
292
305
|
formActionType: q,
|
|
293
|
-
schema:
|
|
306
|
+
schema: s,
|
|
294
307
|
formProps: o.value,
|
|
295
|
-
allDefaultValues:
|
|
308
|
+
allDefaultValues: F.value,
|
|
296
309
|
formModel: m,
|
|
297
310
|
setFormModel: rt,
|
|
298
|
-
updateSchema: e(
|
|
311
|
+
updateSchema: e(A)
|
|
299
312
|
}, U({ _: 2 }, [
|
|
300
|
-
|
|
313
|
+
E(Object.keys(t.$slots), (f) => ({
|
|
301
314
|
name: f,
|
|
302
|
-
fn:
|
|
303
|
-
|
|
315
|
+
fn: h((nt) => [
|
|
316
|
+
b(t.$slots, f, y(j(nt || {})))
|
|
304
317
|
])
|
|
305
318
|
}))
|
|
306
319
|
]), 1032, ["tableAction", "schema", "formProps", "allDefaultValues", "formModel", "updateSchema"]))), 128))
|
|
307
320
|
]),
|
|
308
321
|
_: 3
|
|
309
|
-
}, 16)) :
|
|
310
|
-
(G = o.value) != null && G.showActionButtonGroup ? (l(), B(
|
|
311
|
-
|
|
312
|
-
name:
|
|
313
|
-
fn:
|
|
314
|
-
|
|
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 || {})))
|
|
315
328
|
])
|
|
316
329
|
}))
|
|
317
|
-
]), 1040)) :
|
|
318
|
-
|
|
330
|
+
]), 1040)) : V("", !0),
|
|
331
|
+
b(t.$slots, "formFooter")
|
|
319
332
|
];
|
|
320
333
|
}),
|
|
321
334
|
_: 3
|
|
322
|
-
}, 16, ["class", "model", "onKeypress"])) :
|
|
335
|
+
}, 16, ["class", "model", "onKeypress"])) : V("", !0);
|
|
323
336
|
};
|
|
324
337
|
}
|
|
325
338
|
});
|
|
326
339
|
export {
|
|
327
|
-
|
|
340
|
+
go as default
|
|
328
341
|
};
|
package/es/package.json.js
CHANGED
|
@@ -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"),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()}),
|
|
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;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "vft",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.115",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"main": "lib/index.cjs",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -54,11 +54,11 @@
|
|
|
54
54
|
"resize-detector": "0.3.0",
|
|
55
55
|
"sortablejs": "^1.15.0",
|
|
56
56
|
"@vft/constants": "0.0.58",
|
|
57
|
-
"@vft/store": "0.0.27",
|
|
58
57
|
"@vft/router": "0.0.27",
|
|
58
|
+
"@vft/store": "0.0.27",
|
|
59
|
+
"@vft/utils": "0.0.42",
|
|
59
60
|
"@vft/use": "0.0.30",
|
|
60
|
-
"@vft/directives": "0.0.23"
|
|
61
|
-
"@vft/utils": "0.0.42"
|
|
61
|
+
"@vft/directives": "0.0.23"
|
|
62
62
|
},
|
|
63
63
|
"vetur": {
|
|
64
64
|
"tags": "tags.json",
|