general-basic-form 2.0.50 → 2.0.51
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/README.md +10 -10
- package/dist/index.js +246 -236
- package/dist/index.umd.cjs +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
| VGeneralBasicForm | √ | √ | | √ | √ |
|
|
8
8
|
| VSearchBox | √ | | | | √ |
|
|
9
9
|
| VInfiniteScrollList | | √ | | √ | |
|
|
10
|
-
| VDescriptions | | √ |
|
|
10
|
+
| VDescriptions | | √ | √ | √ | |
|
|
11
11
|
| VInputMobilecVerification | | √ | √ | √ | |
|
|
12
12
|
| VInputGraphicVerification | | √ | √ | √ | |
|
|
13
13
|
|
|
@@ -511,13 +511,14 @@ import { VDescriptions } from 'general-basic-form'
|
|
|
511
511
|
<VDescriptions
|
|
512
512
|
:formData="props.formData"
|
|
513
513
|
:formItem="formItem"
|
|
514
|
+
componentType="Ant Design Vue"
|
|
514
515
|
...其他el-descriptions的配置
|
|
515
516
|
/>
|
|
516
517
|
```
|
|
517
518
|
|
|
518
519
|
```
|
|
519
|
-
formData
|
|
520
|
-
formItem
|
|
520
|
+
formData:Object
|
|
521
|
+
formItem:[ {
|
|
521
522
|
label: '受访人',
|
|
522
523
|
prop: 'contactors',
|
|
523
524
|
render: (scope: any) => {
|
|
@@ -530,11 +531,12 @@ formItem:[ {
|
|
|
530
531
|
{
|
|
531
532
|
label: '拜访详情',
|
|
532
533
|
prop: 'detail',
|
|
533
|
-
descriptionsItemProps
|
|
534
|
+
descriptionsItemProps:{
|
|
534
535
|
'label-class-name': 'label-class-name'
|
|
535
536
|
}
|
|
536
537
|
}]
|
|
537
|
-
|
|
538
|
+
componentType:"Ant Design Vue"|"Element Plus"(默认)
|
|
539
|
+
descriptionsItemProps:a-descriptions-item|el-descriptions-item的配置
|
|
538
540
|
```
|
|
539
541
|
|
|
540
542
|
# VInputMobilecVerification,VInputGraphicVerification表单里的图形验证码、手机验证码组件,可以单独引入
|
|
@@ -545,11 +547,9 @@ descriptionsItemProps:el-descriptions-item的配置
|
|
|
545
547
|
<VInputMobilecVerification :item="{同表单,可忽略label和rules字段}" componentType="Ant Design Vue"></VInputMobilecVerification>
|
|
546
548
|
```
|
|
547
549
|
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
"Element Plus" (默认)
|
|
550
|
+
```
|
|
551
|
+
componentType:"Ant Design Vue"|"Element Plus"(默认)
|
|
552
|
+
```
|
|
553
553
|
|
|
554
554
|
```
|
|
555
555
|
此用法下必须提供:
|
package/dist/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { defineComponent as b, inject as f, resolveComponent as d, openBlock as o, createBlock as
|
|
2
|
-
import { useRoute as
|
|
1
|
+
import { defineComponent as b, inject as f, resolveComponent as d, openBlock as o, createBlock as u, mergeProps as v, withKeys as Z, createSlots as X, renderList as V, withCtx as _, resolveDynamicComponent as w, createCommentVNode as g, ref as $, unref as m, onMounted as le, createElementBlock as k, computed as N, shallowRef as T, onBeforeUnmount as ue, normalizeStyle as ce, createTextVNode as L, toDisplayString as E, h as J, normalizeProps as pe, guardReactiveProps as me, Fragment as x, provide as j, resolveDirective as Q, withDirectives as A, renderSlot as K, createVNode as ee, vShow as de, watch as fe, createElementVNode as ye } from "vue";
|
|
2
|
+
import { useRoute as he } from "vue-router";
|
|
3
3
|
const Y = {
|
|
4
4
|
placeholder: "请输入",
|
|
5
5
|
style: "width: 200px",
|
|
6
6
|
clearable: !0
|
|
7
|
-
},
|
|
7
|
+
}, _e = {
|
|
8
8
|
style: "width: 227px",
|
|
9
9
|
"start-placeholder": "开始日期",
|
|
10
10
|
"end-placeholder": "结束日期",
|
|
@@ -55,32 +55,32 @@ const Y = {
|
|
|
55
55
|
// console.log(val);
|
|
56
56
|
// },
|
|
57
57
|
// },
|
|
58
|
-
}),
|
|
58
|
+
}), F = (e, t) => {
|
|
59
59
|
const n = e.__vccOpts || e;
|
|
60
60
|
for (const [i, r] of t)
|
|
61
61
|
n[i] = r;
|
|
62
62
|
return n;
|
|
63
63
|
};
|
|
64
|
-
function ve(e, t, n, i, r,
|
|
65
|
-
const
|
|
66
|
-
return o(), c
|
|
64
|
+
function ve(e, t, n, i, r, l) {
|
|
65
|
+
const c = d("el-input");
|
|
66
|
+
return o(), u(c, v({
|
|
67
67
|
onKeydown: Z(e.getList, ["enter"]),
|
|
68
68
|
modelValue: e.queryParams[e.item.prop],
|
|
69
69
|
"onUpdate:modelValue": t[0] || (t[0] = (s) => e.queryParams[e.item.prop] = s),
|
|
70
70
|
size: e.size
|
|
71
|
-
}, e.inputSetting),
|
|
72
|
-
V(e.item.template, (s,
|
|
73
|
-
name:
|
|
74
|
-
fn:
|
|
75
|
-
s ? (o(),
|
|
76
|
-
key:
|
|
71
|
+
}, e.inputSetting), X({ _: 2 }, [
|
|
72
|
+
V(e.item.template, (s, a) => ({
|
|
73
|
+
name: a,
|
|
74
|
+
fn: _(() => [
|
|
75
|
+
s ? (o(), u(w(e.currentInputComponent()), {
|
|
76
|
+
key: a,
|
|
77
77
|
templateEle: s
|
|
78
|
-
}, null, 8, ["templateEle"])) :
|
|
78
|
+
}, null, 8, ["templateEle"])) : g("", !0)
|
|
79
79
|
])
|
|
80
80
|
}))
|
|
81
81
|
]), 1040, ["onKeydown", "modelValue", "size"]);
|
|
82
82
|
}
|
|
83
|
-
const U = /* @__PURE__ */
|
|
83
|
+
const U = /* @__PURE__ */ F(ge, [["render", ve]]), be = /* @__PURE__ */ b({
|
|
84
84
|
__name: "index",
|
|
85
85
|
props: {
|
|
86
86
|
item: {}
|
|
@@ -91,11 +91,11 @@ const U = /* @__PURE__ */ x(ge, [["render", ve]]), be = /* @__PURE__ */ b({
|
|
|
91
91
|
...e.item.inputSetting,
|
|
92
92
|
...e.item.setting
|
|
93
93
|
});
|
|
94
|
-
return (r,
|
|
95
|
-
const
|
|
96
|
-
return o(), c
|
|
94
|
+
return (r, l) => {
|
|
95
|
+
const c = d("el-input-number");
|
|
96
|
+
return o(), u(c, v({
|
|
97
97
|
modelValue: m(t)[r.item.prop],
|
|
98
|
-
"onUpdate:modelValue":
|
|
98
|
+
"onUpdate:modelValue": l[0] || (l[0] = (s) => m(t)[r.item.prop] = s),
|
|
99
99
|
size: m(n)
|
|
100
100
|
}, i.value), null, 16, ["modelValue", "size"]);
|
|
101
101
|
};
|
|
@@ -146,26 +146,26 @@ const U = /* @__PURE__ */ x(ge, [["render", ve]]), be = /* @__PURE__ */ b({
|
|
|
146
146
|
// },
|
|
147
147
|
// },
|
|
148
148
|
});
|
|
149
|
-
function $e(e, t, n, i, r,
|
|
150
|
-
const
|
|
151
|
-
return o(), c
|
|
149
|
+
function $e(e, t, n, i, r, l) {
|
|
150
|
+
const c = d("a-input");
|
|
151
|
+
return o(), u(c, v({
|
|
152
152
|
onKeydown: Z(e.getList, ["enter"]),
|
|
153
153
|
onChange: e.onInputChange,
|
|
154
154
|
value: e.queryParams[e.item.prop],
|
|
155
155
|
size: e.size
|
|
156
|
-
}, e.inputSetting),
|
|
157
|
-
V(e.item.template, (s,
|
|
158
|
-
name:
|
|
159
|
-
fn:
|
|
160
|
-
s ? (o(),
|
|
161
|
-
key:
|
|
156
|
+
}, e.inputSetting), X({ _: 2 }, [
|
|
157
|
+
V(e.item.template, (s, a) => ({
|
|
158
|
+
name: a,
|
|
159
|
+
fn: _(() => [
|
|
160
|
+
s ? (o(), u(w(e.currentInputComponent()), {
|
|
161
|
+
key: a,
|
|
162
162
|
templateEle: s
|
|
163
|
-
}, null, 8, ["templateEle"])) :
|
|
163
|
+
}, null, 8, ["templateEle"])) : g("", !0)
|
|
164
164
|
])
|
|
165
165
|
}))
|
|
166
166
|
]), 1040, ["onKeydown", "onChange", "value", "size"]);
|
|
167
167
|
}
|
|
168
|
-
const ne = /* @__PURE__ */
|
|
168
|
+
const ne = /* @__PURE__ */ F(ke, [["render", $e]]), oe = Symbol(), Se = /* @__PURE__ */ b({
|
|
169
169
|
__name: "index",
|
|
170
170
|
props: {
|
|
171
171
|
imgSrc: {}
|
|
@@ -173,26 +173,26 @@ const ne = /* @__PURE__ */ x(ke, [["render", $e]]), oe = Symbol(), Se = /* @__PU
|
|
|
173
173
|
setup(e) {
|
|
174
174
|
const t = $();
|
|
175
175
|
return le(() => {
|
|
176
|
-
const n = new Image(), i = [], r = 8,
|
|
177
|
-
let
|
|
178
|
-
const
|
|
176
|
+
const n = new Image(), i = [], r = 8, l = 8;
|
|
177
|
+
let c = 0, s = 0;
|
|
178
|
+
const a = 300, y = t.value, I = y.getContext("2d");
|
|
179
179
|
n.onload = function() {
|
|
180
|
-
|
|
180
|
+
y.width = n.width, y.height = n.height, s = Math.floor(n.width / r), c = Math.floor(n.height / l), q(), C();
|
|
181
181
|
}, n.src = e.imgSrc;
|
|
182
182
|
const q = () => {
|
|
183
|
-
for (let P = 0; P <
|
|
184
|
-
for (let
|
|
183
|
+
for (let P = 0; P < l; P++)
|
|
184
|
+
for (let h = 0; h < r; h++)
|
|
185
185
|
i.push({
|
|
186
|
-
x: s *
|
|
187
|
-
y:
|
|
188
|
-
offsetX: (Math.random() - 0.5) *
|
|
189
|
-
offsetY: (Math.random() - 0.5) *
|
|
186
|
+
x: s * h,
|
|
187
|
+
y: c * P,
|
|
188
|
+
offsetX: (Math.random() - 0.5) * a,
|
|
189
|
+
offsetY: (Math.random() - 0.5) * a
|
|
190
190
|
});
|
|
191
191
|
}, C = () => {
|
|
192
|
-
I.clearRect(0, 0,
|
|
192
|
+
I.clearRect(0, 0, y.width, y.height);
|
|
193
193
|
let P = !0;
|
|
194
|
-
i.forEach((
|
|
195
|
-
I.drawImage(n,
|
|
194
|
+
i.forEach((h, B) => {
|
|
195
|
+
I.drawImage(n, h.x, h.y, s, c, h.x + h.offsetX, h.y + h.offsetY, s, c), Math.abs(h.offsetX) > 0.5 && (P = !1, h.offsetX *= 0.95), Math.abs(h.offsetY) > 0.5 && (h.offsetY *= 0.95, P = !1);
|
|
196
196
|
}), P ? setTimeout(() => {
|
|
197
197
|
q(), C();
|
|
198
198
|
}, 300) : requestAnimationFrame(C);
|
|
@@ -216,23 +216,23 @@ const ne = /* @__PURE__ */ x(ke, [["render", $e]]), oe = Symbol(), Se = /* @__PU
|
|
|
216
216
|
getGraphic: i = () => {
|
|
217
217
|
},
|
|
218
218
|
key: r
|
|
219
|
-
} = e.item, { formLoading:
|
|
220
|
-
i && !(
|
|
221
|
-
},
|
|
219
|
+
} = e.item, { formLoading: l } = f(oe, !1), c = N(() => (l == null ? void 0 : l.value) || e.loading), s = async () => {
|
|
220
|
+
i && !(c != null && c.value) && await i();
|
|
221
|
+
}, a = T(U);
|
|
222
222
|
switch (e.componentType) {
|
|
223
223
|
case "Element Plus":
|
|
224
|
-
|
|
224
|
+
a.value = U;
|
|
225
225
|
break;
|
|
226
226
|
case "Ant Design Vue":
|
|
227
|
-
|
|
227
|
+
a.value = ne;
|
|
228
228
|
break;
|
|
229
229
|
}
|
|
230
|
-
return (
|
|
231
|
-
(o(),
|
|
232
|
-
item:
|
|
230
|
+
return (y, I) => (o(), k("div", Ie, [
|
|
231
|
+
(o(), u(w(a.value), {
|
|
232
|
+
item: y.item,
|
|
233
233
|
class: "input"
|
|
234
234
|
}, null, 8, ["item"])),
|
|
235
|
-
|
|
235
|
+
c.value ? (o(), u(Se, {
|
|
236
236
|
key: 0,
|
|
237
237
|
class: "graphic",
|
|
238
238
|
imgSrc: m(t)
|
|
@@ -246,14 +246,14 @@ const ne = /* @__PURE__ */ x(ke, [["render", $e]]), oe = Symbol(), Se = /* @__PU
|
|
|
246
246
|
]));
|
|
247
247
|
}
|
|
248
248
|
});
|
|
249
|
-
const re = /* @__PURE__ */
|
|
249
|
+
const re = /* @__PURE__ */ F(ze, [["__scopeId", "data-v-f76fdd37"]]), R = "获取验证码", Ve = 60, qe = /* @__PURE__ */ b({
|
|
250
250
|
__name: "verification-button",
|
|
251
251
|
props: {
|
|
252
252
|
getSmscode: { type: Function },
|
|
253
253
|
componentType: { default: "Element Plus" }
|
|
254
254
|
},
|
|
255
255
|
setup(e) {
|
|
256
|
-
const t = $(
|
|
256
|
+
const t = $(R), n = $(null), i = N(() => t.value === R), r = T("el-button");
|
|
257
257
|
switch (e.componentType) {
|
|
258
258
|
case "Element Plus":
|
|
259
259
|
r.value = "el-button";
|
|
@@ -262,46 +262,46 @@ const re = /* @__PURE__ */ x(ze, [["__scopeId", "data-v-f76fdd37"]]), E = "获
|
|
|
262
262
|
r.value = "a-button";
|
|
263
263
|
break;
|
|
264
264
|
}
|
|
265
|
-
const
|
|
266
|
-
n && (clearInterval(n.value), n.value = null, t.value =
|
|
267
|
-
},
|
|
268
|
-
if (t.value ===
|
|
265
|
+
const l = () => {
|
|
266
|
+
n && (clearInterval(n.value), n.value = null, t.value = R);
|
|
267
|
+
}, c = async () => {
|
|
268
|
+
if (t.value === R)
|
|
269
269
|
if (t.value = Ve, n.value = setInterval(() => {
|
|
270
270
|
if (Number(t.value) <= 0 || !t.value) {
|
|
271
|
-
|
|
271
|
+
l();
|
|
272
272
|
return;
|
|
273
273
|
} else
|
|
274
274
|
t.value = Number(t.value) - 1;
|
|
275
275
|
}, 1e3), e.getSmscode)
|
|
276
|
-
await e.getSmscode() === !1 &&
|
|
276
|
+
await e.getSmscode() === !1 && l();
|
|
277
277
|
else
|
|
278
278
|
return;
|
|
279
279
|
};
|
|
280
280
|
return ue(() => {
|
|
281
|
-
|
|
282
|
-
}), (s,
|
|
281
|
+
l();
|
|
282
|
+
}), (s, a) => (o(), u(w(r.value), {
|
|
283
283
|
class: "verifiaction-button",
|
|
284
284
|
style: ce({
|
|
285
285
|
color: i.value ? "var(--color-primary, #409EFF)" : "var(--text-color-placeholder, #A8ABB2)",
|
|
286
286
|
cursor: i.value ? "pointer" : "default"
|
|
287
287
|
}),
|
|
288
|
-
onClick:
|
|
288
|
+
onClick: c
|
|
289
289
|
}, {
|
|
290
|
-
default:
|
|
291
|
-
|
|
290
|
+
default: _(() => [
|
|
291
|
+
L(E(i.value ? R : t.value + "s"), 1)
|
|
292
292
|
]),
|
|
293
293
|
_: 1
|
|
294
294
|
}, 8, ["style"]));
|
|
295
295
|
}
|
|
296
296
|
});
|
|
297
|
-
const H = /* @__PURE__ */
|
|
297
|
+
const H = /* @__PURE__ */ F(qe, [["__scopeId", "data-v-9d71b690"]]), se = /* @__PURE__ */ b({
|
|
298
298
|
__name: "index",
|
|
299
299
|
props: {
|
|
300
300
|
item: {},
|
|
301
301
|
componentType: { default: "Element Plus" }
|
|
302
302
|
},
|
|
303
303
|
setup(e) {
|
|
304
|
-
const t = e.item, n =
|
|
304
|
+
const t = e.item, n = T(U);
|
|
305
305
|
switch (e.componentType) {
|
|
306
306
|
case "Element Plus":
|
|
307
307
|
n.value = U, t.template = {
|
|
@@ -318,7 +318,7 @@ const H = /* @__PURE__ */ x(qe, [["__scopeId", "data-v-9d71b690"]]), se = /* @__
|
|
|
318
318
|
};
|
|
319
319
|
break;
|
|
320
320
|
}
|
|
321
|
-
return (i, r) => (o(),
|
|
321
|
+
return (i, r) => (o(), u(w(n.value), {
|
|
322
322
|
item: m(t),
|
|
323
323
|
class: "input"
|
|
324
324
|
}, null, 8, ["item"]));
|
|
@@ -350,21 +350,21 @@ const H = /* @__PURE__ */ x(qe, [["__scopeId", "data-v-9d71b690"]]), se = /* @__
|
|
|
350
350
|
}
|
|
351
351
|
}
|
|
352
352
|
});
|
|
353
|
-
function we(e, t, n, i, r,
|
|
354
|
-
const
|
|
355
|
-
return o(), c
|
|
356
|
-
V(e.item.template, (s,
|
|
357
|
-
name:
|
|
358
|
-
fn:
|
|
359
|
-
s ? (o(),
|
|
360
|
-
key:
|
|
353
|
+
function we(e, t, n, i, r, l) {
|
|
354
|
+
const c = d("el-divider");
|
|
355
|
+
return o(), u(c, pe(me(e.dividerSetting)), X({ _: 2 }, [
|
|
356
|
+
V(e.item.template, (s, a) => ({
|
|
357
|
+
name: a,
|
|
358
|
+
fn: _(() => [
|
|
359
|
+
s ? (o(), u(w(e.currentInputComponent()), {
|
|
360
|
+
key: a,
|
|
361
361
|
templateEle: s
|
|
362
|
-
}, null, 8, ["templateEle"])) :
|
|
362
|
+
}, null, 8, ["templateEle"])) : g("", !0)
|
|
363
363
|
])
|
|
364
364
|
}))
|
|
365
365
|
]), 1040);
|
|
366
366
|
}
|
|
367
|
-
const De = /* @__PURE__ */
|
|
367
|
+
const De = /* @__PURE__ */ F(Ce, [["render", we]]), Le = /* @__PURE__ */ b({
|
|
368
368
|
__name: "index",
|
|
369
369
|
props: {
|
|
370
370
|
item: {}
|
|
@@ -374,21 +374,21 @@ const De = /* @__PURE__ */ x(Ce, [["render", we]]), Le = /* @__PURE__ */ b({
|
|
|
374
374
|
...e.item.radioGroupSetting,
|
|
375
375
|
...e.item.setting
|
|
376
376
|
});
|
|
377
|
-
return (r,
|
|
378
|
-
const
|
|
379
|
-
return o(),
|
|
377
|
+
return (r, l) => {
|
|
378
|
+
const c = d("el-radio"), s = d("el-radio-group");
|
|
379
|
+
return o(), u(s, v({
|
|
380
380
|
modelValue: m(t)[r.item.prop],
|
|
381
|
-
"onUpdate:modelValue":
|
|
381
|
+
"onUpdate:modelValue": l[0] || (l[0] = (a) => m(t)[r.item.prop] = a),
|
|
382
382
|
size: m(n)
|
|
383
383
|
}, i.value), {
|
|
384
|
-
default:
|
|
385
|
-
(o(!0), k(
|
|
384
|
+
default: _(() => [
|
|
385
|
+
(o(!0), k(x, null, V(r.item.option || [], (a) => (o(), u(c, v({
|
|
386
386
|
size: m(n),
|
|
387
|
-
key:
|
|
387
|
+
key: a.value,
|
|
388
388
|
ref_for: !0
|
|
389
|
-
},
|
|
390
|
-
default:
|
|
391
|
-
|
|
389
|
+
}, a), {
|
|
390
|
+
default: _(() => [
|
|
391
|
+
L(E(a.label), 1)
|
|
392
392
|
]),
|
|
393
393
|
_: 2
|
|
394
394
|
}, 1040, ["size"]))), 128))
|
|
@@ -407,21 +407,21 @@ const De = /* @__PURE__ */ x(Ce, [["render", we]]), Le = /* @__PURE__ */ b({
|
|
|
407
407
|
...e.item.checkboxGroupSetting,
|
|
408
408
|
...e.item.setting
|
|
409
409
|
});
|
|
410
|
-
return (r,
|
|
411
|
-
const
|
|
412
|
-
return o(),
|
|
410
|
+
return (r, l) => {
|
|
411
|
+
const c = d("el-checkbox"), s = d("el-checkbox-group");
|
|
412
|
+
return o(), u(s, v({
|
|
413
413
|
modelValue: m(t)[r.item.prop],
|
|
414
|
-
"onUpdate:modelValue":
|
|
414
|
+
"onUpdate:modelValue": l[0] || (l[0] = (a) => m(t)[r.item.prop] = a),
|
|
415
415
|
size: m(n)
|
|
416
416
|
}, i.value), {
|
|
417
|
-
default:
|
|
418
|
-
(o(!0), k(
|
|
417
|
+
default: _(() => [
|
|
418
|
+
(o(!0), k(x, null, V(r.item.option || [], (a) => (o(), u(c, v({
|
|
419
419
|
size: m(n),
|
|
420
|
-
key:
|
|
420
|
+
key: a.value,
|
|
421
421
|
ref_for: !0
|
|
422
|
-
},
|
|
423
|
-
default:
|
|
424
|
-
|
|
422
|
+
}, a), {
|
|
423
|
+
default: _(() => [
|
|
424
|
+
L(E(a.label), 1)
|
|
425
425
|
]),
|
|
426
426
|
_: 2
|
|
427
427
|
}, 1040, ["size"]))), 128))
|
|
@@ -437,15 +437,15 @@ const De = /* @__PURE__ */ x(Ce, [["render", we]]), Le = /* @__PURE__ */ b({
|
|
|
437
437
|
},
|
|
438
438
|
setup(e) {
|
|
439
439
|
const t = f("queryParams", {}), n = f("size"), i = $({
|
|
440
|
-
...
|
|
440
|
+
..._e,
|
|
441
441
|
...e.item.datePackerSetting,
|
|
442
442
|
...e.item.setting
|
|
443
443
|
});
|
|
444
|
-
return (r,
|
|
445
|
-
const
|
|
446
|
-
return o(), c
|
|
444
|
+
return (r, l) => {
|
|
445
|
+
const c = d("el-date-picker");
|
|
446
|
+
return o(), u(c, v({
|
|
447
447
|
modelValue: m(t)[r.item.prop],
|
|
448
|
-
"onUpdate:modelValue":
|
|
448
|
+
"onUpdate:modelValue": l[0] || (l[0] = (s) => m(t)[r.item.prop] = s),
|
|
449
449
|
size: m(n)
|
|
450
450
|
}, i.value), null, 16, ["modelValue", "size"]);
|
|
451
451
|
};
|
|
@@ -461,24 +461,24 @@ const De = /* @__PURE__ */ x(Ce, [["render", we]]), Le = /* @__PURE__ */ b({
|
|
|
461
461
|
...e.item.selectSetting,
|
|
462
462
|
...e.item.setting
|
|
463
463
|
});
|
|
464
|
-
return (r,
|
|
465
|
-
const
|
|
466
|
-
return o(),
|
|
464
|
+
return (r, l) => {
|
|
465
|
+
const c = d("el-option"), s = d("el-select");
|
|
466
|
+
return o(), u(s, v({
|
|
467
467
|
modelValue: m(t)[r.item.prop],
|
|
468
|
-
"onUpdate:modelValue":
|
|
468
|
+
"onUpdate:modelValue": l[0] || (l[0] = (a) => m(t)[r.item.prop] = a),
|
|
469
469
|
size: m(n)
|
|
470
470
|
}, i.value), {
|
|
471
|
-
default:
|
|
472
|
-
(o(!0), k(
|
|
473
|
-
key:
|
|
471
|
+
default: _(() => [
|
|
472
|
+
(o(!0), k(x, null, V(r.item.option || [], (a) => (o(), u(c, v({
|
|
473
|
+
key: a.value,
|
|
474
474
|
ref_for: !0
|
|
475
|
-
},
|
|
475
|
+
}, a), null, 16))), 128))
|
|
476
476
|
]),
|
|
477
477
|
_: 1
|
|
478
478
|
}, 16, ["modelValue", "size"]);
|
|
479
479
|
};
|
|
480
480
|
}
|
|
481
|
-
}),
|
|
481
|
+
}), Ee = /* @__PURE__ */ b({
|
|
482
482
|
__name: "index",
|
|
483
483
|
props: {
|
|
484
484
|
item: {}
|
|
@@ -489,17 +489,17 @@ const De = /* @__PURE__ */ x(Ce, [["render", we]]), Le = /* @__PURE__ */ b({
|
|
|
489
489
|
...e.item.selectSetting,
|
|
490
490
|
...e.item.setting
|
|
491
491
|
});
|
|
492
|
-
return (r,
|
|
493
|
-
const
|
|
494
|
-
return o(), c
|
|
492
|
+
return (r, l) => {
|
|
493
|
+
const c = d("el-cascader");
|
|
494
|
+
return o(), u(c, v({
|
|
495
495
|
modelValue: m(t)[r.item.prop],
|
|
496
|
-
"onUpdate:modelValue":
|
|
496
|
+
"onUpdate:modelValue": l[0] || (l[0] = (s) => m(t)[r.item.prop] = s),
|
|
497
497
|
size: m(n),
|
|
498
498
|
options: r.item.options || []
|
|
499
499
|
}, i.value), null, 16, ["modelValue", "size", "options"]);
|
|
500
500
|
};
|
|
501
501
|
}
|
|
502
|
-
}),
|
|
502
|
+
}), Re = b({
|
|
503
503
|
name: "GeneralBasicForm",
|
|
504
504
|
components: {
|
|
505
505
|
Input: U,
|
|
@@ -511,7 +511,7 @@ const De = /* @__PURE__ */ x(Ce, [["render", we]]), Le = /* @__PURE__ */ b({
|
|
|
511
511
|
Checkbox: xe,
|
|
512
512
|
DatePicker: Fe,
|
|
513
513
|
Select: Be,
|
|
514
|
-
Cascader:
|
|
514
|
+
Cascader: Ee
|
|
515
515
|
},
|
|
516
516
|
props: {
|
|
517
517
|
showSearch: {
|
|
@@ -580,26 +580,26 @@ const De = /* @__PURE__ */ x(Ce, [["render", we]]), Le = /* @__PURE__ */ b({
|
|
|
580
580
|
};
|
|
581
581
|
},
|
|
582
582
|
setup(e) {
|
|
583
|
-
const { size: t, noUrlParameters: n, getList: i } = e, r =
|
|
583
|
+
const { size: t, noUrlParameters: n, getList: i } = e, r = he(), l = $({
|
|
584
584
|
...n ? {} : r == null ? void 0 : r.query
|
|
585
585
|
});
|
|
586
|
-
return
|
|
586
|
+
return j(
|
|
587
587
|
/* 注入名 */
|
|
588
588
|
"queryParams",
|
|
589
589
|
/* 值 */
|
|
590
|
-
|
|
591
|
-
),
|
|
590
|
+
l
|
|
591
|
+
), j(
|
|
592
592
|
/* 注入名 */
|
|
593
593
|
"size",
|
|
594
594
|
/* 值 */
|
|
595
595
|
t
|
|
596
|
-
),
|
|
596
|
+
), j(
|
|
597
597
|
/* 注入名 */
|
|
598
598
|
"getList",
|
|
599
599
|
/* 值 */
|
|
600
600
|
i
|
|
601
601
|
), {
|
|
602
|
-
queryParams:
|
|
602
|
+
queryParams: l
|
|
603
603
|
};
|
|
604
604
|
},
|
|
605
605
|
watch: {
|
|
@@ -632,7 +632,7 @@ const De = /* @__PURE__ */ x(Ce, [["render", we]]), Le = /* @__PURE__ */ b({
|
|
|
632
632
|
return {
|
|
633
633
|
// 显式提供一个计算属性
|
|
634
634
|
[oe]: {
|
|
635
|
-
formLoading:
|
|
635
|
+
formLoading: N(() => this.formLoading),
|
|
636
636
|
updateFormLoading: (e) => {
|
|
637
637
|
this.formLoading = e;
|
|
638
638
|
}
|
|
@@ -675,102 +675,102 @@ const De = /* @__PURE__ */ x(Ce, [["render", we]]), Le = /* @__PURE__ */ b({
|
|
|
675
675
|
}
|
|
676
676
|
}
|
|
677
677
|
});
|
|
678
|
-
function Ae(e, t, n, i, r,
|
|
679
|
-
const
|
|
680
|
-
return A((o(),
|
|
678
|
+
function Ae(e, t, n, i, r, l) {
|
|
679
|
+
const c = d("Input"), s = d("Radio"), a = d("Select"), y = d("Divider"), I = d("Cascader"), q = d("Checkbox"), C = d("DatePicker"), P = d("InputNumber"), h = d("InputMobileVerification"), B = d("InputGraphicVerification"), D = d("el-form-item"), G = d("el-button"), M = d("el-form"), S = Q("loading");
|
|
680
|
+
return A((o(), u(M, v({
|
|
681
681
|
model: e.queryParams,
|
|
682
682
|
ref: "queryFormRef",
|
|
683
683
|
inline: "",
|
|
684
684
|
"label-position": "left",
|
|
685
685
|
"label-width": e.labelWidth
|
|
686
686
|
}, e.$attrs), {
|
|
687
|
-
default:
|
|
688
|
-
(o(!0), k(
|
|
687
|
+
default: _(() => [
|
|
688
|
+
(o(!0), k(x, null, V(e.formItem, (p) => (o(), u(D, {
|
|
689
689
|
label: p.label,
|
|
690
690
|
prop: p.prop,
|
|
691
691
|
key: p.prop,
|
|
692
692
|
rules: e.getItemRules(p)
|
|
693
693
|
}, {
|
|
694
|
-
default:
|
|
695
|
-
/^input$/i.test(p.type) ? (o(), c
|
|
694
|
+
default: _(() => [
|
|
695
|
+
/^input$/i.test(p.type) ? (o(), u(c, {
|
|
696
696
|
key: 0,
|
|
697
697
|
item: p
|
|
698
|
-
}, null, 8, ["item"])) :
|
|
699
|
-
/^radio$/i.test(p.type) ? (o(),
|
|
698
|
+
}, null, 8, ["item"])) : g("", !0),
|
|
699
|
+
/^radio$/i.test(p.type) ? (o(), u(s, {
|
|
700
700
|
key: 1,
|
|
701
701
|
item: p
|
|
702
|
-
}, null, 8, ["item"])) :
|
|
703
|
-
/^select$/i.test(p.type) ? (o(),
|
|
702
|
+
}, null, 8, ["item"])) : g("", !0),
|
|
703
|
+
/^select$/i.test(p.type) ? (o(), u(a, {
|
|
704
704
|
key: 2,
|
|
705
705
|
item: p
|
|
706
|
-
}, null, 8, ["item"])) :
|
|
707
|
-
/^divider$/i.test(p.type) ? (o(),
|
|
706
|
+
}, null, 8, ["item"])) : g("", !0),
|
|
707
|
+
/^divider$/i.test(p.type) ? (o(), u(y, {
|
|
708
708
|
key: 3,
|
|
709
709
|
item: p
|
|
710
|
-
}, null, 8, ["item"])) :
|
|
711
|
-
/^cascader$/i.test(p.type) ? (o(),
|
|
710
|
+
}, null, 8, ["item"])) : g("", !0),
|
|
711
|
+
/^cascader$/i.test(p.type) ? (o(), u(I, {
|
|
712
712
|
key: 4,
|
|
713
713
|
item: p
|
|
714
|
-
}, null, 8, ["item"])) :
|
|
715
|
-
/^checkbox$/i.test(p.type) ? (o(),
|
|
714
|
+
}, null, 8, ["item"])) : g("", !0),
|
|
715
|
+
/^checkbox$/i.test(p.type) ? (o(), u(q, {
|
|
716
716
|
key: 5,
|
|
717
717
|
item: p
|
|
718
|
-
}, null, 8, ["item"])) :
|
|
719
|
-
/^date-picker$/i.test(p.type) ? (o(),
|
|
718
|
+
}, null, 8, ["item"])) : g("", !0),
|
|
719
|
+
/^date-picker$/i.test(p.type) ? (o(), u(C, {
|
|
720
720
|
key: 6,
|
|
721
721
|
item: p
|
|
722
|
-
}, null, 8, ["item"])) :
|
|
723
|
-
/^input-number$/i.test(p.type) ? (o(),
|
|
722
|
+
}, null, 8, ["item"])) : g("", !0),
|
|
723
|
+
/^input-number$/i.test(p.type) ? (o(), u(P, {
|
|
724
724
|
key: 7,
|
|
725
725
|
item: p
|
|
726
|
-
}, null, 8, ["item"])) :
|
|
727
|
-
/^form-item-slot$/i.test(p.type) ?
|
|
728
|
-
/^input-mobile-verification$/i.test(p.type) ? (o(),
|
|
726
|
+
}, null, 8, ["item"])) : g("", !0),
|
|
727
|
+
/^form-item-slot$/i.test(p.type) ? K(e.$slots, p.name, { key: 8 }) : g("", !0),
|
|
728
|
+
/^input-mobile-verification$/i.test(p.type) ? (o(), u(h, {
|
|
729
729
|
key: 9,
|
|
730
730
|
item: p
|
|
731
|
-
}, null, 8, ["item"])) :
|
|
732
|
-
/^input-graphic-verification$/i.test(p.type) ? (o(),
|
|
731
|
+
}, null, 8, ["item"])) : g("", !0),
|
|
732
|
+
/^input-graphic-verification$/i.test(p.type) ? (o(), u(B, {
|
|
733
733
|
item: p,
|
|
734
734
|
key: p.key
|
|
735
|
-
}, null, 8, ["item"])) :
|
|
735
|
+
}, null, 8, ["item"])) : g("", !0)
|
|
736
736
|
]),
|
|
737
737
|
_: 2
|
|
738
738
|
}, 1032, ["label", "prop", "rules"]))), 128)),
|
|
739
|
-
|
|
740
|
-
e.formOnly ?
|
|
741
|
-
default:
|
|
742
|
-
A((o(),
|
|
739
|
+
K(e.$slots, "default"),
|
|
740
|
+
e.formOnly ? g("", !0) : (o(), u(D, { key: 0 }, {
|
|
741
|
+
default: _(() => [
|
|
742
|
+
A((o(), u(G, {
|
|
743
743
|
type: "primary",
|
|
744
744
|
size: e.size,
|
|
745
745
|
onClick: e.handleQuery
|
|
746
746
|
}, {
|
|
747
|
-
default:
|
|
748
|
-
|
|
747
|
+
default: _(() => t[0] || (t[0] = [
|
|
748
|
+
L("查询")
|
|
749
749
|
])),
|
|
750
750
|
_: 1
|
|
751
751
|
}, 8, ["size", "onClick"])), [
|
|
752
752
|
[S, e.formLoading]
|
|
753
753
|
]),
|
|
754
|
-
ee(
|
|
754
|
+
ee(G, {
|
|
755
755
|
size: e.size,
|
|
756
756
|
onClick: e.resetQuery
|
|
757
757
|
}, {
|
|
758
|
-
default:
|
|
759
|
-
|
|
758
|
+
default: _(() => t[1] || (t[1] = [
|
|
759
|
+
L("重置")
|
|
760
760
|
])),
|
|
761
761
|
_: 1
|
|
762
762
|
}, 8, ["size", "onClick"])
|
|
763
763
|
]),
|
|
764
764
|
_: 1
|
|
765
765
|
})),
|
|
766
|
-
|
|
766
|
+
K(e.$slots, "behind-the-button")
|
|
767
767
|
]),
|
|
768
768
|
_: 3
|
|
769
769
|
}, 16, ["model", "label-width"])), [
|
|
770
770
|
[de, e.showSearch]
|
|
771
771
|
]);
|
|
772
772
|
}
|
|
773
|
-
const
|
|
773
|
+
const Te = /* @__PURE__ */ F(Re, [["render", Ae]]), Ue = ["infinite-scroll-disabled"], Ge = ["infinite-scroll-disabled"], Ne = { class: "checkbox" }, Me = /* @__PURE__ */ b({
|
|
774
774
|
__name: "InfiniteScrollList",
|
|
775
775
|
props: {
|
|
776
776
|
search: {
|
|
@@ -799,9 +799,9 @@ const Ue = /* @__PURE__ */ x(Ee, [["render", Ae]]), Te = ["infinite-scroll-disab
|
|
|
799
799
|
}
|
|
800
800
|
},
|
|
801
801
|
setup(e, { expose: t }) {
|
|
802
|
-
const n = e, { search: i, id: r, name:
|
|
803
|
-
const { i:
|
|
804
|
-
return
|
|
802
|
+
const n = e, { search: i, id: r, name: l, extra: c } = n, s = $([]), a = $(1), y = $(!1), I = $([]), q = $(!1), C = (S, p) => {
|
|
803
|
+
const { i: O } = S;
|
|
804
|
+
return c && c !== "false" ? c(O) : "";
|
|
805
805
|
}, P = (S) => {
|
|
806
806
|
I.value = S.map((p) => typeof p == "object" ? p[r] : p);
|
|
807
807
|
};
|
|
@@ -812,61 +812,61 @@ const Ue = /* @__PURE__ */ x(Ee, [["render", Ae]]), Te = ["infinite-scroll-disab
|
|
|
812
812
|
},
|
|
813
813
|
{ immediate: !0 }
|
|
814
814
|
);
|
|
815
|
-
const
|
|
816
|
-
|
|
817
|
-
},
|
|
818
|
-
|
|
819
|
-
},
|
|
820
|
-
if (q.value ||
|
|
815
|
+
const h = () => {
|
|
816
|
+
B(), I.value = [];
|
|
817
|
+
}, B = () => {
|
|
818
|
+
a.value = 1, s.value = [], y.value = !1;
|
|
819
|
+
}, D = async () => {
|
|
820
|
+
if (q.value || y.value)
|
|
821
821
|
return;
|
|
822
822
|
q.value = !0;
|
|
823
|
-
const S = await i(
|
|
824
|
-
S && S.length > 0 ? (s.value = [...s.value, ...S],
|
|
825
|
-
},
|
|
826
|
-
|
|
827
|
-
},
|
|
823
|
+
const S = await i(a.value);
|
|
824
|
+
S && S.length > 0 ? (s.value = [...s.value, ...S], a.value += 1) : y.value = !0, q.value = !1;
|
|
825
|
+
}, G = () => {
|
|
826
|
+
B(), D();
|
|
827
|
+
}, M = N(
|
|
828
828
|
() => s.value.filter((S) => I.value.includes(S[r]))
|
|
829
829
|
) || {};
|
|
830
830
|
return t({
|
|
831
|
-
reset:
|
|
832
|
-
lowReset:
|
|
833
|
-
loadList:
|
|
834
|
-
selectInfo:
|
|
831
|
+
reset: h,
|
|
832
|
+
lowReset: B,
|
|
833
|
+
loadList: D,
|
|
834
|
+
selectInfo: M,
|
|
835
835
|
list: s,
|
|
836
|
-
ifbottom:
|
|
837
|
-
refreshList:
|
|
836
|
+
ifbottom: y,
|
|
837
|
+
refreshList: G
|
|
838
838
|
}), (S, p) => {
|
|
839
|
-
const
|
|
840
|
-
return n.checkbox ? A((o(),
|
|
839
|
+
const O = d("el-checkbox"), ae = d("el-checkbox-group"), W = Q("infinite-scroll"), ie = Q("loading");
|
|
840
|
+
return n.checkbox ? A((o(), u(ae, v({
|
|
841
841
|
key: 0,
|
|
842
842
|
modelValue: I.value,
|
|
843
843
|
"onUpdate:modelValue": p[0] || (p[0] = (z) => I.value = z)
|
|
844
844
|
}, n), {
|
|
845
|
-
default:
|
|
845
|
+
default: _(() => [
|
|
846
846
|
A((o(), k("ul", {
|
|
847
847
|
class: "list",
|
|
848
|
-
"infinite-scroll-disabled":
|
|
848
|
+
"infinite-scroll-disabled": y.value
|
|
849
849
|
}, [
|
|
850
|
-
(o(!0), k(
|
|
850
|
+
(o(!0), k(x, null, V(s.value, (z) => (o(), k("li", {
|
|
851
851
|
key: z[m(r)],
|
|
852
852
|
class: "list-item"
|
|
853
853
|
}, [
|
|
854
|
-
ee(
|
|
854
|
+
ee(O, {
|
|
855
855
|
value: z[m(r)],
|
|
856
856
|
class: "checkbox"
|
|
857
857
|
}, {
|
|
858
|
-
default:
|
|
859
|
-
|
|
860
|
-
n.extra ? (o(),
|
|
858
|
+
default: _(() => [
|
|
859
|
+
L(E(z[m(l)]) + " ", 1),
|
|
860
|
+
n.extra ? (o(), u(C, {
|
|
861
861
|
key: 0,
|
|
862
862
|
i: z
|
|
863
|
-
}, null, 8, ["i"])) :
|
|
863
|
+
}, null, 8, ["i"])) : g("", !0)
|
|
864
864
|
]),
|
|
865
865
|
_: 2
|
|
866
866
|
}, 1032, ["value"])
|
|
867
867
|
]))), 128))
|
|
868
|
-
], 8,
|
|
869
|
-
[W,
|
|
868
|
+
], 8, Ue)), [
|
|
869
|
+
[W, D]
|
|
870
870
|
])
|
|
871
871
|
]),
|
|
872
872
|
_: 1
|
|
@@ -875,27 +875,27 @@ const Ue = /* @__PURE__ */ x(Ee, [["render", Ae]]), Te = ["infinite-scroll-disab
|
|
|
875
875
|
]) : A((o(), k("ul", v({
|
|
876
876
|
key: 1,
|
|
877
877
|
class: "list",
|
|
878
|
-
"infinite-scroll-disabled":
|
|
878
|
+
"infinite-scroll-disabled": y.value
|
|
879
879
|
}, n), [
|
|
880
|
-
(o(!0), k(
|
|
880
|
+
(o(!0), k(x, null, V(s.value, (z) => (o(), k("li", {
|
|
881
881
|
key: z[m(r)],
|
|
882
882
|
class: "list-item"
|
|
883
883
|
}, [
|
|
884
|
-
|
|
885
|
-
|
|
886
|
-
n.extra ? (o(),
|
|
884
|
+
ye("div", Ne, [
|
|
885
|
+
L(E(z[m(l)]) + " ", 1),
|
|
886
|
+
n.extra ? (o(), u(C, {
|
|
887
887
|
key: 0,
|
|
888
888
|
i: z
|
|
889
|
-
}, null, 8, ["i"])) :
|
|
889
|
+
}, null, 8, ["i"])) : g("", !0)
|
|
890
890
|
])
|
|
891
891
|
]))), 128))
|
|
892
892
|
], 16, Ge)), [
|
|
893
|
-
[W,
|
|
893
|
+
[W, D]
|
|
894
894
|
]);
|
|
895
895
|
};
|
|
896
896
|
}
|
|
897
897
|
});
|
|
898
|
-
const Oe = /* @__PURE__ */
|
|
898
|
+
const Oe = /* @__PURE__ */ F(Me, [["__scopeId", "data-v-77737aab"]]), je = { key: 1 }, Ke = /* @__PURE__ */ b({
|
|
899
899
|
__name: "Descriptions",
|
|
900
900
|
props: {
|
|
901
901
|
formData: {
|
|
@@ -905,45 +905,55 @@ const Oe = /* @__PURE__ */ x(Me, [["__scopeId", "data-v-77737aab"]]), je = { key
|
|
|
905
905
|
formItem: {
|
|
906
906
|
type: Array,
|
|
907
907
|
required: !0
|
|
908
|
+
},
|
|
909
|
+
componentType: {
|
|
910
|
+
type: String,
|
|
911
|
+
default: "Element Plus"
|
|
908
912
|
}
|
|
909
913
|
},
|
|
910
914
|
setup(e) {
|
|
911
|
-
const t = e, n = (
|
|
912
|
-
|
|
913
|
-
|
|
914
|
-
|
|
915
|
-
|
|
915
|
+
const t = e, n = T("el-descriptions-item"), i = T("descriptions-item");
|
|
916
|
+
switch (t.componentType) {
|
|
917
|
+
case "Element Plus":
|
|
918
|
+
n.value = "el-descriptions-item", i.value = "el-descriptions-item";
|
|
919
|
+
break;
|
|
920
|
+
case "Ant Design Vue":
|
|
921
|
+
n.value = "a-descriptions", i.value = "a-descriptions-item";
|
|
922
|
+
break;
|
|
923
|
+
}
|
|
924
|
+
const r = (l, c) => {
|
|
925
|
+
const { i: s, render: a, formData: y } = l;
|
|
926
|
+
return a({
|
|
927
|
+
row: y,
|
|
928
|
+
$index: s
|
|
916
929
|
});
|
|
917
930
|
};
|
|
918
|
-
return (
|
|
919
|
-
|
|
920
|
-
|
|
921
|
-
|
|
922
|
-
|
|
923
|
-
|
|
924
|
-
|
|
925
|
-
|
|
926
|
-
|
|
927
|
-
|
|
928
|
-
|
|
929
|
-
|
|
930
|
-
|
|
931
|
-
|
|
932
|
-
|
|
933
|
-
|
|
934
|
-
|
|
935
|
-
|
|
936
|
-
|
|
937
|
-
|
|
938
|
-
|
|
939
|
-
|
|
940
|
-
|
|
941
|
-
|
|
942
|
-
_: 1
|
|
943
|
-
}, 16);
|
|
944
|
-
};
|
|
931
|
+
return (l, c) => (o(), u(w(n.value), v({
|
|
932
|
+
column: 1,
|
|
933
|
+
border: "",
|
|
934
|
+
class: "form-width"
|
|
935
|
+
}, l.$attrs), {
|
|
936
|
+
default: _(() => [
|
|
937
|
+
(o(!0), k(x, null, V(t.formItem, (s, a) => (o(), u(w(i.value), v({
|
|
938
|
+
key: s.prop,
|
|
939
|
+
label: s.label,
|
|
940
|
+
ref_for: !0
|
|
941
|
+
}, s.descriptionsItemProps), {
|
|
942
|
+
default: _(() => [
|
|
943
|
+
s.render ? (o(), u(r, {
|
|
944
|
+
key: 0,
|
|
945
|
+
i: a,
|
|
946
|
+
render: s.render,
|
|
947
|
+
formData: e.formData
|
|
948
|
+
}, null, 8, ["i", "render", "formData"])) : (o(), k("span", je, E(e.formData[s.prop]), 1))
|
|
949
|
+
]),
|
|
950
|
+
_: 2
|
|
951
|
+
}, 1040, ["label"]))), 128))
|
|
952
|
+
]),
|
|
953
|
+
_: 1
|
|
954
|
+
}, 16));
|
|
945
955
|
}
|
|
946
|
-
}), Ye =
|
|
956
|
+
}), Ye = Te, We = Oe, Je = Ke, He = re, Ze = se;
|
|
947
957
|
export {
|
|
948
958
|
Je as VDescriptions,
|
|
949
959
|
Ye as VGeneralBasicForm,
|
package/dist/index.umd.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(u,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("vue-router")):typeof define=="function"&&define.amd?define(["exports","vue","vue-router"],e):(u=typeof globalThis<"u"?globalThis:u||self,e(u.Index={},u.Vue,u["vue-router"]))})(this,function(u,e,F){"use strict";const $={placeholder:"请输入",style:"width: 200px",clearable:!0},j={style:"width: 227px","start-placeholder":"开始日期","end-placeholder":"结束日期",type:"daterange"},z={placeholder:"请选择",filterable:!0,clearable:!0,style:"width: 200px"},T=e.defineComponent({components:{InputArchive:t=>{const{templateEle:n}=t;return n()}},props:{item:null},setup(){const t=e.inject("queryParams",{}),n=e.inject("getList"),o=e.inject("size","default");return{queryParams:t,getList:n,size:o}},data(){return{inputSetting:{...$,...this.item.inputSetting,...this.item.setting}}},methods:{currentInputComponent(){return"input-archive"}}}),B=(t,n)=>{const o=t.__vccOpts||t;for(const[s,r]of n)o[s]=r;return o};function R(t,n,o,s,r,i){const c=e.resolveComponent("el-input");return e.openBlock(),e.createBlock(c,e.mergeProps({onKeydown:e.withKeys(t.getList,["enter"]),modelValue:t.queryParams[t.item.prop],"onUpdate:modelValue":n[0]||(n[0]=l=>t.queryParams[t.item.prop]=l),size:t.size},t.inputSetting),e.createSlots({_:2},[e.renderList(t.item.template,(l,a)=>({name:a,fn:e.withCtx(()=>[l?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:a,templateEle:l},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040,["onKeydown","modelValue","size"])}const V=B(T,[["render",R]]),A=e.defineComponent({__name:"index",props:{item:{}},setup(t){const n=e.inject("queryParams",{}),o=e.inject("size"),s=e.ref({...$,...t.item.inputSetting,...t.item.setting});return(r,i)=>{const c=e.resolveComponent("el-input-number");return e.openBlock(),e.createBlock(c,e.mergeProps({modelValue:e.unref(n)[r.item.prop],"onUpdate:modelValue":i[0]||(i[0]=l=>e.unref(n)[r.item.prop]=l),size:e.unref(o)},s.value),null,16,["modelValue","size"])}}}),U=e.defineComponent({components:{InputArchive:t=>{const{templateEle:n}=t;return n()}},props:{item:null},setup(){const t=e.inject("queryParams",{}),n=e.inject("getList",()=>{}),o=e.inject("size","default"),r=e.inject("Form").useInjectFormItemContext();return{queryParams:t,getList:n,size:o,formItemContext:r}},data(){return{inputSetting:{...$,...this.item.inputSetting,...this.item.setting}}},methods:{currentInputComponent(){return"input-archive"},onInputChange(t){this.queryParams[this.item.prop]=t.target.value,this.formItemContext.onFieldChange()}}});function G(t,n,o,s,r,i){const c=e.resolveComponent("a-input");return e.openBlock(),e.createBlock(c,e.mergeProps({onKeydown:e.withKeys(t.getList,["enter"]),onChange:t.onInputChange,value:t.queryParams[t.item.prop],size:t.size},t.inputSetting),e.createSlots({_:2},[e.renderList(t.item.template,(l,a)=>({name:a,fn:e.withCtx(()=>[l?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:a,templateEle:l},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040,["onKeydown","onChange","value","size"])}const x=B(U,[["render",G]]),q=Symbol(),M=e.defineComponent({__name:"index",props:{imgSrc:{}},setup(t){const n=e.ref();return e.onMounted(()=>{const o=new Image,s=[],r=8,i=8;let c=0,l=0;const a=300,d=n.value,k=d.getContext("2d");o.onload=function(){d.width=o.width,d.height=o.height,l=Math.floor(o.width/r),c=Math.floor(o.height/i),g(),_()},o.src=t.imgSrc;const g=()=>{for(let h=0;h<i;h++)for(let m=0;m<r;m++)s.push({x:l*m,y:c*h,offsetX:(Math.random()-.5)*a,offsetY:(Math.random()-.5)*a})},_=()=>{k.clearRect(0,0,d.width,d.height);let h=!0;s.forEach((m,b)=>{k.drawImage(o,m.x,m.y,l,c,m.x+m.offsetX,m.y+m.offsetY,l,c),Math.abs(m.offsetX)>.5&&(h=!1,m.offsetX*=.95),Math.abs(m.offsetY)>.5&&(m.offsetY*=.95,h=!1)}),h?setTimeout(()=>{g(),_()},300):requestAnimationFrame(_)}}),(o,s)=>(e.openBlock(),e.createElementBlock("canvas",{ref_key:"loadingCanvas",ref:n},null,512))}}),O={class:"input-graphic-verification"},K=["src","alt"],Q=e.defineComponent({__name:"index",props:{item:{},componentType:{default:"Element Plus"},loading:{type:Boolean,default:!1}},setup(t){const{graphicSrc:n="",graphicAlt:o="",getGraphic:s=()=>{},key:r}=t.item,{formLoading:i}=e.inject(q,!1),c=e.computed(()=>(i==null?void 0:i.value)||t.loading),l=async()=>{s&&!(c!=null&&c.value)&&await s()},a=e.shallowRef(V);switch(t.componentType){case"Element Plus":a.value=V;break;case"Ant Design Vue":a.value=x;break}return(d,k)=>(e.openBlock(),e.createElementBlock("div",O,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.value),{item:d.item,class:"input"},null,8,["item"])),c.value?(e.openBlock(),e.createBlock(M,{key:0,class:"graphic",imgSrc:e.unref(n)},null,8,["imgSrc"])):(e.openBlock(),e.createElementBlock("img",{key:1,class:"graphic",onClick:l,src:e.unref(n),alt:e.unref(o)||`${e.unref(r)}`},null,8,K))]))}}),Be="",D=B(Q,[["__scopeId","data-v-f76fdd37"]]),S="获取验证码",X=60,Y=e.defineComponent({__name:"verification-button",props:{getSmscode:{type:Function},componentType:{default:"Element Plus"}},setup(t){const n=e.ref(S),o=e.ref(null),s=e.computed(()=>n.value===S),r=e.shallowRef("el-button");switch(t.componentType){case"Element Plus":r.value="el-button";break;case"Ant Design Vue":r.value="a-button";break}const i=()=>{o&&(clearInterval(o.value),o.value=null,n.value=S)},c=async()=>{if(n.value===S)if(n.value=X,o.value=setInterval(()=>{if(Number(n.value)<=0||!n.value){i();return}else n.value=Number(n.value)-1},1e3),t.getSmscode)await t.getSmscode()===!1&&i();else return};return e.onBeforeUnmount(()=>{i()}),(l,a)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.value),{class:"verifiaction-button",style:e.normalizeStyle({color:s.value?"var(--color-primary, #409EFF)":"var(--text-color-placeholder, #A8ABB2)",cursor:s.value?"pointer":"default"}),onClick:c},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.value?S:n.value+"s"),1)]),_:1},8,["style"]))}}),Ce="",L=B(Y,[["__scopeId","data-v-9d71b690"]]),N=e.defineComponent({__name:"index",props:{item:{},componentType:{default:"Element Plus"}},setup(t){const n=t.item,o=e.shallowRef(V);switch(t.componentType){case"Element Plus":o.value=V,n.template={append:()=>e.h(L,{getSmscode:n.getSmscode})};break;case"Ant Design Vue":o.value=x,n.template={addonAfter:()=>e.h(L,{getSmscode:n.getSmscode})};break}return(s,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.value),{item:e.unref(n),class:"input"},null,8,["item"]))}}),W=e.defineComponent({components:{slotArchive:t=>{const{templateEle:n}=t;return n()}},props:{item:null},setup(){},data(){return{dividerSetting:{...this.item.dividerSetting,...this.item.setting}}},methods:{currentInputComponent(){return"slot-archive"}}});function J(t,n,o,s,r,i){const c=e.resolveComponent("el-divider");return e.openBlock(),e.createBlock(c,e.normalizeProps(e.guardReactiveProps(t.dividerSetting)),e.createSlots({_:2},[e.renderList(t.item.template,(l,a)=>({name:a,fn:e.withCtx(()=>[l?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:a,templateEle:l},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040)}const H=B(W,[["render",J]]),Z=e.defineComponent({__name:"index",props:{item:{}},setup(t){const n=e.inject("queryParams",{}),o=e.inject("size"),s=e.ref({...t.item.radioGroupSetting,...t.item.setting});return(r,i)=>{const c=e.resolveComponent("el-radio"),l=e.resolveComponent("el-radio-group");return e.openBlock(),e.createBlock(l,e.mergeProps({modelValue:e.unref(n)[r.item.prop],"onUpdate:modelValue":i[0]||(i[0]=a=>e.unref(n)[r.item.prop]=a),size:e.unref(o)},s.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.item.option||[],a=>(e.openBlock(),e.createBlock(c,e.mergeProps({size:e.unref(o),key:a.value,ref_for:!0},a),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.label),1)]),_:2},1040,["size"]))),128))]),_:1},16,["modelValue","size"])}}}),v=e.defineComponent({__name:"index",props:{item:{}},setup(t){const n=e.inject("queryParams",{}),o=e.inject("size"),s=e.ref({...t.item.checkboxGroupSetting,...t.item.setting});return(r,i)=>{const c=e.resolveComponent("el-checkbox"),l=e.resolveComponent("el-checkbox-group");return e.openBlock(),e.createBlock(l,e.mergeProps({modelValue:e.unref(n)[r.item.prop],"onUpdate:modelValue":i[0]||(i[0]=a=>e.unref(n)[r.item.prop]=a),size:e.unref(o)},s.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.item.option||[],a=>(e.openBlock(),e.createBlock(c,e.mergeProps({size:e.unref(o),key:a.value,ref_for:!0},a),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.label),1)]),_:2},1040,["size"]))),128))]),_:1},16,["modelValue","size"])}}}),ee=e.defineComponent({__name:"index",props:{item:{}},setup(t){const n=e.inject("queryParams",{}),o=e.inject("size"),s=e.ref({...j,...t.item.datePackerSetting,...t.item.setting});return(r,i)=>{const c=e.resolveComponent("el-date-picker");return e.openBlock(),e.createBlock(c,e.mergeProps({modelValue:e.unref(n)[r.item.prop],"onUpdate:modelValue":i[0]||(i[0]=l=>e.unref(n)[r.item.prop]=l),size:e.unref(o)},s.value),null,16,["modelValue","size"])}}}),te=e.defineComponent({__name:"index",props:{item:{}},setup(t){const n=e.inject("queryParams",{}),o=e.inject("size"),s=e.ref({...z,...t.item.selectSetting,...t.item.setting});return(r,i)=>{const c=e.resolveComponent("el-option"),l=e.resolveComponent("el-select");return e.openBlock(),e.createBlock(l,e.mergeProps({modelValue:e.unref(n)[r.item.prop],"onUpdate:modelValue":i[0]||(i[0]=a=>e.unref(n)[r.item.prop]=a),size:e.unref(o)},s.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.item.option||[],a=>(e.openBlock(),e.createBlock(c,e.mergeProps({key:a.value,ref_for:!0},a),null,16))),128))]),_:1},16,["modelValue","size"])}}}),ne=e.defineComponent({__name:"index",props:{item:{}},setup(t){const n=e.inject("queryParams",{}),o=e.inject("size"),s=e.ref({...z,...t.item.selectSetting,...t.item.setting});return(r,i)=>{const c=e.resolveComponent("el-cascader");return e.openBlock(),e.createBlock(c,e.mergeProps({modelValue:e.unref(n)[r.item.prop],"onUpdate:modelValue":i[0]||(i[0]=l=>e.unref(n)[r.item.prop]=l),size:e.unref(o),options:r.item.options||[]},s.value),null,16,["modelValue","size","options"])}}}),oe=e.defineComponent({name:"GeneralBasicForm",components:{Input:V,InputNumber:A,InputGraphicVerification:D,InputMobileVerification:N,Divider:H,Radio:Z,Checkbox:v,DatePicker:ee,Select:te,Cascader:ne},props:{showSearch:{type:Boolean,default:!0},loading:{type:Boolean,default:!1},formOnly:{type:Boolean,default:!1},getList:{type:Function,default:()=>{}},afterReset:{type:Function,default:()=>{}},formItem:{type:Array,default:[]},size:{type:String,default:"default"},labelWidth:{type:String,default:"90px"},noUrlParameters:{type:Boolean,default:()=>!1},formData:{type:Object,default:()=>{}},noInputBlank:{type:Boolean,default:()=>!1}},data(){return{formLoading:this.loading||!1,trimRegex:/\S/}},setup(t){const{size:n,noUrlParameters:o,getList:s}=t,r=F.useRoute(),i=e.ref({...o?{}:r==null?void 0:r.query});return e.provide("queryParams",i),e.provide("size",n),e.provide("getList",s),{queryParams:i}},watch:{formData:{handler(t,n){JSON.stringify(t)!==JSON.stringify(n)&&(this.queryParams={...this.noUrlParameters?{}:this.queryParams,...t})},immediate:!0},queryParams:{handler(t){this.$emit("update:formData",t)},deep:!0},loading(t){this.formLoading!==t&&(this.formLoading=t)},formLoading(t){this.loading!==t&&this.$emit("update:loading",t)}},provide(){return{[q]:{formLoading:e.computed(()=>this.formLoading),updateFormLoading:t=>{this.formLoading=t}}}},methods:{handleQuery(){var o;const t={page:1,limit:10},n={...(o=this.$route)==null?void 0:o.query,...this.queryParams,...t};this.noUrlParameters||this.$router.push({query:{...n}}),this.getList({...n})},async resetQuery(){var n;this.$refs.queryFormRef.resetFields();const t={page:1};this.noUrlParameters||await this.$router.push({query:{...t}}),this.queryParams={...this.noUrlParameters?{}:(n=this.$route)==null?void 0:n.query},this.afterReset(),this.handleQuery()},getItemRules(t){const{type:n,rules:o=[]}=t,s=[...o];return this.noInputBlank&&n==="input"&&s.push({pattern:this.trimRegex,message:"请输入(不能仅输入空格)",trigger:"blur"}),s}}});function re(t,n,o,s,r,i){const c=e.resolveComponent("Input"),l=e.resolveComponent("Radio"),a=e.resolveComponent("Select"),d=e.resolveComponent("Divider"),k=e.resolveComponent("Cascader"),g=e.resolveComponent("Checkbox"),_=e.resolveComponent("DatePicker"),h=e.resolveComponent("InputNumber"),m=e.resolveComponent("InputMobileVerification"),b=e.resolveComponent("InputGraphicVerification"),C=e.resolveComponent("el-form-item"),P=e.resolveComponent("el-button"),w=e.resolveComponent("el-form"),f=e.resolveDirective("loading");return e.withDirectives((e.openBlock(),e.createBlock(w,e.mergeProps({model:t.queryParams,ref:"queryFormRef",inline:"","label-position":"left","label-width":t.labelWidth},t.$attrs),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.formItem,p=>(e.openBlock(),e.createBlock(C,{label:p.label,prop:p.prop,key:p.prop,rules:t.getItemRules(p)},{default:e.withCtx(()=>[/^input$/i.test(p.type)?(e.openBlock(),e.createBlock(c,{key:0,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^radio$/i.test(p.type)?(e.openBlock(),e.createBlock(l,{key:1,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^select$/i.test(p.type)?(e.openBlock(),e.createBlock(a,{key:2,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^divider$/i.test(p.type)?(e.openBlock(),e.createBlock(d,{key:3,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^cascader$/i.test(p.type)?(e.openBlock(),e.createBlock(k,{key:4,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^checkbox$/i.test(p.type)?(e.openBlock(),e.createBlock(g,{key:5,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^date-picker$/i.test(p.type)?(e.openBlock(),e.createBlock(_,{key:6,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^input-number$/i.test(p.type)?(e.openBlock(),e.createBlock(h,{key:7,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^form-item-slot$/i.test(p.type)?e.renderSlot(t.$slots,p.name,{key:8}):e.createCommentVNode("",!0),/^input-mobile-verification$/i.test(p.type)?(e.openBlock(),e.createBlock(m,{key:9,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^input-graphic-verification$/i.test(p.type)?(e.openBlock(),e.createBlock(b,{item:p,key:p.key},null,8,["item"])):e.createCommentVNode("",!0)]),_:2},1032,["label","prop","rules"]))),128)),e.renderSlot(t.$slots,"default"),t.formOnly?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(C,{key:0},{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createBlock(P,{type:"primary",size:t.size,onClick:t.handleQuery},{default:e.withCtx(()=>n[0]||(n[0]=[e.createTextVNode("查询")])),_:1},8,["size","onClick"])),[[f,t.formLoading]]),e.createVNode(P,{size:t.size,onClick:t.resetQuery},{default:e.withCtx(()=>n[1]||(n[1]=[e.createTextVNode("重置")])),_:1},8,["size","onClick"])]),_:1})),e.renderSlot(t.$slots,"behind-the-button")]),_:3},16,["model","label-width"])),[[e.vShow,t.showSearch]])}const le=B(oe,[["render",re]]),ie=["infinite-scroll-disabled"],se=["infinite-scroll-disabled"],ae={class:"checkbox"},ce=e.defineComponent({__name:"InfiniteScrollList",props:{search:{type:Function,required:!0},checkbox:{type:Boolean,required:!1},id:{type:String,required:!0},name:{type:String,required:!0},extra:{type:null,required:!1},defaultSelection:{type:Array,required:!1}},setup(t,{expose:n}){const o=t,{search:s,id:r,name:i,extra:c}=o,l=e.ref([]),a=e.ref(1),d=e.ref(!1),k=e.ref([]),g=e.ref(!1),_=(f,p)=>{const{i:I}=f;return c&&c!=="false"?c(I):""},h=f=>{k.value=f.map(p=>typeof p=="object"?p[r]:p)};e.watch(()=>o.defaultSelection,(f=[],p=[])=>{h(f)},{immediate:!0});const m=()=>{b(),k.value=[]},b=()=>{a.value=1,l.value=[],d.value=!1},C=async()=>{if(g.value||d.value)return;g.value=!0;const f=await s(a.value);f&&f.length>0?(l.value=[...l.value,...f],a.value+=1):d.value=!0,g.value=!1},P=()=>{b(),C()},w=e.computed(()=>l.value.filter(f=>k.value.includes(f[r])))||{};return n({reset:m,lowReset:b,loadList:C,selectInfo:w,list:l,ifbottom:d,refreshList:P}),(f,p)=>{const I=e.resolveComponent("el-checkbox"),ge=e.resolveComponent("el-checkbox-group"),E=e.resolveDirective("infinite-scroll"),_e=e.resolveDirective("loading");return o.checkbox?e.withDirectives((e.openBlock(),e.createBlock(ge,e.mergeProps({key:0,modelValue:k.value,"onUpdate:modelValue":p[0]||(p[0]=y=>k.value=y)},o),{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createElementBlock("ul",{class:"list","infinite-scroll-disabled":d.value},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,y=>(e.openBlock(),e.createElementBlock("li",{key:y[e.unref(r)],class:"list-item"},[e.createVNode(I,{value:y[e.unref(r)],class:"checkbox"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(y[e.unref(i)])+" ",1),o.extra?(e.openBlock(),e.createBlock(_,{key:0,i:y},null,8,["i"])):e.createCommentVNode("",!0)]),_:2},1032,["value"])]))),128))],8,ie)),[[E,C]])]),_:1},16,["modelValue"])),[[_e,g.value]]):e.withDirectives((e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:1,class:"list","infinite-scroll-disabled":d.value},o),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,y=>(e.openBlock(),e.createElementBlock("li",{key:y[e.unref(r)],class:"list-item"},[e.createElementVNode("div",ae,[e.createTextVNode(e.toDisplayString(y[e.unref(i)])+" ",1),o.extra?(e.openBlock(),e.createBlock(_,{key:0,i:y},null,8,["i"])):e.createCommentVNode("",!0)])]))),128))],16,se)),[[E,C]])}}}),be="",pe=B(ce,[["__scopeId","data-v-77737aab"]]),me={key:1},de=e.defineComponent({__name:"Descriptions",props:{formData:{type:Object,required:!0},formItem:{type:Array,required:!0}},setup(t){const n=t,o=(s,r)=>{const{i,render:c,formData:l}=s;return c({row:l,$index:i})};return(s,r)=>{const i=e.resolveComponent("el-descriptions-item"),c=e.resolveComponent("el-descriptions");return e.openBlock(),e.createBlock(c,e.mergeProps({column:1,border:"",class:"form-width"},n),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.formItem,(l,a)=>(e.openBlock(),e.createBlock(i,e.mergeProps({key:l.prop,label:l.label,ref_for:!0},l.descriptionsItemProps),{default:e.withCtx(()=>[l.render?(e.openBlock(),e.createBlock(o,{key:0,i:a,render:l.render,formData:t.formData},null,8,["i","render","formData"])):(e.openBlock(),e.createElementBlock("span",me,e.toDisplayString(t.formData[l.prop]),1))]),_:2},1040,["label"]))),128))]),_:1},16)}}}),fe=le,ue=pe,ke=de,he=D,ye=N;u.VDescriptions=ke,u.VGeneralBasicForm=fe,u.VInfiniteScrollList=ue,u.VInputGraphicVerification=he,u.VInputMobilecVerification=ye,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})});
|
|
1
|
+
(function(u,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("vue-router")):typeof define=="function"&&define.amd?define(["exports","vue","vue-router"],e):(u=typeof globalThis<"u"?globalThis:u||self,e(u.Index={},u.Vue,u["vue-router"]))})(this,function(u,e,F){"use strict";const w={placeholder:"请输入",style:"width: 200px",clearable:!0},j={style:"width: 227px","start-placeholder":"开始日期","end-placeholder":"结束日期",type:"daterange"},z={placeholder:"请选择",filterable:!0,clearable:!0,style:"width: 200px"},T=e.defineComponent({components:{InputArchive:t=>{const{templateEle:n}=t;return n()}},props:{item:null},setup(){const t=e.inject("queryParams",{}),n=e.inject("getList"),o=e.inject("size","default");return{queryParams:t,getList:n,size:o}},data(){return{inputSetting:{...w,...this.item.inputSetting,...this.item.setting}}},methods:{currentInputComponent(){return"input-archive"}}}),B=(t,n)=>{const o=t.__vccOpts||t;for(const[s,r]of n)o[s]=r;return o};function R(t,n,o,s,r,a){const c=e.resolveComponent("el-input");return e.openBlock(),e.createBlock(c,e.mergeProps({onKeydown:e.withKeys(t.getList,["enter"]),modelValue:t.queryParams[t.item.prop],"onUpdate:modelValue":n[0]||(n[0]=l=>t.queryParams[t.item.prop]=l),size:t.size},t.inputSetting),e.createSlots({_:2},[e.renderList(t.item.template,(l,i)=>({name:i,fn:e.withCtx(()=>[l?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:i,templateEle:l},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040,["onKeydown","modelValue","size"])}const V=B(T,[["render",R]]),A=e.defineComponent({__name:"index",props:{item:{}},setup(t){const n=e.inject("queryParams",{}),o=e.inject("size"),s=e.ref({...w,...t.item.inputSetting,...t.item.setting});return(r,a)=>{const c=e.resolveComponent("el-input-number");return e.openBlock(),e.createBlock(c,e.mergeProps({modelValue:e.unref(n)[r.item.prop],"onUpdate:modelValue":a[0]||(a[0]=l=>e.unref(n)[r.item.prop]=l),size:e.unref(o)},s.value),null,16,["modelValue","size"])}}}),U=e.defineComponent({components:{InputArchive:t=>{const{templateEle:n}=t;return n()}},props:{item:null},setup(){const t=e.inject("queryParams",{}),n=e.inject("getList",()=>{}),o=e.inject("size","default"),r=e.inject("Form").useInjectFormItemContext();return{queryParams:t,getList:n,size:o,formItemContext:r}},data(){return{inputSetting:{...w,...this.item.inputSetting,...this.item.setting}}},methods:{currentInputComponent(){return"input-archive"},onInputChange(t){this.queryParams[this.item.prop]=t.target.value,this.formItemContext.onFieldChange()}}});function G(t,n,o,s,r,a){const c=e.resolveComponent("a-input");return e.openBlock(),e.createBlock(c,e.mergeProps({onKeydown:e.withKeys(t.getList,["enter"]),onChange:t.onInputChange,value:t.queryParams[t.item.prop],size:t.size},t.inputSetting),e.createSlots({_:2},[e.renderList(t.item.template,(l,i)=>({name:i,fn:e.withCtx(()=>[l?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:i,templateEle:l},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040,["onKeydown","onChange","value","size"])}const D=B(U,[["render",G]]),q=Symbol(),M=e.defineComponent({__name:"index",props:{imgSrc:{}},setup(t){const n=e.ref();return e.onMounted(()=>{const o=new Image,s=[],r=8,a=8;let c=0,l=0;const i=300,m=n.value,k=m.getContext("2d");o.onload=function(){m.width=o.width,m.height=o.height,l=Math.floor(o.width/r),c=Math.floor(o.height/a),g(),_()},o.src=t.imgSrc;const g=()=>{for(let h=0;h<a;h++)for(let d=0;d<r;d++)s.push({x:l*d,y:c*h,offsetX:(Math.random()-.5)*i,offsetY:(Math.random()-.5)*i})},_=()=>{k.clearRect(0,0,m.width,m.height);let h=!0;s.forEach((d,b)=>{k.drawImage(o,d.x,d.y,l,c,d.x+d.offsetX,d.y+d.offsetY,l,c),Math.abs(d.offsetX)>.5&&(h=!1,d.offsetX*=.95),Math.abs(d.offsetY)>.5&&(d.offsetY*=.95,h=!1)}),h?setTimeout(()=>{g(),_()},300):requestAnimationFrame(_)}}),(o,s)=>(e.openBlock(),e.createElementBlock("canvas",{ref_key:"loadingCanvas",ref:n},null,512))}}),O={class:"input-graphic-verification"},K=["src","alt"],Q=e.defineComponent({__name:"index",props:{item:{},componentType:{default:"Element Plus"},loading:{type:Boolean,default:!1}},setup(t){const{graphicSrc:n="",graphicAlt:o="",getGraphic:s=()=>{},key:r}=t.item,{formLoading:a}=e.inject(q,!1),c=e.computed(()=>(a==null?void 0:a.value)||t.loading),l=async()=>{s&&!(c!=null&&c.value)&&await s()},i=e.shallowRef(V);switch(t.componentType){case"Element Plus":i.value=V;break;case"Ant Design Vue":i.value=D;break}return(m,k)=>(e.openBlock(),e.createElementBlock("div",O,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.value),{item:m.item,class:"input"},null,8,["item"])),c.value?(e.openBlock(),e.createBlock(M,{key:0,class:"graphic",imgSrc:e.unref(n)},null,8,["imgSrc"])):(e.openBlock(),e.createElementBlock("img",{key:1,class:"graphic",onClick:l,src:e.unref(n),alt:e.unref(o)||`${e.unref(r)}`},null,8,K))]))}}),Be="",x=B(Q,[["__scopeId","data-v-f76fdd37"]]),S="获取验证码",X=60,Y=e.defineComponent({__name:"verification-button",props:{getSmscode:{type:Function},componentType:{default:"Element Plus"}},setup(t){const n=e.ref(S),o=e.ref(null),s=e.computed(()=>n.value===S),r=e.shallowRef("el-button");switch(t.componentType){case"Element Plus":r.value="el-button";break;case"Ant Design Vue":r.value="a-button";break}const a=()=>{o&&(clearInterval(o.value),o.value=null,n.value=S)},c=async()=>{if(n.value===S)if(n.value=X,o.value=setInterval(()=>{if(Number(n.value)<=0||!n.value){a();return}else n.value=Number(n.value)-1},1e3),t.getSmscode)await t.getSmscode()===!1&&a();else return};return e.onBeforeUnmount(()=>{a()}),(l,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.value),{class:"verifiaction-button",style:e.normalizeStyle({color:s.value?"var(--color-primary, #409EFF)":"var(--text-color-placeholder, #A8ABB2)",cursor:s.value?"pointer":"default"}),onClick:c},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.value?S:n.value+"s"),1)]),_:1},8,["style"]))}}),Ce="",L=B(Y,[["__scopeId","data-v-9d71b690"]]),N=e.defineComponent({__name:"index",props:{item:{},componentType:{default:"Element Plus"}},setup(t){const n=t.item,o=e.shallowRef(V);switch(t.componentType){case"Element Plus":o.value=V,n.template={append:()=>e.h(L,{getSmscode:n.getSmscode})};break;case"Ant Design Vue":o.value=D,n.template={addonAfter:()=>e.h(L,{getSmscode:n.getSmscode})};break}return(s,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.value),{item:e.unref(n),class:"input"},null,8,["item"]))}}),W=e.defineComponent({components:{slotArchive:t=>{const{templateEle:n}=t;return n()}},props:{item:null},setup(){},data(){return{dividerSetting:{...this.item.dividerSetting,...this.item.setting}}},methods:{currentInputComponent(){return"slot-archive"}}});function J(t,n,o,s,r,a){const c=e.resolveComponent("el-divider");return e.openBlock(),e.createBlock(c,e.normalizeProps(e.guardReactiveProps(t.dividerSetting)),e.createSlots({_:2},[e.renderList(t.item.template,(l,i)=>({name:i,fn:e.withCtx(()=>[l?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:i,templateEle:l},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040)}const H=B(W,[["render",J]]),Z=e.defineComponent({__name:"index",props:{item:{}},setup(t){const n=e.inject("queryParams",{}),o=e.inject("size"),s=e.ref({...t.item.radioGroupSetting,...t.item.setting});return(r,a)=>{const c=e.resolveComponent("el-radio"),l=e.resolveComponent("el-radio-group");return e.openBlock(),e.createBlock(l,e.mergeProps({modelValue:e.unref(n)[r.item.prop],"onUpdate:modelValue":a[0]||(a[0]=i=>e.unref(n)[r.item.prop]=i),size:e.unref(o)},s.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.item.option||[],i=>(e.openBlock(),e.createBlock(c,e.mergeProps({size:e.unref(o),key:i.value,ref_for:!0},i),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.label),1)]),_:2},1040,["size"]))),128))]),_:1},16,["modelValue","size"])}}}),v=e.defineComponent({__name:"index",props:{item:{}},setup(t){const n=e.inject("queryParams",{}),o=e.inject("size"),s=e.ref({...t.item.checkboxGroupSetting,...t.item.setting});return(r,a)=>{const c=e.resolveComponent("el-checkbox"),l=e.resolveComponent("el-checkbox-group");return e.openBlock(),e.createBlock(l,e.mergeProps({modelValue:e.unref(n)[r.item.prop],"onUpdate:modelValue":a[0]||(a[0]=i=>e.unref(n)[r.item.prop]=i),size:e.unref(o)},s.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.item.option||[],i=>(e.openBlock(),e.createBlock(c,e.mergeProps({size:e.unref(o),key:i.value,ref_for:!0},i),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.label),1)]),_:2},1040,["size"]))),128))]),_:1},16,["modelValue","size"])}}}),ee=e.defineComponent({__name:"index",props:{item:{}},setup(t){const n=e.inject("queryParams",{}),o=e.inject("size"),s=e.ref({...j,...t.item.datePackerSetting,...t.item.setting});return(r,a)=>{const c=e.resolveComponent("el-date-picker");return e.openBlock(),e.createBlock(c,e.mergeProps({modelValue:e.unref(n)[r.item.prop],"onUpdate:modelValue":a[0]||(a[0]=l=>e.unref(n)[r.item.prop]=l),size:e.unref(o)},s.value),null,16,["modelValue","size"])}}}),te=e.defineComponent({__name:"index",props:{item:{}},setup(t){const n=e.inject("queryParams",{}),o=e.inject("size"),s=e.ref({...z,...t.item.selectSetting,...t.item.setting});return(r,a)=>{const c=e.resolveComponent("el-option"),l=e.resolveComponent("el-select");return e.openBlock(),e.createBlock(l,e.mergeProps({modelValue:e.unref(n)[r.item.prop],"onUpdate:modelValue":a[0]||(a[0]=i=>e.unref(n)[r.item.prop]=i),size:e.unref(o)},s.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.item.option||[],i=>(e.openBlock(),e.createBlock(c,e.mergeProps({key:i.value,ref_for:!0},i),null,16))),128))]),_:1},16,["modelValue","size"])}}}),ne=e.defineComponent({__name:"index",props:{item:{}},setup(t){const n=e.inject("queryParams",{}),o=e.inject("size"),s=e.ref({...z,...t.item.selectSetting,...t.item.setting});return(r,a)=>{const c=e.resolveComponent("el-cascader");return e.openBlock(),e.createBlock(c,e.mergeProps({modelValue:e.unref(n)[r.item.prop],"onUpdate:modelValue":a[0]||(a[0]=l=>e.unref(n)[r.item.prop]=l),size:e.unref(o),options:r.item.options||[]},s.value),null,16,["modelValue","size","options"])}}}),oe=e.defineComponent({name:"GeneralBasicForm",components:{Input:V,InputNumber:A,InputGraphicVerification:x,InputMobileVerification:N,Divider:H,Radio:Z,Checkbox:v,DatePicker:ee,Select:te,Cascader:ne},props:{showSearch:{type:Boolean,default:!0},loading:{type:Boolean,default:!1},formOnly:{type:Boolean,default:!1},getList:{type:Function,default:()=>{}},afterReset:{type:Function,default:()=>{}},formItem:{type:Array,default:[]},size:{type:String,default:"default"},labelWidth:{type:String,default:"90px"},noUrlParameters:{type:Boolean,default:()=>!1},formData:{type:Object,default:()=>{}},noInputBlank:{type:Boolean,default:()=>!1}},data(){return{formLoading:this.loading||!1,trimRegex:/\S/}},setup(t){const{size:n,noUrlParameters:o,getList:s}=t,r=F.useRoute(),a=e.ref({...o?{}:r==null?void 0:r.query});return e.provide("queryParams",a),e.provide("size",n),e.provide("getList",s),{queryParams:a}},watch:{formData:{handler(t,n){JSON.stringify(t)!==JSON.stringify(n)&&(this.queryParams={...this.noUrlParameters?{}:this.queryParams,...t})},immediate:!0},queryParams:{handler(t){this.$emit("update:formData",t)},deep:!0},loading(t){this.formLoading!==t&&(this.formLoading=t)},formLoading(t){this.loading!==t&&this.$emit("update:loading",t)}},provide(){return{[q]:{formLoading:e.computed(()=>this.formLoading),updateFormLoading:t=>{this.formLoading=t}}}},methods:{handleQuery(){var o;const t={page:1,limit:10},n={...(o=this.$route)==null?void 0:o.query,...this.queryParams,...t};this.noUrlParameters||this.$router.push({query:{...n}}),this.getList({...n})},async resetQuery(){var n;this.$refs.queryFormRef.resetFields();const t={page:1};this.noUrlParameters||await this.$router.push({query:{...t}}),this.queryParams={...this.noUrlParameters?{}:(n=this.$route)==null?void 0:n.query},this.afterReset(),this.handleQuery()},getItemRules(t){const{type:n,rules:o=[]}=t,s=[...o];return this.noInputBlank&&n==="input"&&s.push({pattern:this.trimRegex,message:"请输入(不能仅输入空格)",trigger:"blur"}),s}}});function re(t,n,o,s,r,a){const c=e.resolveComponent("Input"),l=e.resolveComponent("Radio"),i=e.resolveComponent("Select"),m=e.resolveComponent("Divider"),k=e.resolveComponent("Cascader"),g=e.resolveComponent("Checkbox"),_=e.resolveComponent("DatePicker"),h=e.resolveComponent("InputNumber"),d=e.resolveComponent("InputMobileVerification"),b=e.resolveComponent("InputGraphicVerification"),C=e.resolveComponent("el-form-item"),P=e.resolveComponent("el-button"),$=e.resolveComponent("el-form"),f=e.resolveDirective("loading");return e.withDirectives((e.openBlock(),e.createBlock($,e.mergeProps({model:t.queryParams,ref:"queryFormRef",inline:"","label-position":"left","label-width":t.labelWidth},t.$attrs),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.formItem,p=>(e.openBlock(),e.createBlock(C,{label:p.label,prop:p.prop,key:p.prop,rules:t.getItemRules(p)},{default:e.withCtx(()=>[/^input$/i.test(p.type)?(e.openBlock(),e.createBlock(c,{key:0,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^radio$/i.test(p.type)?(e.openBlock(),e.createBlock(l,{key:1,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^select$/i.test(p.type)?(e.openBlock(),e.createBlock(i,{key:2,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^divider$/i.test(p.type)?(e.openBlock(),e.createBlock(m,{key:3,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^cascader$/i.test(p.type)?(e.openBlock(),e.createBlock(k,{key:4,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^checkbox$/i.test(p.type)?(e.openBlock(),e.createBlock(g,{key:5,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^date-picker$/i.test(p.type)?(e.openBlock(),e.createBlock(_,{key:6,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^input-number$/i.test(p.type)?(e.openBlock(),e.createBlock(h,{key:7,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^form-item-slot$/i.test(p.type)?e.renderSlot(t.$slots,p.name,{key:8}):e.createCommentVNode("",!0),/^input-mobile-verification$/i.test(p.type)?(e.openBlock(),e.createBlock(d,{key:9,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^input-graphic-verification$/i.test(p.type)?(e.openBlock(),e.createBlock(b,{item:p,key:p.key},null,8,["item"])):e.createCommentVNode("",!0)]),_:2},1032,["label","prop","rules"]))),128)),e.renderSlot(t.$slots,"default"),t.formOnly?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(C,{key:0},{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createBlock(P,{type:"primary",size:t.size,onClick:t.handleQuery},{default:e.withCtx(()=>n[0]||(n[0]=[e.createTextVNode("查询")])),_:1},8,["size","onClick"])),[[f,t.formLoading]]),e.createVNode(P,{size:t.size,onClick:t.resetQuery},{default:e.withCtx(()=>n[1]||(n[1]=[e.createTextVNode("重置")])),_:1},8,["size","onClick"])]),_:1})),e.renderSlot(t.$slots,"behind-the-button")]),_:3},16,["model","label-width"])),[[e.vShow,t.showSearch]])}const le=B(oe,[["render",re]]),ie=["infinite-scroll-disabled"],se=["infinite-scroll-disabled"],ae={class:"checkbox"},ce=e.defineComponent({__name:"InfiniteScrollList",props:{search:{type:Function,required:!0},checkbox:{type:Boolean,required:!1},id:{type:String,required:!0},name:{type:String,required:!0},extra:{type:null,required:!1},defaultSelection:{type:Array,required:!1}},setup(t,{expose:n}){const o=t,{search:s,id:r,name:a,extra:c}=o,l=e.ref([]),i=e.ref(1),m=e.ref(!1),k=e.ref([]),g=e.ref(!1),_=(f,p)=>{const{i:I}=f;return c&&c!=="false"?c(I):""},h=f=>{k.value=f.map(p=>typeof p=="object"?p[r]:p)};e.watch(()=>o.defaultSelection,(f=[],p=[])=>{h(f)},{immediate:!0});const d=()=>{b(),k.value=[]},b=()=>{i.value=1,l.value=[],m.value=!1},C=async()=>{if(g.value||m.value)return;g.value=!0;const f=await s(i.value);f&&f.length>0?(l.value=[...l.value,...f],i.value+=1):m.value=!0,g.value=!1},P=()=>{b(),C()},$=e.computed(()=>l.value.filter(f=>k.value.includes(f[r])))||{};return n({reset:d,lowReset:b,loadList:C,selectInfo:$,list:l,ifbottom:m,refreshList:P}),(f,p)=>{const I=e.resolveComponent("el-checkbox"),ge=e.resolveComponent("el-checkbox-group"),E=e.resolveDirective("infinite-scroll"),_e=e.resolveDirective("loading");return o.checkbox?e.withDirectives((e.openBlock(),e.createBlock(ge,e.mergeProps({key:0,modelValue:k.value,"onUpdate:modelValue":p[0]||(p[0]=y=>k.value=y)},o),{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createElementBlock("ul",{class:"list","infinite-scroll-disabled":m.value},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,y=>(e.openBlock(),e.createElementBlock("li",{key:y[e.unref(r)],class:"list-item"},[e.createVNode(I,{value:y[e.unref(r)],class:"checkbox"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(y[e.unref(a)])+" ",1),o.extra?(e.openBlock(),e.createBlock(_,{key:0,i:y},null,8,["i"])):e.createCommentVNode("",!0)]),_:2},1032,["value"])]))),128))],8,ie)),[[E,C]])]),_:1},16,["modelValue"])),[[_e,g.value]]):e.withDirectives((e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:1,class:"list","infinite-scroll-disabled":m.value},o),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,y=>(e.openBlock(),e.createElementBlock("li",{key:y[e.unref(r)],class:"list-item"},[e.createElementVNode("div",ae,[e.createTextVNode(e.toDisplayString(y[e.unref(a)])+" ",1),o.extra?(e.openBlock(),e.createBlock(_,{key:0,i:y},null,8,["i"])):e.createCommentVNode("",!0)])]))),128))],16,se)),[[E,C]])}}}),be="",pe=B(ce,[["__scopeId","data-v-77737aab"]]),me={key:1},de=e.defineComponent({__name:"Descriptions",props:{formData:{type:Object,required:!0},formItem:{type:Array,required:!0},componentType:{type:String,default:"Element Plus"}},setup(t){const n=t,o=e.shallowRef("el-descriptions-item"),s=e.shallowRef("descriptions-item");switch(n.componentType){case"Element Plus":o.value="el-descriptions-item",s.value="el-descriptions-item";break;case"Ant Design Vue":o.value="a-descriptions",s.value="a-descriptions-item";break}const r=(a,c)=>{const{i:l,render:i,formData:m}=a;return i({row:m,$index:l})};return(a,c)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.value),e.mergeProps({column:1,border:"",class:"form-width"},a.$attrs),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.formItem,(l,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.value),e.mergeProps({key:l.prop,label:l.label,ref_for:!0},l.descriptionsItemProps),{default:e.withCtx(()=>[l.render?(e.openBlock(),e.createBlock(r,{key:0,i,render:l.render,formData:t.formData},null,8,["i","render","formData"])):(e.openBlock(),e.createElementBlock("span",me,e.toDisplayString(t.formData[l.prop]),1))]),_:2},1040,["label"]))),128))]),_:1},16))}}),fe=le,ue=pe,ke=de,he=x,ye=N;u.VDescriptions=ke,u.VGeneralBasicForm=fe,u.VInfiniteScrollList=ue,u.VInputGraphicVerification=he,u.VInputMobilecVerification=ye,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})});
|