general-basic-form 2.0.37 → 2.0.38

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/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { defineComponent as k, inject as h, resolveComponent as d, openBlock as n, createBlock as u, mergeProps as b, withKeys as ne, createSlots as J, renderList as $, withCtx as f, resolveDynamicComponent as W, createCommentVNode as y, ref as g, unref as m, resolveDirective as G, withDirectives as C, createElementBlock as S, createVNode as T, createElementVNode as H, computed as j, onBeforeUnmount as oe, normalizeStyle as re, createTextVNode as V, toDisplayString as D, h as se, normalizeProps as ae, guardReactiveProps as ie, Fragment as I, provide as O, renderSlot as Q, vShow as le, watch as ue } from "vue";
1
+ import { defineComponent as k, inject as h, resolveComponent as m, openBlock as n, createBlock as u, mergeProps as b, withKeys as ne, createSlots as J, renderList as $, withCtx as f, resolveDynamicComponent as W, createCommentVNode as y, ref as g, unref as d, resolveDirective as G, withDirectives as C, createElementBlock as S, createVNode as T, createElementVNode as H, computed as j, onBeforeUnmount as oe, normalizeStyle as re, createTextVNode as I, toDisplayString as D, h as se, normalizeProps as ae, guardReactiveProps as ie, Fragment as L, provide as O, renderSlot as Q, vShow as le, watch as ue } from "vue";
2
2
  import { useRoute as ce } from "vue-router";
3
3
  const X = {
4
4
  placeholder: "请输入",
@@ -61,8 +61,8 @@ const X = {
61
61
  return t;
62
62
  };
63
63
  function me(e, o, t, c, a, s) {
64
- const l = d("el-input");
65
- return n(), u(l, b({
64
+ const i = m("el-input");
65
+ return n(), u(i, b({
66
66
  onKeydown: ne(e.getList, ["enter"]),
67
67
  modelValue: e.queryParams[e.item.prop],
68
68
  "onUpdate:modelValue": o[0] || (o[0] = (r) => e.queryParams[e.item.prop] = r),
@@ -89,44 +89,50 @@ const K = /* @__PURE__ */ w(de, [["render", me]]), _e = /* @__PURE__ */ k({
89
89
  ...X,
90
90
  ...o.inputSetting
91
91
  });
92
- return (s, l) => {
93
- const r = d("el-input-number");
92
+ return (s, i) => {
93
+ const r = m("el-input-number");
94
94
  return n(), u(r, b({
95
- modelValue: m(t)[s.item.prop],
96
- "onUpdate:modelValue": l[0] || (l[0] = (_) => m(t)[s.item.prop] = _),
97
- size: m(c)
95
+ modelValue: d(t)[s.item.prop],
96
+ "onUpdate:modelValue": i[0] || (i[0] = (_) => d(t)[s.item.prop] = _),
97
+ size: d(c)
98
98
  }, a.value), null, 16, ["modelValue", "size"]);
99
99
  };
100
100
  }
101
- }), Z = Symbol(), fe = { class: "input-graphic-verification" }, ye = ["src"], he = /* @__PURE__ */ k({
101
+ }), Z = Symbol(), fe = { class: "input-graphic-verification" }, ye = ["src", "alt"], he = /* @__PURE__ */ k({
102
102
  __name: "index",
103
103
  props: {
104
104
  item: {}
105
105
  },
106
106
  setup(e) {
107
- const { item: o } = e, { graphicSrc: t = "", getGraphic: c = () => {
108
- } } = o, { formLoading: a, updateFormLoading: s } = h(Z), l = async () => {
109
- c && !a.value && await c();
107
+ const { item: o } = e, {
108
+ graphicSrc: t = "",
109
+ graphicAlt: c = "",
110
+ getGraphic: a = () => {
111
+ },
112
+ key: s
113
+ } = o, { formLoading: i, updateFormLoading: r } = h(Z), _ = async () => {
114
+ a && !i.value && await a();
110
115
  };
111
- return (r, _) => {
112
- const p = G("loading");
116
+ return (p, P) => {
117
+ const q = G("loading");
113
118
  return C((n(), S("div", fe, [
114
119
  T(K, {
115
- item: r.item,
120
+ item: p.item,
116
121
  class: "input"
117
122
  }, null, 8, ["item"]),
118
123
  H("img", {
119
124
  class: "graphic",
120
- onClick: l,
121
- src: m(t)
125
+ onClick: _,
126
+ src: d(t),
127
+ alt: d(c) || `${d(s)}`
122
128
  }, null, 8, ye)
123
129
  ])), [
124
- [p, m(a)]
130
+ [q, d(i)]
125
131
  ]);
126
132
  };
127
133
  }
128
134
  });
129
- const ve = /* @__PURE__ */ w(he, [["__scopeId", "data-v-500ec9b0"]]), B = "获取验证码", ge = 60, be = /* @__PURE__ */ k({
135
+ const ve = /* @__PURE__ */ w(he, [["__scopeId", "data-v-006751c3"]]), B = "获取验证码", ge = 60, be = /* @__PURE__ */ k({
130
136
  __name: "verification-button",
131
137
  props: {
132
138
  getSmscode: { type: Function }
@@ -134,7 +140,7 @@ const ve = /* @__PURE__ */ w(he, [["__scopeId", "data-v-500ec9b0"]]), B = "获
134
140
  setup(e) {
135
141
  const { getSmscode: o } = e, t = g(B), c = g(null), a = j(() => t.value === B), s = () => {
136
142
  c && (clearInterval(c.value), c.value = null, t.value = B);
137
- }, l = async () => {
143
+ }, i = async () => {
138
144
  if (t.value === B)
139
145
  if (t.value = ge, c.value = setInterval(() => {
140
146
  if (Number(t.value) <= 0 || !t.value) {
@@ -150,17 +156,17 @@ const ve = /* @__PURE__ */ w(he, [["__scopeId", "data-v-500ec9b0"]]), B = "获
150
156
  return oe(() => {
151
157
  s();
152
158
  }), (r, _) => {
153
- const p = d("el-button");
159
+ const p = m("el-button");
154
160
  return n(), u(p, {
155
161
  class: "verifiaction-button",
156
162
  style: re({
157
163
  color: a.value ? "var(--color-primary, #409EFF)" : "var(--text-color-placeholder, #A8ABB2)",
158
164
  cursor: a.value ? "pointer" : "default"
159
165
  }),
160
- onClick: l
166
+ onClick: i
161
167
  }, {
162
168
  default: f(() => [
163
- V(D(a.value ? B : t.value + "s"), 1)
169
+ I(D(a.value ? B : t.value + "s"), 1)
164
170
  ]),
165
171
  _: 1
166
172
  }, 8, ["style"]);
@@ -179,7 +185,7 @@ const ke = /* @__PURE__ */ w(be, [["__scopeId", "data-v-4074e137"]]), Se = /* @_
179
185
  getSmscode: t.getSmscode
180
186
  })
181
187
  }, (c, a) => (n(), u(K, {
182
- item: m(t),
188
+ item: d(t),
183
189
  class: "input"
184
190
  }, null, 8, ["item"]));
185
191
  }
@@ -210,8 +216,8 @@ const ke = /* @__PURE__ */ w(be, [["__scopeId", "data-v-4074e137"]]), Se = /* @_
210
216
  }
211
217
  });
212
218
  function $e(e, o, t, c, a, s) {
213
- const l = d("el-divider");
214
- return n(), u(l, ae(ie(e.dividerSetting)), J({ _: 2 }, [
219
+ const i = m("el-divider");
220
+ return n(), u(i, ae(ie(e.dividerSetting)), J({ _: 2 }, [
215
221
  $(e.item.template, (r, _) => ({
216
222
  name: _,
217
223
  fn: f(() => [
@@ -232,20 +238,20 @@ const Pe = /* @__PURE__ */ w(ze, [["render", $e]]), qe = /* @__PURE__ */ k({
232
238
  const { item: o } = e, t = h("queryParams", {}), c = h("size"), a = g({
233
239
  ...o.radioGroupSetting
234
240
  });
235
- return (s, l) => {
236
- const r = d("el-radio"), _ = d("el-radio-group");
241
+ return (s, i) => {
242
+ const r = m("el-radio"), _ = m("el-radio-group");
237
243
  return n(), u(_, b({
238
- modelValue: m(t)[s.item.prop],
239
- "onUpdate:modelValue": l[0] || (l[0] = (p) => m(t)[s.item.prop] = p),
240
- size: m(c)
244
+ modelValue: d(t)[s.item.prop],
245
+ "onUpdate:modelValue": i[0] || (i[0] = (p) => d(t)[s.item.prop] = p),
246
+ size: d(c)
241
247
  }, a.value), {
242
248
  default: f(() => [
243
- (n(!0), S(I, null, $(s.item.option || [], (p) => (n(), u(r, b({
244
- size: m(c),
249
+ (n(!0), S(L, null, $(s.item.option || [], (p) => (n(), u(r, b({
250
+ size: d(c),
245
251
  key: p.label
246
252
  }, p), {
247
253
  default: f(() => [
248
- V(D(p.value), 1)
254
+ I(D(p.value), 1)
249
255
  ]),
250
256
  _: 2
251
257
  }, 1040, ["size"]))), 128))
@@ -263,20 +269,20 @@ const Pe = /* @__PURE__ */ w(ze, [["render", $e]]), qe = /* @__PURE__ */ k({
263
269
  const { item: o } = e, t = h("queryParams", {}), c = h("size"), a = g({
264
270
  ...o.checkboxGroupSetting
265
271
  });
266
- return (s, l) => {
267
- const r = d("el-checkbox"), _ = d("el-checkbox-group");
272
+ return (s, i) => {
273
+ const r = m("el-checkbox"), _ = m("el-checkbox-group");
268
274
  return n(), u(_, b({
269
- modelValue: m(t)[s.item.prop],
270
- "onUpdate:modelValue": l[0] || (l[0] = (p) => m(t)[s.item.prop] = p),
271
- size: m(c)
275
+ modelValue: d(t)[s.item.prop],
276
+ "onUpdate:modelValue": i[0] || (i[0] = (p) => d(t)[s.item.prop] = p),
277
+ size: d(c)
272
278
  }, a.value), {
273
279
  default: f(() => [
274
- (n(!0), S(I, null, $(s.item.option || [], (p) => (n(), u(r, b({
275
- size: m(c),
280
+ (n(!0), S(L, null, $(s.item.option || [], (p) => (n(), u(r, b({
281
+ size: d(c),
276
282
  key: p.label
277
283
  }, p), {
278
284
  default: f(() => [
279
- V(D(p.value), 1)
285
+ I(D(p.value), 1)
280
286
  ]),
281
287
  _: 2
282
288
  }, 1040, ["size"]))), 128))
@@ -295,12 +301,12 @@ const Pe = /* @__PURE__ */ w(ze, [["render", $e]]), qe = /* @__PURE__ */ k({
295
301
  ...pe,
296
302
  ...o.datePackerSetting
297
303
  });
298
- return (s, l) => {
299
- const r = d("el-date-picker");
304
+ return (s, i) => {
305
+ const r = m("el-date-picker");
300
306
  return n(), u(r, b({
301
- modelValue: m(t)[s.item.prop],
302
- "onUpdate:modelValue": l[0] || (l[0] = (_) => m(t)[s.item.prop] = _),
303
- size: m(c)
307
+ modelValue: d(t)[s.item.prop],
308
+ "onUpdate:modelValue": i[0] || (i[0] = (_) => d(t)[s.item.prop] = _),
309
+ size: d(c)
304
310
  }, a.value), null, 16, ["modelValue", "size"]);
305
311
  };
306
312
  }
@@ -314,15 +320,15 @@ const Pe = /* @__PURE__ */ w(ze, [["render", $e]]), qe = /* @__PURE__ */ k({
314
320
  ...Y,
315
321
  ...o.selectSetting
316
322
  });
317
- return (s, l) => {
318
- const r = d("el-option"), _ = d("el-select");
323
+ return (s, i) => {
324
+ const r = m("el-option"), _ = m("el-select");
319
325
  return n(), u(_, b({
320
- modelValue: m(t)[s.item.prop],
321
- "onUpdate:modelValue": l[0] || (l[0] = (p) => m(t)[s.item.prop] = p),
322
- size: m(c)
326
+ modelValue: d(t)[s.item.prop],
327
+ "onUpdate:modelValue": i[0] || (i[0] = (p) => d(t)[s.item.prop] = p),
328
+ size: d(c)
323
329
  }, a.value), {
324
330
  default: f(() => [
325
- (n(!0), S(I, null, $(s.item.option || [], (p) => (n(), u(r, {
331
+ (n(!0), S(L, null, $(s.item.option || [], (p) => (n(), u(r, {
326
332
  key: p.value,
327
333
  label: p.label,
328
334
  value: p.value
@@ -342,12 +348,12 @@ const Pe = /* @__PURE__ */ w(ze, [["render", $e]]), qe = /* @__PURE__ */ k({
342
348
  ...Y,
343
349
  ...o.selectSetting
344
350
  });
345
- return (s, l) => {
346
- const r = d("el-cascader");
351
+ return (s, i) => {
352
+ const r = m("el-cascader");
347
353
  return n(), u(r, b({
348
- modelValue: m(t)[s.item.prop],
349
- "onUpdate:modelValue": l[0] || (l[0] = (_) => m(t)[s.item.prop] = _),
350
- size: m(c),
354
+ modelValue: d(t)[s.item.prop],
355
+ "onUpdate:modelValue": i[0] || (i[0] = (_) => d(t)[s.item.prop] = _),
356
+ size: d(c),
351
357
  options: s.item.options || []
352
358
  }, a.value), null, 16, ["modelValue", "size", "options"]);
353
359
  };
@@ -515,7 +521,7 @@ const Pe = /* @__PURE__ */ w(ze, [["render", $e]]), qe = /* @__PURE__ */ k({
515
521
  }
516
522
  });
517
523
  function we(e, o, t, c, a, s) {
518
- const l = d("Input"), r = d("Radio"), _ = d("Select"), p = d("Divider"), P = d("Cascader"), L = d("Checkbox"), F = d("DatePicker"), N = d("InputNumber"), R = d("InputMobileVerification"), x = d("InputGraphicVerification"), q = d("el-form-item"), U = d("el-button"), E = d("el-form"), v = G("loading");
524
+ const i = m("Input"), r = m("Radio"), _ = m("Select"), p = m("Divider"), P = m("Cascader"), q = m("Checkbox"), F = m("DatePicker"), N = m("InputNumber"), R = m("InputMobileVerification"), x = m("InputGraphicVerification"), V = m("el-form-item"), U = m("el-button"), E = m("el-form"), v = G("loading");
519
525
  return C((n(), u(E, b({
520
526
  model: e.queryParams,
521
527
  ref: "queryFormRef",
@@ -524,59 +530,59 @@ function we(e, o, t, c, a, s) {
524
530
  "label-width": e.labelWidth
525
531
  }, e.$attrs), {
526
532
  default: f(() => [
527
- (n(!0), S(I, null, $(e.formItem, (i) => (n(), u(q, {
528
- label: i.label,
529
- prop: i.prop,
530
- key: i.prop,
531
- rules: i.rules
533
+ (n(!0), S(L, null, $(e.formItem, (l) => (n(), u(V, {
534
+ label: l.label,
535
+ prop: l.prop,
536
+ key: l.prop,
537
+ rules: l.rules
532
538
  }, {
533
539
  default: f(() => [
534
- i.type === "input" ? (n(), u(l, {
540
+ l.type === "input" ? (n(), u(i, {
535
541
  key: 0,
536
- item: i
542
+ item: l
537
543
  }, null, 8, ["item"])) : y("", !0),
538
- i.type === "radio" ? (n(), u(r, {
544
+ l.type === "radio" ? (n(), u(r, {
539
545
  key: 1,
540
- item: i
546
+ item: l
541
547
  }, null, 8, ["item"])) : y("", !0),
542
- i.type === "select" ? (n(), u(_, {
548
+ l.type === "select" ? (n(), u(_, {
543
549
  key: 2,
544
- item: i
550
+ item: l
545
551
  }, null, 8, ["item"])) : y("", !0),
546
- i.type === "divider" ? (n(), u(p, {
552
+ l.type === "divider" ? (n(), u(p, {
547
553
  key: 3,
548
- item: i
554
+ item: l
549
555
  }, null, 8, ["item"])) : y("", !0),
550
- i.type === "cascader" ? (n(), u(P, {
556
+ l.type === "cascader" ? (n(), u(P, {
551
557
  key: 4,
552
- item: i
558
+ item: l
553
559
  }, null, 8, ["item"])) : y("", !0),
554
- i.type === "checkbox" ? (n(), u(L, {
560
+ l.type === "checkbox" ? (n(), u(q, {
555
561
  key: 5,
556
- item: i
562
+ item: l
557
563
  }, null, 8, ["item"])) : y("", !0),
558
- i.type === "date-picker" ? (n(), u(F, {
564
+ l.type === "date-picker" ? (n(), u(F, {
559
565
  key: 6,
560
- item: i
566
+ item: l
561
567
  }, null, 8, ["item"])) : y("", !0),
562
- i.type === "input-number" ? (n(), u(N, {
568
+ l.type === "input-number" ? (n(), u(N, {
563
569
  key: 7,
564
- item: i
570
+ item: l
565
571
  }, null, 8, ["item"])) : y("", !0),
566
- i.type === "form-item-slot" ? Q(e.$slots, i.name, { key: 8 }) : y("", !0),
567
- i.type === "input-mobile-verification" ? (n(), u(R, {
572
+ l.type === "form-item-slot" ? Q(e.$slots, l.name, { key: 8 }) : y("", !0),
573
+ l.type === "input-mobile-verification" ? (n(), u(R, {
568
574
  key: 9,
569
- item: i
575
+ item: l
570
576
  }, null, 8, ["item"])) : y("", !0),
571
- i.type === "input-graphic-verification" ? (n(), u(x, {
572
- item: i,
573
- key: i.key
577
+ l.type === "input-graphic-verification" ? (n(), u(x, {
578
+ item: l,
579
+ key: l.key
574
580
  }, null, 8, ["item"])) : y("", !0)
575
581
  ]),
576
582
  _: 2
577
583
  }, 1032, ["label", "prop", "rules"]))), 128)),
578
584
  Q(e.$slots, "default"),
579
- e.formOnly ? y("", !0) : (n(), u(q, { key: 0 }, {
585
+ e.formOnly ? y("", !0) : (n(), u(V, { key: 0 }, {
580
586
  default: f(() => [
581
587
  C((n(), u(U, {
582
588
  type: "primary",
@@ -584,7 +590,7 @@ function we(e, o, t, c, a, s) {
584
590
  onClick: e.handleQuery
585
591
  }, {
586
592
  default: f(() => [
587
- V("查询")
593
+ I("查询")
588
594
  ]),
589
595
  _: 1
590
596
  }, 8, ["size", "onClick"])), [
@@ -595,7 +601,7 @@ function we(e, o, t, c, a, s) {
595
601
  onClick: e.resetQuery
596
602
  }, {
597
603
  default: f(() => [
598
- V("重置")
604
+ I("重置")
599
605
  ]),
600
606
  _: 1
601
607
  }, 8, ["size", "onClick"])
@@ -638,15 +644,15 @@ const xe = /* @__PURE__ */ w(De, [["render", we]]), Be = ["infinite-scroll-disab
638
644
  }
639
645
  },
640
646
  setup(e, { expose: o }) {
641
- const t = e, { search: c, id: a, name: s, extra: l } = t, r = g([]), _ = g(1), p = g(!1), P = g([]), L = g(!1), F = (v, i) => {
647
+ const t = e, { search: c, id: a, name: s, extra: i } = t, r = g([]), _ = g(1), p = g(!1), P = g([]), q = g(!1), F = (v, l) => {
642
648
  const { i: A } = v;
643
- return l && l !== "false" ? l(A) : "";
649
+ return i && i !== "false" ? i(A) : "";
644
650
  }, N = (v) => {
645
- P.value = v.map((i) => typeof i == "object" ? i[a] : i);
651
+ P.value = v.map((l) => typeof l == "object" ? l[a] : l);
646
652
  };
647
653
  ue(
648
654
  () => t.defaultSelection,
649
- (v = [], i = []) => {
655
+ (v = [], l = []) => {
650
656
  N(v);
651
657
  },
652
658
  { immediate: !0 }
@@ -655,47 +661,47 @@ const xe = /* @__PURE__ */ w(De, [["render", we]]), Be = ["infinite-scroll-disab
655
661
  x(), P.value = [];
656
662
  }, x = () => {
657
663
  _.value = 1, r.value = [], p.value = !1;
658
- }, q = async () => {
659
- if (L.value || p.value)
664
+ }, V = async () => {
665
+ if (q.value || p.value)
660
666
  return;
661
- L.value = !0;
667
+ q.value = !0;
662
668
  const v = await c(_.value);
663
- v && v.length > 0 ? (r.value = [...r.value, ...v], _.value += 1) : p.value = !0, L.value = !1;
669
+ v && v.length > 0 ? (r.value = [...r.value, ...v], _.value += 1) : p.value = !0, q.value = !1;
664
670
  }, U = () => {
665
- x(), q();
671
+ x(), V();
666
672
  }, E = j(
667
673
  () => r.value.filter((v) => P.value.includes(v[a]))
668
674
  ) || {};
669
675
  return o({
670
676
  reset: R,
671
677
  lowReset: x,
672
- loadList: q,
678
+ loadList: V,
673
679
  selectInfo: E,
674
680
  list: r,
675
681
  ifbottom: p,
676
682
  refreshList: U
677
- }), (v, i) => {
678
- const A = d("el-checkbox"), ee = d("el-checkbox-group"), M = G("infinite-scroll"), te = G("loading");
683
+ }), (v, l) => {
684
+ const A = m("el-checkbox"), ee = m("el-checkbox-group"), M = G("infinite-scroll"), te = G("loading");
679
685
  return t.checkbox ? C((n(), u(ee, b({
680
686
  key: 0,
681
687
  modelValue: P.value,
682
- "onUpdate:modelValue": i[0] || (i[0] = (z) => P.value = z)
688
+ "onUpdate:modelValue": l[0] || (l[0] = (z) => P.value = z)
683
689
  }, t), {
684
690
  default: f(() => [
685
691
  C((n(), S("ul", {
686
692
  class: "list",
687
693
  "infinite-scroll-disabled": p.value
688
694
  }, [
689
- (n(!0), S(I, null, $(r.value, (z) => (n(), S("li", {
690
- key: z[m(a)],
695
+ (n(!0), S(L, null, $(r.value, (z) => (n(), S("li", {
696
+ key: z[d(a)],
691
697
  class: "list-item"
692
698
  }, [
693
699
  T(A, {
694
- label: z[m(a)],
700
+ label: z[d(a)],
695
701
  class: "checkbox"
696
702
  }, {
697
703
  default: f(() => [
698
- V(D(z[m(s)]) + " ", 1),
704
+ I(D(z[d(s)]) + " ", 1),
699
705
  t.extra ? (n(), u(F, {
700
706
  key: 0,
701
707
  i: z
@@ -705,23 +711,23 @@ const xe = /* @__PURE__ */ w(De, [["render", we]]), Be = ["infinite-scroll-disab
705
711
  }, 1032, ["label"])
706
712
  ]))), 128))
707
713
  ], 8, Be)), [
708
- [M, q]
714
+ [M, V]
709
715
  ])
710
716
  ]),
711
717
  _: 1
712
718
  }, 16, ["modelValue"])), [
713
- [te, L.value]
719
+ [te, q.value]
714
720
  ]) : C((n(), S("ul", b({
715
721
  key: 1,
716
722
  class: "list",
717
723
  "infinite-scroll-disabled": p.value
718
724
  }, t), [
719
- (n(!0), S(I, null, $(r.value, (z) => (n(), S("li", {
720
- key: z[m(a)],
725
+ (n(!0), S(L, null, $(r.value, (z) => (n(), S("li", {
726
+ key: z[d(a)],
721
727
  class: "list-item"
722
728
  }, [
723
729
  H("div", Ue, [
724
- V(D(z[m(s)]) + " ", 1),
730
+ I(D(z[d(s)]) + " ", 1),
725
731
  t.extra ? (n(), u(F, {
726
732
  key: 0,
727
733
  i: z
@@ -729,7 +735,7 @@ const xe = /* @__PURE__ */ w(De, [["render", we]]), Be = ["infinite-scroll-disab
729
735
  ])
730
736
  ]))), 128))
731
737
  ], 16, Fe)), [
732
- [M, q]
738
+ [M, V]
733
739
  ]);
734
740
  };
735
741
  }
@@ -748,21 +754,21 @@ const Ne = /* @__PURE__ */ w(Ge, [["__scopeId", "data-v-fa74e9b9"]]), Re = { key
748
754
  },
749
755
  setup(e) {
750
756
  const o = e, t = (c, a) => {
751
- const { i: s, render: l, formData: r } = c;
752
- return l({
757
+ const { i: s, render: i, formData: r } = c;
758
+ return i({
753
759
  row: r,
754
760
  $index: s
755
761
  });
756
762
  };
757
763
  return (c, a) => {
758
- const s = d("el-descriptions-item"), l = d("el-descriptions");
759
- return n(), u(l, b({
764
+ const s = m("el-descriptions-item"), i = m("el-descriptions");
765
+ return n(), u(i, b({
760
766
  column: 1,
761
767
  border: "",
762
768
  class: "form-width"
763
769
  }, o), {
764
770
  default: f(() => [
765
- (n(!0), S(I, null, $(o.formItem, (r, _) => (n(), u(s, b({
771
+ (n(!0), S(L, null, $(o.formItem, (r, _) => (n(), u(s, b({
766
772
  key: r.prop,
767
773
  label: r.label
768
774
  }, r.descriptionsItemProps), {
@@ -1 +1 @@
1
- (function(f,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):(f=typeof globalThis<"u"?globalThis:f||self,e(f.Index={},f.Vue,f["vue-router"]))})(this,function(f,e,L){"use strict";const x={placeholder:"请输入",style:"width: 200px",clearable:!0},I={style:"width: 227px","start-placeholder":"开始日期","end-placeholder":"结束日期",type:"daterange"},$={placeholder:"请选择",filterable:!0,clearable:!0,style:"width: 200px"},N=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");return{queryParams:t,getList:n,size:o}},data(){return{inputSetting:{...x,...this.item.inputSetting}}},methods:{currentInputComponent(){return"input-archive"}}}),y=(t,n)=>{const o=t.__vccOpts||t;for(const[c,i]of n)o[c]=i;return o};function F(t,n,o,c,i,l){const a=e.resolveComponent("el-input");return e.openBlock(),e.createBlock(a,e.mergeProps({onKeydown:e.withKeys(t.getList,["enter"]),modelValue:t.queryParams[t.item.prop],"onUpdate:modelValue":n[0]||(n[0]=r=>t.queryParams[t.item.prop]=r),size:t.size},t.inputSetting),e.createSlots({_:2},[e.renderList(t.item.template,(r,m)=>({name:m,fn:e.withCtx(()=>[r?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:m,templateEle:r},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040,["onKeydown","modelValue","size"])}const V=y(N,[["render",F]]),E=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),c=e.inject("size"),i=e.ref({...x,...n.inputSetting});return(l,a)=>{const r=e.resolveComponent("el-input-number");return e.openBlock(),e.createBlock(r,e.mergeProps({modelValue:e.unref(o)[l.item.prop],"onUpdate:modelValue":a[0]||(a[0]=m=>e.unref(o)[l.item.prop]=m),size:e.unref(c)},i.value),null,16,["modelValue","size"])}}}),q=Symbol(),j={class:"input-graphic-verification"},U=["src"],T=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,{graphicSrc:o="",getGraphic:c=()=>{}}=n,{formLoading:i,updateFormLoading:l}=e.inject(q),a=async()=>{c&&!i.value&&await c()};return(r,m)=>{const p=e.resolveDirective("loading");return e.withDirectives((e.openBlock(),e.createElementBlock("div",j,[e.createVNode(V,{item:r.item,class:"input"},null,8,["item"]),e.createElementVNode("img",{class:"graphic",onClick:a,src:e.unref(o)},null,8,U)])),[[p,e.unref(i)]])}}}),_e="",G=y(T,[["__scopeId","data-v-500ec9b0"]]),g="获取验证码",R=60,O=e.defineComponent({__name:"verification-button",props:{getSmscode:{type:Function}},setup(t){const{getSmscode:n}=t,o=e.ref(g),c=e.ref(null),i=e.computed(()=>o.value===g),l=()=>{c&&(clearInterval(c.value),c.value=null,o.value=g)},a=async()=>{if(o.value===g)if(o.value=R,c.value=setInterval(()=>{if(Number(o.value)<=0||!o.value){l();return}else o.value=Number(o.value)-1},1e3),n)await n()===!1&&l();else return};return e.onBeforeUnmount(()=>{l()}),(r,m)=>{const p=e.resolveComponent("el-button");return e.openBlock(),e.createBlock(p,{class:"verifiaction-button",style:e.normalizeStyle({color:i.value?"var(--color-primary, #409EFF)":"var(--text-color-placeholder, #A8ABB2)",cursor:i.value?"pointer":"default"}),onClick:a},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.value?g:o.value+"s"),1)]),_:1},8,["style"])}}}),ke="",A=y(O,[["__scopeId","data-v-4074e137"]]),Q=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=n;return o.template={append:()=>e.h(A,{getSmscode:o.getSmscode})},(c,i)=>(e.openBlock(),e.createBlock(V,{item:e.unref(o),class:"input"},null,8,["item"]))}}),K=e.defineComponent({components:{slotArchive:t=>{const{templateEle:n}=t;return n()}},props:{item:null},setup(){},data(){return{dividerSetting:{...this.item.dividerSetting}}},methods:{currentInputComponent(){return"slot-archive"}}});function M(t,n,o,c,i,l){const a=e.resolveComponent("el-divider");return e.openBlock(),e.createBlock(a,e.normalizeProps(e.guardReactiveProps(t.dividerSetting)),e.createSlots({_:2},[e.renderList(t.item.template,(r,m)=>({name:m,fn:e.withCtx(()=>[r?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:m,templateEle:r},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040)}const J=y(K,[["render",M]]),W=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),c=e.inject("size"),i=e.ref({...n.radioGroupSetting});return(l,a)=>{const r=e.resolveComponent("el-radio"),m=e.resolveComponent("el-radio-group");return e.openBlock(),e.createBlock(m,e.mergeProps({modelValue:e.unref(o)[l.item.prop],"onUpdate:modelValue":a[0]||(a[0]=p=>e.unref(o)[l.item.prop]=p),size:e.unref(c)},i.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.item.option||[],p=>(e.openBlock(),e.createBlock(r,e.mergeProps({size:e.unref(c),key:p.label},p),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.value),1)]),_:2},1040,["size"]))),128))]),_:1},16,["modelValue","size"])}}}),H=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),c=e.inject("size"),i=e.ref({...n.checkboxGroupSetting});return(l,a)=>{const r=e.resolveComponent("el-checkbox"),m=e.resolveComponent("el-checkbox-group");return e.openBlock(),e.createBlock(m,e.mergeProps({modelValue:e.unref(o)[l.item.prop],"onUpdate:modelValue":a[0]||(a[0]=p=>e.unref(o)[l.item.prop]=p),size:e.unref(c)},i.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.item.option||[],p=>(e.openBlock(),e.createBlock(r,e.mergeProps({size:e.unref(c),key:p.label},p),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.value),1)]),_:2},1040,["size"]))),128))]),_:1},16,["modelValue","size"])}}}),X=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),c=e.inject("size"),i=e.ref({...I,...n.datePackerSetting});return(l,a)=>{const r=e.resolveComponent("el-date-picker");return e.openBlock(),e.createBlock(r,e.mergeProps({modelValue:e.unref(o)[l.item.prop],"onUpdate:modelValue":a[0]||(a[0]=m=>e.unref(o)[l.item.prop]=m),size:e.unref(c)},i.value),null,16,["modelValue","size"])}}}),Y=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),c=e.inject("size"),i=e.ref({...$,...n.selectSetting});return(l,a)=>{const r=e.resolveComponent("el-option"),m=e.resolveComponent("el-select");return e.openBlock(),e.createBlock(m,e.mergeProps({modelValue:e.unref(o)[l.item.prop],"onUpdate:modelValue":a[0]||(a[0]=p=>e.unref(o)[l.item.prop]=p),size:e.unref(c)},i.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.item.option||[],p=>(e.openBlock(),e.createBlock(r,{key:p.value,label:p.label,value:p.value},null,8,["label","value"]))),128))]),_:1},16,["modelValue","size"])}}}),Z=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),c=e.inject("size"),i=e.ref({...$,...n.selectSetting});return(l,a)=>{const r=e.resolveComponent("el-cascader");return e.openBlock(),e.createBlock(r,e.mergeProps({modelValue:e.unref(o)[l.item.prop],"onUpdate:modelValue":a[0]||(a[0]=m=>e.unref(o)[l.item.prop]=m),size:e.unref(c),options:l.item.options||[]},i.value),null,16,["modelValue","size","options"])}}}),v=e.defineComponent({name:"GeneralBasicForm",components:{Input:V,InputNumber:E,InputGraphicVerification:G,InputMobileVerification:Q,Divider:J,Radio:W,Checkbox:H,DatePicker:X,Select:Y,Cascader:Z},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:()=>{}}},data(){return{formLoading:this.loading||!1}},setup(t){const{size:n,noUrlParameters:o,getList:c}=t,i=L.useRoute(),l=e.ref({...o?{}:i==null?void 0:i.query});return e.provide("queryParams",l),e.provide("size",n),e.provide("getList",c),{queryParams:l}},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()}}});function ee(t,n,o,c,i,l){const a=e.resolveComponent("Input"),r=e.resolveComponent("Radio"),m=e.resolveComponent("Select"),p=e.resolveComponent("Divider"),k=e.resolveComponent("Cascader"),h=e.resolveComponent("Checkbox"),C=e.resolveComponent("DatePicker"),S=e.resolveComponent("InputNumber"),P=e.resolveComponent("InputMobileVerification"),B=e.resolveComponent("InputGraphicVerification"),u=e.resolveComponent("el-form-item"),b=e.resolveComponent("el-button"),z=e.resolveComponent("el-form"),d=e.resolveDirective("loading");return e.withDirectives((e.openBlock(),e.createBlock(z,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,s=>(e.openBlock(),e.createBlock(u,{label:s.label,prop:s.prop,key:s.prop,rules:s.rules},{default:e.withCtx(()=>[s.type==="input"?(e.openBlock(),e.createBlock(a,{key:0,item:s},null,8,["item"])):e.createCommentVNode("",!0),s.type==="radio"?(e.openBlock(),e.createBlock(r,{key:1,item:s},null,8,["item"])):e.createCommentVNode("",!0),s.type==="select"?(e.openBlock(),e.createBlock(m,{key:2,item:s},null,8,["item"])):e.createCommentVNode("",!0),s.type==="divider"?(e.openBlock(),e.createBlock(p,{key:3,item:s},null,8,["item"])):e.createCommentVNode("",!0),s.type==="cascader"?(e.openBlock(),e.createBlock(k,{key:4,item:s},null,8,["item"])):e.createCommentVNode("",!0),s.type==="checkbox"?(e.openBlock(),e.createBlock(h,{key:5,item:s},null,8,["item"])):e.createCommentVNode("",!0),s.type==="date-picker"?(e.openBlock(),e.createBlock(C,{key:6,item:s},null,8,["item"])):e.createCommentVNode("",!0),s.type==="input-number"?(e.openBlock(),e.createBlock(S,{key:7,item:s},null,8,["item"])):e.createCommentVNode("",!0),s.type==="form-item-slot"?e.renderSlot(t.$slots,s.name,{key:8}):e.createCommentVNode("",!0),s.type==="input-mobile-verification"?(e.openBlock(),e.createBlock(P,{key:9,item:s},null,8,["item"])):e.createCommentVNode("",!0),s.type==="input-graphic-verification"?(e.openBlock(),e.createBlock(B,{item:s,key:s.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(u,{key:0},{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createBlock(b,{type:"primary",size:t.size,onClick:t.handleQuery},{default:e.withCtx(()=>[e.createTextVNode("查询")]),_:1},8,["size","onClick"])),[[d,t.formLoading]]),e.createVNode(b,{size:t.size,onClick:t.resetQuery},{default:e.withCtx(()=>[e.createTextVNode("重置")]),_:1},8,["size","onClick"])]),_:1})),e.renderSlot(t.$slots,"behind-the-button")]),_:3},16,["model","label-width"])),[[e.vShow,t.showSearch]])}const te=y(v,[["render",ee]]),oe=["infinite-scroll-disabled"],ne=["infinite-scroll-disabled"],re={class:"checkbox"},le=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:c,id:i,name:l,extra:a}=o,r=e.ref([]),m=e.ref(1),p=e.ref(!1),k=e.ref([]),h=e.ref(!1),C=(d,s)=>{const{i:w}=d;return a&&a!=="false"?a(w):""},S=d=>{k.value=d.map(s=>typeof s=="object"?s[i]:s)};e.watch(()=>o.defaultSelection,(d=[],s=[])=>{S(d)},{immediate:!0});const P=()=>{B(),k.value=[]},B=()=>{m.value=1,r.value=[],p.value=!1},u=async()=>{if(h.value||p.value)return;h.value=!0;const d=await c(m.value);d&&d.length>0?(r.value=[...r.value,...d],m.value+=1):p.value=!0,h.value=!1},b=()=>{B(),u()},z=e.computed(()=>r.value.filter(d=>k.value.includes(d[i])))||{};return n({reset:P,lowReset:B,loadList:u,selectInfo:z,list:r,ifbottom:p,refreshList:b}),(d,s)=>{const w=e.resolveComponent("el-checkbox"),de=e.resolveComponent("el-checkbox-group"),D=e.resolveDirective("infinite-scroll"),fe=e.resolveDirective("loading");return o.checkbox?e.withDirectives((e.openBlock(),e.createBlock(de,e.mergeProps({key:0,modelValue:k.value,"onUpdate:modelValue":s[0]||(s[0]=_=>k.value=_)},o),{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createElementBlock("ul",{class:"list","infinite-scroll-disabled":p.value},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,_=>(e.openBlock(),e.createElementBlock("li",{key:_[e.unref(i)],class:"list-item"},[e.createVNode(w,{label:_[e.unref(i)],class:"checkbox"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(_[e.unref(l)])+" ",1),o.extra?(e.openBlock(),e.createBlock(C,{key:0,i:_},null,8,["i"])):e.createCommentVNode("",!0)]),_:2},1032,["label"])]))),128))],8,oe)),[[D,u]])]),_:1},16,["modelValue"])),[[fe,h.value]]):e.withDirectives((e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:1,class:"list","infinite-scroll-disabled":p.value},o),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,_=>(e.openBlock(),e.createElementBlock("li",{key:_[e.unref(i)],class:"list-item"},[e.createElementVNode("div",re,[e.createTextVNode(e.toDisplayString(_[e.unref(l)])+" ",1),o.extra?(e.openBlock(),e.createBlock(C,{key:0,i:_},null,8,["i"])):e.createCommentVNode("",!0)])]))),128))],16,ne)),[[D,u]])}}}),ue="",ie=y(le,[["__scopeId","data-v-fa74e9b9"]]),se={key:1},ae=e.defineComponent({__name:"Descriptions",props:{formData:{type:Object,required:!0},formItem:{type:Array,required:!0}},setup(t){const n=t,o=(c,i)=>{const{i:l,render:a,formData:r}=c;return a({row:r,$index:l})};return(c,i)=>{const l=e.resolveComponent("el-descriptions-item"),a=e.resolveComponent("el-descriptions");return e.openBlock(),e.createBlock(a,e.mergeProps({column:1,border:"",class:"form-width"},n),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.formItem,(r,m)=>(e.openBlock(),e.createBlock(l,e.mergeProps({key:r.prop,label:r.label},r.descriptionsItemProps),{default:e.withCtx(()=>[r.render?(e.openBlock(),e.createBlock(o,{key:0,i:m,render:r.render,formData:t.formData},null,8,["i","render","formData"])):(e.openBlock(),e.createElementBlock("span",se,e.toDisplayString(t.formData[r.prop]),1))]),_:2},1040,["label"]))),128))]),_:1},16)}}}),ce=te,pe=ie,me=ae;f.VDescriptions=me,f.VGeneralBasicForm=ce,f.VInfiniteScrollList=pe,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})});
1
+ (function(f,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):(f=typeof globalThis<"u"?globalThis:f||self,e(f.Index={},f.Vue,f["vue-router"]))})(this,function(f,e,L){"use strict";const x={placeholder:"请输入",style:"width: 200px",clearable:!0},I={style:"width: 227px","start-placeholder":"开始日期","end-placeholder":"结束日期",type:"daterange"},$={placeholder:"请选择",filterable:!0,clearable:!0,style:"width: 200px"},N=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");return{queryParams:t,getList:n,size:o}},data(){return{inputSetting:{...x,...this.item.inputSetting}}},methods:{currentInputComponent(){return"input-archive"}}}),h=(t,n)=>{const o=t.__vccOpts||t;for(const[c,i]of n)o[c]=i;return o};function F(t,n,o,c,i,l){const s=e.resolveComponent("el-input");return e.openBlock(),e.createBlock(s,e.mergeProps({onKeydown:e.withKeys(t.getList,["enter"]),modelValue:t.queryParams[t.item.prop],"onUpdate:modelValue":n[0]||(n[0]=r=>t.queryParams[t.item.prop]=r),size:t.size},t.inputSetting),e.createSlots({_:2},[e.renderList(t.item.template,(r,m)=>({name:m,fn:e.withCtx(()=>[r?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:m,templateEle:r},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040,["onKeydown","modelValue","size"])}const V=h(N,[["render",F]]),E=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),c=e.inject("size"),i=e.ref({...x,...n.inputSetting});return(l,s)=>{const r=e.resolveComponent("el-input-number");return e.openBlock(),e.createBlock(r,e.mergeProps({modelValue:e.unref(o)[l.item.prop],"onUpdate:modelValue":s[0]||(s[0]=m=>e.unref(o)[l.item.prop]=m),size:e.unref(c)},i.value),null,16,["modelValue","size"])}}}),q=Symbol(),j={class:"input-graphic-verification"},U=["src","alt"],T=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,{graphicSrc:o="",graphicAlt:c="",getGraphic:i=()=>{},key:l}=n,{formLoading:s,updateFormLoading:r}=e.inject(q),m=async()=>{i&&!s.value&&await i()};return(p,k)=>{const u=e.resolveDirective("loading");return e.withDirectives((e.openBlock(),e.createElementBlock("div",j,[e.createVNode(V,{item:p.item,class:"input"},null,8,["item"]),e.createElementVNode("img",{class:"graphic",onClick:m,src:e.unref(o),alt:e.unref(c)||`${e.unref(l)}`},null,8,U)])),[[u,e.unref(s)]])}}}),_e="",G=h(T,[["__scopeId","data-v-006751c3"]]),g="获取验证码",R=60,A=e.defineComponent({__name:"verification-button",props:{getSmscode:{type:Function}},setup(t){const{getSmscode:n}=t,o=e.ref(g),c=e.ref(null),i=e.computed(()=>o.value===g),l=()=>{c&&(clearInterval(c.value),c.value=null,o.value=g)},s=async()=>{if(o.value===g)if(o.value=R,c.value=setInterval(()=>{if(Number(o.value)<=0||!o.value){l();return}else o.value=Number(o.value)-1},1e3),n)await n()===!1&&l();else return};return e.onBeforeUnmount(()=>{l()}),(r,m)=>{const p=e.resolveComponent("el-button");return e.openBlock(),e.createBlock(p,{class:"verifiaction-button",style:e.normalizeStyle({color:i.value?"var(--color-primary, #409EFF)":"var(--text-color-placeholder, #A8ABB2)",cursor:i.value?"pointer":"default"}),onClick:s},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.value?g:o.value+"s"),1)]),_:1},8,["style"])}}}),ke="",O=h(A,[["__scopeId","data-v-4074e137"]]),Q=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=n;return o.template={append:()=>e.h(O,{getSmscode:o.getSmscode})},(c,i)=>(e.openBlock(),e.createBlock(V,{item:e.unref(o),class:"input"},null,8,["item"]))}}),K=e.defineComponent({components:{slotArchive:t=>{const{templateEle:n}=t;return n()}},props:{item:null},setup(){},data(){return{dividerSetting:{...this.item.dividerSetting}}},methods:{currentInputComponent(){return"slot-archive"}}});function M(t,n,o,c,i,l){const s=e.resolveComponent("el-divider");return e.openBlock(),e.createBlock(s,e.normalizeProps(e.guardReactiveProps(t.dividerSetting)),e.createSlots({_:2},[e.renderList(t.item.template,(r,m)=>({name:m,fn:e.withCtx(()=>[r?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:m,templateEle:r},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040)}const J=h(K,[["render",M]]),W=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),c=e.inject("size"),i=e.ref({...n.radioGroupSetting});return(l,s)=>{const r=e.resolveComponent("el-radio"),m=e.resolveComponent("el-radio-group");return e.openBlock(),e.createBlock(m,e.mergeProps({modelValue:e.unref(o)[l.item.prop],"onUpdate:modelValue":s[0]||(s[0]=p=>e.unref(o)[l.item.prop]=p),size:e.unref(c)},i.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.item.option||[],p=>(e.openBlock(),e.createBlock(r,e.mergeProps({size:e.unref(c),key:p.label},p),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.value),1)]),_:2},1040,["size"]))),128))]),_:1},16,["modelValue","size"])}}}),H=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),c=e.inject("size"),i=e.ref({...n.checkboxGroupSetting});return(l,s)=>{const r=e.resolveComponent("el-checkbox"),m=e.resolveComponent("el-checkbox-group");return e.openBlock(),e.createBlock(m,e.mergeProps({modelValue:e.unref(o)[l.item.prop],"onUpdate:modelValue":s[0]||(s[0]=p=>e.unref(o)[l.item.prop]=p),size:e.unref(c)},i.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.item.option||[],p=>(e.openBlock(),e.createBlock(r,e.mergeProps({size:e.unref(c),key:p.label},p),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.value),1)]),_:2},1040,["size"]))),128))]),_:1},16,["modelValue","size"])}}}),X=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),c=e.inject("size"),i=e.ref({...I,...n.datePackerSetting});return(l,s)=>{const r=e.resolveComponent("el-date-picker");return e.openBlock(),e.createBlock(r,e.mergeProps({modelValue:e.unref(o)[l.item.prop],"onUpdate:modelValue":s[0]||(s[0]=m=>e.unref(o)[l.item.prop]=m),size:e.unref(c)},i.value),null,16,["modelValue","size"])}}}),Y=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),c=e.inject("size"),i=e.ref({...$,...n.selectSetting});return(l,s)=>{const r=e.resolveComponent("el-option"),m=e.resolveComponent("el-select");return e.openBlock(),e.createBlock(m,e.mergeProps({modelValue:e.unref(o)[l.item.prop],"onUpdate:modelValue":s[0]||(s[0]=p=>e.unref(o)[l.item.prop]=p),size:e.unref(c)},i.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.item.option||[],p=>(e.openBlock(),e.createBlock(r,{key:p.value,label:p.label,value:p.value},null,8,["label","value"]))),128))]),_:1},16,["modelValue","size"])}}}),Z=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),c=e.inject("size"),i=e.ref({...$,...n.selectSetting});return(l,s)=>{const r=e.resolveComponent("el-cascader");return e.openBlock(),e.createBlock(r,e.mergeProps({modelValue:e.unref(o)[l.item.prop],"onUpdate:modelValue":s[0]||(s[0]=m=>e.unref(o)[l.item.prop]=m),size:e.unref(c),options:l.item.options||[]},i.value),null,16,["modelValue","size","options"])}}}),v=e.defineComponent({name:"GeneralBasicForm",components:{Input:V,InputNumber:E,InputGraphicVerification:G,InputMobileVerification:Q,Divider:J,Radio:W,Checkbox:H,DatePicker:X,Select:Y,Cascader:Z},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:()=>{}}},data(){return{formLoading:this.loading||!1}},setup(t){const{size:n,noUrlParameters:o,getList:c}=t,i=L.useRoute(),l=e.ref({...o?{}:i==null?void 0:i.query});return e.provide("queryParams",l),e.provide("size",n),e.provide("getList",c),{queryParams:l}},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()}}});function ee(t,n,o,c,i,l){const s=e.resolveComponent("Input"),r=e.resolveComponent("Radio"),m=e.resolveComponent("Select"),p=e.resolveComponent("Divider"),k=e.resolveComponent("Cascader"),u=e.resolveComponent("Checkbox"),C=e.resolveComponent("DatePicker"),S=e.resolveComponent("InputNumber"),P=e.resolveComponent("InputMobileVerification"),B=e.resolveComponent("InputGraphicVerification"),y=e.resolveComponent("el-form-item"),b=e.resolveComponent("el-button"),z=e.resolveComponent("el-form"),d=e.resolveDirective("loading");return e.withDirectives((e.openBlock(),e.createBlock(z,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,a=>(e.openBlock(),e.createBlock(y,{label:a.label,prop:a.prop,key:a.prop,rules:a.rules},{default:e.withCtx(()=>[a.type==="input"?(e.openBlock(),e.createBlock(s,{key:0,item:a},null,8,["item"])):e.createCommentVNode("",!0),a.type==="radio"?(e.openBlock(),e.createBlock(r,{key:1,item:a},null,8,["item"])):e.createCommentVNode("",!0),a.type==="select"?(e.openBlock(),e.createBlock(m,{key:2,item:a},null,8,["item"])):e.createCommentVNode("",!0),a.type==="divider"?(e.openBlock(),e.createBlock(p,{key:3,item:a},null,8,["item"])):e.createCommentVNode("",!0),a.type==="cascader"?(e.openBlock(),e.createBlock(k,{key:4,item:a},null,8,["item"])):e.createCommentVNode("",!0),a.type==="checkbox"?(e.openBlock(),e.createBlock(u,{key:5,item:a},null,8,["item"])):e.createCommentVNode("",!0),a.type==="date-picker"?(e.openBlock(),e.createBlock(C,{key:6,item:a},null,8,["item"])):e.createCommentVNode("",!0),a.type==="input-number"?(e.openBlock(),e.createBlock(S,{key:7,item:a},null,8,["item"])):e.createCommentVNode("",!0),a.type==="form-item-slot"?e.renderSlot(t.$slots,a.name,{key:8}):e.createCommentVNode("",!0),a.type==="input-mobile-verification"?(e.openBlock(),e.createBlock(P,{key:9,item:a},null,8,["item"])):e.createCommentVNode("",!0),a.type==="input-graphic-verification"?(e.openBlock(),e.createBlock(B,{item:a,key:a.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(y,{key:0},{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createBlock(b,{type:"primary",size:t.size,onClick:t.handleQuery},{default:e.withCtx(()=>[e.createTextVNode("查询")]),_:1},8,["size","onClick"])),[[d,t.formLoading]]),e.createVNode(b,{size:t.size,onClick:t.resetQuery},{default:e.withCtx(()=>[e.createTextVNode("重置")]),_:1},8,["size","onClick"])]),_:1})),e.renderSlot(t.$slots,"behind-the-button")]),_:3},16,["model","label-width"])),[[e.vShow,t.showSearch]])}const te=h(v,[["render",ee]]),oe=["infinite-scroll-disabled"],ne=["infinite-scroll-disabled"],re={class:"checkbox"},le=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:c,id:i,name:l,extra:s}=o,r=e.ref([]),m=e.ref(1),p=e.ref(!1),k=e.ref([]),u=e.ref(!1),C=(d,a)=>{const{i:w}=d;return s&&s!=="false"?s(w):""},S=d=>{k.value=d.map(a=>typeof a=="object"?a[i]:a)};e.watch(()=>o.defaultSelection,(d=[],a=[])=>{S(d)},{immediate:!0});const P=()=>{B(),k.value=[]},B=()=>{m.value=1,r.value=[],p.value=!1},y=async()=>{if(u.value||p.value)return;u.value=!0;const d=await c(m.value);d&&d.length>0?(r.value=[...r.value,...d],m.value+=1):p.value=!0,u.value=!1},b=()=>{B(),y()},z=e.computed(()=>r.value.filter(d=>k.value.includes(d[i])))||{};return n({reset:P,lowReset:B,loadList:y,selectInfo:z,list:r,ifbottom:p,refreshList:b}),(d,a)=>{const w=e.resolveComponent("el-checkbox"),de=e.resolveComponent("el-checkbox-group"),D=e.resolveDirective("infinite-scroll"),fe=e.resolveDirective("loading");return o.checkbox?e.withDirectives((e.openBlock(),e.createBlock(de,e.mergeProps({key:0,modelValue:k.value,"onUpdate:modelValue":a[0]||(a[0]=_=>k.value=_)},o),{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createElementBlock("ul",{class:"list","infinite-scroll-disabled":p.value},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,_=>(e.openBlock(),e.createElementBlock("li",{key:_[e.unref(i)],class:"list-item"},[e.createVNode(w,{label:_[e.unref(i)],class:"checkbox"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(_[e.unref(l)])+" ",1),o.extra?(e.openBlock(),e.createBlock(C,{key:0,i:_},null,8,["i"])):e.createCommentVNode("",!0)]),_:2},1032,["label"])]))),128))],8,oe)),[[D,y]])]),_:1},16,["modelValue"])),[[fe,u.value]]):e.withDirectives((e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:1,class:"list","infinite-scroll-disabled":p.value},o),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,_=>(e.openBlock(),e.createElementBlock("li",{key:_[e.unref(i)],class:"list-item"},[e.createElementVNode("div",re,[e.createTextVNode(e.toDisplayString(_[e.unref(l)])+" ",1),o.extra?(e.openBlock(),e.createBlock(C,{key:0,i:_},null,8,["i"])):e.createCommentVNode("",!0)])]))),128))],16,ne)),[[D,y]])}}}),ue="",ie=h(le,[["__scopeId","data-v-fa74e9b9"]]),se={key:1},ae=e.defineComponent({__name:"Descriptions",props:{formData:{type:Object,required:!0},formItem:{type:Array,required:!0}},setup(t){const n=t,o=(c,i)=>{const{i:l,render:s,formData:r}=c;return s({row:r,$index:l})};return(c,i)=>{const l=e.resolveComponent("el-descriptions-item"),s=e.resolveComponent("el-descriptions");return e.openBlock(),e.createBlock(s,e.mergeProps({column:1,border:"",class:"form-width"},n),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.formItem,(r,m)=>(e.openBlock(),e.createBlock(l,e.mergeProps({key:r.prop,label:r.label},r.descriptionsItemProps),{default:e.withCtx(()=>[r.render?(e.openBlock(),e.createBlock(o,{key:0,i:m,render:r.render,formData:t.formData},null,8,["i","render","formData"])):(e.openBlock(),e.createElementBlock("span",se,e.toDisplayString(t.formData[r.prop]),1))]),_:2},1040,["label"]))),128))]),_:1},16)}}}),ce=te,pe=ie,me=ae;f.VDescriptions=me,f.VGeneralBasicForm=ce,f.VInfiniteScrollList=pe,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})});
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .input-graphic-verification[data-v-500ec9b0]{display:flex;gap:12px;width:100%}.input-graphic-verification .input[data-v-500ec9b0]{flex:auto}.input-graphic-verification .graphic[data-v-500ec9b0]{width:109px;height:43px;object-fit:fill;flex:none}.verifiaction-button[data-v-4074e137]{width:109px}.list[data-v-fa74e9b9]{height:272px;overflow:auto;padding:8px 0}.list .checkbox[data-v-fa74e9b9]{width:calc(100% - 32px);padding:0 16px}
1
+ .input-graphic-verification[data-v-006751c3]{display:flex;gap:12px;width:100%}.input-graphic-verification .input[data-v-006751c3]{flex:auto}.input-graphic-verification .graphic[data-v-006751c3]{width:109px;height:43px;object-fit:fill;flex:none}.verifiaction-button[data-v-4074e137]{width:109px}.list[data-v-fa74e9b9]{height:272px;overflow:auto;padding:8px 0}.list .checkbox[data-v-fa74e9b9]{width:calc(100% - 32px);padding:0 16px}
package/package.json CHANGED
@@ -1,61 +1,61 @@
1
- {
2
- "name": "general-basic-form",
3
- "version": "2.0.37",
4
- "description": "",
5
- "main": "./dist/index.umd.cjs",
6
- "type": "module",
7
- "scripts": {
8
- "build": "cross-env CURRENT_ENV=prod run-p type-check build-only",
9
- "test:e2e": "playwright test",
10
- "build-only": "vite build",
11
- "type-check": "tsc --noEmit -p tsconfig.json --composite false",
12
- "link": "tsx script/link.ts && yarn link",
13
- "unlink": "tsx script/unlink.ts && yarn unlink && run-p build",
14
- "unlinkSetting": "tsx script/unlink.ts"
15
- },
16
- "keywords": [
17
- "general-basic-form",
18
- "form",
19
- "vue",
20
- "vue2",
21
- "vue3",
22
- "element-plus"
23
- ],
24
- "author": "chendeli419287484@qq.com",
25
- "license": "ISC",
26
- "repository": {
27
- "type": "git",
28
- "url": "git+https://github.com/Alan1034/GeneralBasicForm.git"
29
- },
30
- "devDependencies": {
31
- "@playwright/test": "^1.36.1",
32
- "@types/node": "^20.8.10",
33
- "@vitejs/plugin-legacy": "^4.1.1",
34
- "@vitejs/plugin-vue": "^4.2.3",
35
- "@vitejs/plugin-vue-jsx": "^3.0.1",
36
- "chalk": "^2.4.2",
37
- "cross-env": "^7.0.3",
38
- "less": "^4.2.0",
39
- "npm-run-all": "^4.1.5",
40
- "tsx": "^4.0.0",
41
- "typescript": "^5.2.2",
42
- "vite-plugin-image-optimizer": "^1.1.6"
43
- },
44
- "peerDependencies": {
45
- "element-plus": ">=2.4.2",
46
- "vue": ">=3.3.4",
47
- "vue-router": ">=4.2.4"
48
- },
49
- "typings": "./dist/index.d.ts",
50
- "module": "./dist/index.js",
51
- "exports": {
52
- ".": {
53
- "import": "./dist/index.js",
54
- "require": "./dist/index.umd.cjs"
55
- },
56
- "./style": "./dist/style.css"
57
- },
58
- "files": [
59
- "/dist"
60
- ]
61
- }
1
+ {
2
+ "name": "general-basic-form",
3
+ "version": "2.0.38",
4
+ "description": "",
5
+ "main": "./dist/index.umd.cjs",
6
+ "type": "module",
7
+ "scripts": {
8
+ "build": "cross-env CURRENT_ENV=prod run-p type-check build-only",
9
+ "test:e2e": "playwright test",
10
+ "build-only": "vite build",
11
+ "type-check": "tsc --noEmit -p tsconfig.json --composite false",
12
+ "link": "tsx script/link.ts && yarn link",
13
+ "unlink": "tsx script/unlink.ts && yarn unlink && run-p build",
14
+ "unlinkSetting": "tsx script/unlink.ts"
15
+ },
16
+ "keywords": [
17
+ "general-basic-form",
18
+ "form",
19
+ "vue",
20
+ "vue2",
21
+ "vue3",
22
+ "element-plus"
23
+ ],
24
+ "author": "chendeli419287484@qq.com",
25
+ "license": "ISC",
26
+ "repository": {
27
+ "type": "git",
28
+ "url": "git+https://github.com/Alan1034/GeneralBasicForm.git"
29
+ },
30
+ "devDependencies": {
31
+ "@playwright/test": "^1.36.1",
32
+ "@types/node": "^20.8.10",
33
+ "@vitejs/plugin-legacy": "^4.1.1",
34
+ "@vitejs/plugin-vue": "^4.2.3",
35
+ "@vitejs/plugin-vue-jsx": "^3.0.1",
36
+ "chalk": "^2.4.2",
37
+ "cross-env": "^7.0.3",
38
+ "less": "^4.2.0",
39
+ "npm-run-all": "^4.1.5",
40
+ "tsx": "^4.0.0",
41
+ "typescript": "^5.2.2",
42
+ "vite-plugin-image-optimizer": "^1.1.6"
43
+ },
44
+ "peerDependencies": {
45
+ "element-plus": ">=2.4.2",
46
+ "vue": ">=3.3.4",
47
+ "vue-router": ">=4.2.4"
48
+ },
49
+ "typings": "./dist/index.d.ts",
50
+ "module": "./dist/index.js",
51
+ "exports": {
52
+ ".": {
53
+ "import": "./dist/index.js",
54
+ "require": "./dist/index.umd.cjs"
55
+ },
56
+ "./style": "./dist/style.css"
57
+ },
58
+ "files": [
59
+ "/dist"
60
+ ]
61
+ }