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 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
- formDataObject
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
- descriptionsItemProps:el-descriptions-item的配置
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
- componentType:
549
-
550
- "Ant Design Vue"
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 c, mergeProps as v, withKeys as Z, createSlots as Q, renderList as V, withCtx as y, resolveDynamicComponent as R, createCommentVNode as h, ref as $, unref as m, onMounted as le, createElementBlock as k, computed as G, shallowRef as X, onBeforeUnmount as ue, normalizeStyle as ce, createTextVNode as D, toDisplayString as B, h as J, normalizeProps as pe, guardReactiveProps as me, Fragment as L, provide as O, resolveDirective as K, withDirectives as A, renderSlot as j, createVNode as ee, vShow as de, watch as fe, createElementVNode as _e } from "vue";
2
- import { useRoute as ye } from "vue-router";
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
- }, he = {
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
- }), x = (e, t) => {
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, a) {
65
- const u = d("el-input");
66
- return o(), c(u, v({
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), Q({ _: 2 }, [
72
- V(e.item.template, (s, l) => ({
73
- name: l,
74
- fn: y(() => [
75
- s ? (o(), c(R(e.currentInputComponent()), {
76
- key: l,
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"])) : h("", !0)
78
+ }, null, 8, ["templateEle"])) : g("", !0)
79
79
  ])
80
80
  }))
81
81
  ]), 1040, ["onKeydown", "modelValue", "size"]);
82
82
  }
83
- const U = /* @__PURE__ */ x(ge, [["render", ve]]), be = /* @__PURE__ */ b({
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, a) => {
95
- const u = d("el-input-number");
96
- return o(), c(u, v({
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": a[0] || (a[0] = (s) => m(t)[r.item.prop] = s),
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, a) {
150
- const u = d("a-input");
151
- return o(), c(u, v({
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), Q({ _: 2 }, [
157
- V(e.item.template, (s, l) => ({
158
- name: l,
159
- fn: y(() => [
160
- s ? (o(), c(R(e.currentInputComponent()), {
161
- key: l,
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"])) : h("", !0)
163
+ }, null, 8, ["templateEle"])) : g("", !0)
164
164
  ])
165
165
  }))
166
166
  ]), 1040, ["onKeydown", "onChange", "value", "size"]);
167
167
  }
168
- const ne = /* @__PURE__ */ x(ke, [["render", $e]]), oe = Symbol(), Se = /* @__PURE__ */ b({
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, a = 8;
177
- let u = 0, s = 0;
178
- const l = 300, g = t.value, I = g.getContext("2d");
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
- g.width = n.width, g.height = n.height, s = Math.floor(n.width / r), u = Math.floor(n.height / a), q(), C();
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 < a; P++)
184
- for (let _ = 0; _ < r; _++)
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: u * P,
188
- offsetX: (Math.random() - 0.5) * l,
189
- offsetY: (Math.random() - 0.5) * l
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, g.width, g.height);
192
+ I.clearRect(0, 0, y.width, y.height);
193
193
  let P = !0;
194
- i.forEach((_, F) => {
195
- I.drawImage(n, _.x, _.y, s, u, _.x + _.offsetX, _.y + _.offsetY, s, u), Math.abs(_.offsetX) > 0.5 && (P = !1, _.offsetX *= 0.95), Math.abs(_.offsetY) > 0.5 && (_.offsetY *= 0.95, P = !1);
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: a } = f(oe, !1), u = G(() => (a == null ? void 0 : a.value) || e.loading), s = async () => {
220
- i && !(u != null && u.value) && await i();
221
- }, l = X(U);
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
- l.value = U;
224
+ a.value = U;
225
225
  break;
226
226
  case "Ant Design Vue":
227
- l.value = ne;
227
+ a.value = ne;
228
228
  break;
229
229
  }
230
- return (g, I) => (o(), k("div", Ie, [
231
- (o(), c(R(l.value), {
232
- item: g.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
- u.value ? (o(), c(Se, {
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__ */ x(ze, [["__scopeId", "data-v-f76fdd37"]]), E = "获取验证码", Ve = 60, qe = /* @__PURE__ */ b({
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 = $(E), n = $(null), i = G(() => t.value === E), r = X("el-button");
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 a = () => {
266
- n && (clearInterval(n.value), n.value = null, t.value = E);
267
- }, u = async () => {
268
- if (t.value === E)
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
- a();
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 && a();
276
+ await e.getSmscode() === !1 && l();
277
277
  else
278
278
  return;
279
279
  };
280
280
  return ue(() => {
281
- a();
282
- }), (s, l) => (o(), c(R(r.value), {
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: u
288
+ onClick: c
289
289
  }, {
290
- default: y(() => [
291
- D(B(i.value ? E : t.value + "s"), 1)
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__ */ x(qe, [["__scopeId", "data-v-9d71b690"]]), se = /* @__PURE__ */ b({
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 = X(U);
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(), c(R(n.value), {
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, a) {
354
- const u = d("el-divider");
355
- return o(), c(u, pe(me(e.dividerSetting)), Q({ _: 2 }, [
356
- V(e.item.template, (s, l) => ({
357
- name: l,
358
- fn: y(() => [
359
- s ? (o(), c(R(e.currentInputComponent()), {
360
- key: l,
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"])) : h("", !0)
362
+ }, null, 8, ["templateEle"])) : g("", !0)
363
363
  ])
364
364
  }))
365
365
  ]), 1040);
366
366
  }
367
- const De = /* @__PURE__ */ x(Ce, [["render", we]]), Le = /* @__PURE__ */ b({
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, a) => {
378
- const u = d("el-radio"), s = d("el-radio-group");
379
- return o(), c(s, v({
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": a[0] || (a[0] = (l) => m(t)[r.item.prop] = l),
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: y(() => [
385
- (o(!0), k(L, null, V(r.item.option || [], (l) => (o(), c(u, v({
384
+ default: _(() => [
385
+ (o(!0), k(x, null, V(r.item.option || [], (a) => (o(), u(c, v({
386
386
  size: m(n),
387
- key: l.value,
387
+ key: a.value,
388
388
  ref_for: !0
389
- }, l), {
390
- default: y(() => [
391
- D(B(l.label), 1)
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, a) => {
411
- const u = d("el-checkbox"), s = d("el-checkbox-group");
412
- return o(), c(s, v({
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": a[0] || (a[0] = (l) => m(t)[r.item.prop] = l),
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: y(() => [
418
- (o(!0), k(L, null, V(r.item.option || [], (l) => (o(), c(u, v({
417
+ default: _(() => [
418
+ (o(!0), k(x, null, V(r.item.option || [], (a) => (o(), u(c, v({
419
419
  size: m(n),
420
- key: l.value,
420
+ key: a.value,
421
421
  ref_for: !0
422
- }, l), {
423
- default: y(() => [
424
- D(B(l.label), 1)
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
- ...he,
440
+ ..._e,
441
441
  ...e.item.datePackerSetting,
442
442
  ...e.item.setting
443
443
  });
444
- return (r, a) => {
445
- const u = d("el-date-picker");
446
- return o(), c(u, v({
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": a[0] || (a[0] = (s) => m(t)[r.item.prop] = s),
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, a) => {
465
- const u = d("el-option"), s = d("el-select");
466
- return o(), c(s, v({
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": a[0] || (a[0] = (l) => m(t)[r.item.prop] = l),
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: y(() => [
472
- (o(!0), k(L, null, V(r.item.option || [], (l) => (o(), c(u, v({
473
- key: l.value,
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
- }, l), null, 16))), 128))
475
+ }, a), null, 16))), 128))
476
476
  ]),
477
477
  _: 1
478
478
  }, 16, ["modelValue", "size"]);
479
479
  };
480
480
  }
481
- }), Re = /* @__PURE__ */ b({
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, a) => {
493
- const u = d("el-cascader");
494
- return o(), c(u, v({
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": a[0] || (a[0] = (s) => m(t)[r.item.prop] = s),
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
- }), Ee = b({
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: Re
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 = ye(), a = $({
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 O(
586
+ return j(
587
587
  /* 注入名 */
588
588
  "queryParams",
589
589
  /* 值 */
590
- a
591
- ), O(
590
+ l
591
+ ), j(
592
592
  /* 注入名 */
593
593
  "size",
594
594
  /* 值 */
595
595
  t
596
- ), O(
596
+ ), j(
597
597
  /* 注入名 */
598
598
  "getList",
599
599
  /* 值 */
600
600
  i
601
601
  ), {
602
- queryParams: a
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: G(() => this.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, a) {
679
- const u = d("Input"), s = d("Radio"), l = d("Select"), g = d("Divider"), I = d("Cascader"), q = d("Checkbox"), C = d("DatePicker"), P = d("InputNumber"), _ = d("InputMobileVerification"), F = d("InputGraphicVerification"), w = d("el-form-item"), T = d("el-button"), N = d("el-form"), S = K("loading");
680
- return A((o(), c(N, v({
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: y(() => [
688
- (o(!0), k(L, null, V(e.formItem, (p) => (o(), c(w, {
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: y(() => [
695
- /^input$/i.test(p.type) ? (o(), c(u, {
694
+ default: _(() => [
695
+ /^input$/i.test(p.type) ? (o(), u(c, {
696
696
  key: 0,
697
697
  item: p
698
- }, null, 8, ["item"])) : h("", !0),
699
- /^radio$/i.test(p.type) ? (o(), c(s, {
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"])) : h("", !0),
703
- /^select$/i.test(p.type) ? (o(), c(l, {
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"])) : h("", !0),
707
- /^divider$/i.test(p.type) ? (o(), c(g, {
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"])) : h("", !0),
711
- /^cascader$/i.test(p.type) ? (o(), c(I, {
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"])) : h("", !0),
715
- /^checkbox$/i.test(p.type) ? (o(), c(q, {
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"])) : h("", !0),
719
- /^date-picker$/i.test(p.type) ? (o(), c(C, {
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"])) : h("", !0),
723
- /^input-number$/i.test(p.type) ? (o(), c(P, {
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"])) : h("", !0),
727
- /^form-item-slot$/i.test(p.type) ? j(e.$slots, p.name, { key: 8 }) : h("", !0),
728
- /^input-mobile-verification$/i.test(p.type) ? (o(), c(_, {
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"])) : h("", !0),
732
- /^input-graphic-verification$/i.test(p.type) ? (o(), c(F, {
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"])) : h("", !0)
735
+ }, null, 8, ["item"])) : g("", !0)
736
736
  ]),
737
737
  _: 2
738
738
  }, 1032, ["label", "prop", "rules"]))), 128)),
739
- j(e.$slots, "default"),
740
- e.formOnly ? h("", !0) : (o(), c(w, { key: 0 }, {
741
- default: y(() => [
742
- A((o(), c(T, {
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: y(() => t[0] || (t[0] = [
748
- D("查询")
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(T, {
754
+ ee(G, {
755
755
  size: e.size,
756
756
  onClick: e.resetQuery
757
757
  }, {
758
- default: y(() => t[1] || (t[1] = [
759
- D("重置")
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
- j(e.$slots, "behind-the-button")
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 Ue = /* @__PURE__ */ x(Ee, [["render", Ae]]), Te = ["infinite-scroll-disabled"], Ge = ["infinite-scroll-disabled"], Ne = { class: "checkbox" }, Me = /* @__PURE__ */ b({
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: a, extra: u } = n, s = $([]), l = $(1), g = $(!1), I = $([]), q = $(!1), C = (S, p) => {
803
- const { i: M } = S;
804
- return u && u !== "false" ? u(M) : "";
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
- F(), I.value = [];
817
- }, F = () => {
818
- l.value = 1, s.value = [], g.value = !1;
819
- }, w = async () => {
820
- if (q.value || g.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(l.value);
824
- S && S.length > 0 ? (s.value = [...s.value, ...S], l.value += 1) : g.value = !0, q.value = !1;
825
- }, T = () => {
826
- F(), w();
827
- }, N = G(
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: F,
833
- loadList: w,
834
- selectInfo: N,
831
+ reset: h,
832
+ lowReset: B,
833
+ loadList: D,
834
+ selectInfo: M,
835
835
  list: s,
836
- ifbottom: g,
837
- refreshList: T
836
+ ifbottom: y,
837
+ refreshList: G
838
838
  }), (S, p) => {
839
- const M = d("el-checkbox"), ae = d("el-checkbox-group"), W = K("infinite-scroll"), ie = K("loading");
840
- return n.checkbox ? A((o(), c(ae, v({
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: y(() => [
845
+ default: _(() => [
846
846
  A((o(), k("ul", {
847
847
  class: "list",
848
- "infinite-scroll-disabled": g.value
848
+ "infinite-scroll-disabled": y.value
849
849
  }, [
850
- (o(!0), k(L, null, V(s.value, (z) => (o(), k("li", {
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(M, {
854
+ ee(O, {
855
855
  value: z[m(r)],
856
856
  class: "checkbox"
857
857
  }, {
858
- default: y(() => [
859
- D(B(z[m(a)]) + " ", 1),
860
- n.extra ? (o(), c(C, {
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"])) : h("", !0)
863
+ }, null, 8, ["i"])) : g("", !0)
864
864
  ]),
865
865
  _: 2
866
866
  }, 1032, ["value"])
867
867
  ]))), 128))
868
- ], 8, Te)), [
869
- [W, 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": g.value
878
+ "infinite-scroll-disabled": y.value
879
879
  }, n), [
880
- (o(!0), k(L, null, V(s.value, (z) => (o(), k("li", {
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
- _e("div", Ne, [
885
- D(B(z[m(a)]) + " ", 1),
886
- n.extra ? (o(), c(C, {
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"])) : h("", !0)
889
+ }, null, 8, ["i"])) : g("", !0)
890
890
  ])
891
891
  ]))), 128))
892
892
  ], 16, Ge)), [
893
- [W, w]
893
+ [W, D]
894
894
  ]);
895
895
  };
896
896
  }
897
897
  });
898
- const Oe = /* @__PURE__ */ x(Me, [["__scopeId", "data-v-77737aab"]]), je = { key: 1 }, Ke = /* @__PURE__ */ b({
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 = (i, r) => {
912
- const { i: a, render: u, formData: s } = i;
913
- return u({
914
- row: s,
915
- $index: a
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 (i, r) => {
919
- const a = d("el-descriptions-item"), u = d("el-descriptions");
920
- return o(), c(u, v({
921
- column: 1,
922
- border: "",
923
- class: "form-width"
924
- }, t), {
925
- default: y(() => [
926
- (o(!0), k(L, null, V(t.formItem, (s, l) => (o(), c(a, v({
927
- key: s.prop,
928
- label: s.label,
929
- ref_for: !0
930
- }, s.descriptionsItemProps), {
931
- default: y(() => [
932
- s.render ? (o(), c(n, {
933
- key: 0,
934
- i: l,
935
- render: s.render,
936
- formData: e.formData
937
- }, null, 8, ["i", "render", "formData"])) : (o(), k("span", je, B(e.formData[s.prop]), 1))
938
- ]),
939
- _: 2
940
- }, 1040, ["label"]))), 128))
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 = Ue, We = Oe, Je = Ke, He = re, Ze = se;
956
+ }), Ye = Te, We = Oe, Je = Ke, He = re, Ze = se;
947
957
  export {
948
958
  Je as VDescriptions,
949
959
  Ye as VGeneralBasicForm,
@@ -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"})});
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "general-basic-form",
3
- "version": "2.0.50",
3
+ "version": "2.0.51",
4
4
  "description": "",
5
5
  "main": "./dist/index.umd.cjs",
6
6
  "type": "module",