general-basic-form 2.0.43 → 2.0.45

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
@@ -2,6 +2,13 @@
2
2
 
3
3
  ## 一个兼容 Vue2 、Vue3 和 React(未来实现) 的表单组件,支持typescript,vue2请使用@1版本,Vue3请使用@2版本
4
4
 
5
+ | 组件\兼容性 | vue2 | vue3 |
6
+ | ------------------- | ---- | ---- |
7
+ | VGeneralBasicForm | √ | √ |
8
+ | VSearchBox | √ | |
9
+ | VInfiniteScrollList | | √ |
10
+ | VDescriptions | | √ |
11
+
5
12
  示例:
6
13
 
7
14
  因为兼容性问题,目前只能使用完整引入
@@ -132,7 +139,7 @@ getList会传出默认的参数,首次请求时会有页数和分页大小,重
132
139
  label: '',
133
140
  prop: 'bsName35',
134
141
  type: 'divider',
135
- dividerSetting: {
142
+ setting: {
136
143
  },
137
144
  template: {
138
145
  default: () => {
@@ -143,7 +150,7 @@ getList会传出默认的参数,首次请求时会有页数和分页大小,重
143
150
  { label: "款式名称",
144
151
  prop: "bsName",
145
152
  type: "input",
146
- inputSetting: {
153
+ setting: {
147
154
  placeholder: '请输入手机验证码',
148
155
  style: 'width: 100%'
149
156
  },
@@ -166,8 +173,7 @@ getList会传出默认的参数,首次请求时会有页数和分页大小,重
166
173
  label: "二次工艺",
167
174
  prop: "spName",
168
175
  type: "select",
169
- multiple:true, //多选
170
- selectSetting:{},
176
+ setting:{ multiple:true, //多选},
171
177
  option: [
172
178
  { value: "3", label: "满印" },
173
179
  { value: "1", label: "区域印花" },
@@ -178,7 +184,7 @@ getList会传出默认的参数,首次请求时会有页数和分页大小,重
178
184
  label: "创建时间",
179
185
  prop: "create_time",
180
186
  type: "date-picker",
181
- datePackerSetting: {
187
+ setting: {
182
188
  "range-separator": "至",
183
189
  }
184
190
  },
@@ -200,7 +206,7 @@ getList会传出默认的参数,首次请求时会有页数和分页大小,重
200
206
  label: '',
201
207
  prop: 'bsName2',
202
208
  type: 'input-graphic-verification',
203
- inputSetting: {
209
+ setting: {
204
210
  placeholder: '请输入图形验证码',
205
211
  style: 'width: 100%'
206
212
  },
@@ -218,7 +224,7 @@ getList会传出默认的参数,首次请求时会有页数和分页大小,重
218
224
  label: '',
219
225
  prop: 'bsName3',
220
226
  type: 'input-mobile-verification',
221
- inputSetting: {
227
+ setting: {
222
228
  placeholder: '请输入手机验证码',
223
229
  style: 'width: 100%'
224
230
  },
@@ -234,7 +240,7 @@ getList会传出默认的参数,首次请求时会有页数和分页大小,重
234
240
  label: '是否必填',
235
241
  prop: 'is_optional',
236
242
  type: 'radio',
237
- radioGroupSetting: {
243
+ setting: {
238
244
  disabled: true
239
245
  },
240
246
  option: [
@@ -253,7 +259,7 @@ getList会传出默认的参数,首次请求时会有页数和分页大小,重
253
259
  label: '多选',
254
260
  prop: 'is_multi',
255
261
  type: 'checkbox',
256
- checkboxGroupSetting: {
262
+ setting: {
257
263
  },
258
264
  option: [
259
265
  { value: '是', label: 'true' },
@@ -280,7 +286,7 @@ getList会传出默认的参数,首次请求时会有页数和分页大小,重
280
286
  label: "分类",
281
287
  prop: "分类",
282
288
  type: "cascader",
283
- selectSetting:{},
289
+ setting:{},
284
290
  options: [
285
291
  {
286
292
  value: "zhinan",
@@ -448,7 +454,7 @@ getList会传出默认的参数,首次请求时会有页数和分页大小,重
448
454
 
449
455
 
450
456
 
451
- ## 对虚拟滚动列表+接口的封装
457
+ # VInfiniteScrollList对虚拟滚动列表+接口的封装
452
458
 
453
459
 
454
460
 
@@ -494,7 +500,7 @@ defaultSelection:包含数据key值的对象数组或者直接传入key值数
494
500
  InfiniteScrollListRef?.value?.ifbottom:是否到底部
495
501
  ```
496
502
 
497
- ## 对展示描述列表的封装
503
+ # VDescriptions对展示描述列表的封装
498
504
 
499
505
  ![image-20231208182455415](https://raw.githubusercontent.com/Alan1034/PicturesServer/main/PicGo_imgs/202312081824708.png)
500
506
 
package/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { defineComponent as k, inject as h, resolveComponent as d, openBlock as o, createBlock as c, 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 U, 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 le, Fragment as L, provide as O, renderSlot as Q, vShow as ie, watch as ue } from "vue";
1
+ import { defineComponent as b, inject as y, resolveComponent as m, openBlock as n, createBlock as u, mergeProps as h, withKeys as ne, createSlots as J, renderList as P, withCtx as f, resolveDynamicComponent as W, createCommentVNode as _, ref as v, unref as p, resolveDirective as U, withDirectives as C, createElementBlock as k, 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 ie, guardReactiveProps as ae, Fragment as I, 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: "请输入",
@@ -14,11 +14,11 @@ const X = {
14
14
  filterable: !0,
15
15
  clearable: !0,
16
16
  style: "width: 200px"
17
- }, me = k({
17
+ }, me = b({
18
18
  components: {
19
19
  InputArchive: (e) => {
20
- const { templateEle: n } = e;
21
- return n();
20
+ const { templateEle: t } = e;
21
+ return t();
22
22
  }
23
23
  },
24
24
  props: {
@@ -26,14 +26,15 @@ const X = {
26
26
  // null就是any
27
27
  },
28
28
  setup() {
29
- const e = h("queryParams", {}), n = h("getList"), t = h("size");
30
- return { queryParams: e, getList: n, size: t };
29
+ const e = y("queryParams", {}), t = y("getList"), o = y("size");
30
+ return { queryParams: e, getList: t, size: o };
31
31
  },
32
32
  data() {
33
33
  return {
34
34
  inputSetting: {
35
35
  ...X,
36
- ...this.item.inputSetting
36
+ ...this.item.inputSetting,
37
+ ...this.item.setting
37
38
  }
38
39
  };
39
40
  },
@@ -54,146 +55,147 @@ const X = {
54
55
  // console.log(val);
55
56
  // },
56
57
  // },
57
- }), w = (e, n) => {
58
- const t = e.__vccOpts || e;
59
- for (const [a, l] of n)
60
- t[a] = l;
61
- return t;
58
+ }), w = (e, t) => {
59
+ const o = e.__vccOpts || e;
60
+ for (const [a, r] of t)
61
+ o[a] = r;
62
+ return o;
62
63
  };
63
- function de(e, n, t, a, l, s) {
64
- const i = d("el-input");
65
- return o(), c(i, b({
64
+ function de(e, t, o, a, r, l) {
65
+ const d = m("el-input");
66
+ return n(), u(d, h({
66
67
  onKeydown: ne(e.getList, ["enter"]),
67
68
  modelValue: e.queryParams[e.item.prop],
68
- "onUpdate:modelValue": n[0] || (n[0] = (r) => e.queryParams[e.item.prop] = r),
69
+ "onUpdate:modelValue": t[0] || (t[0] = (s) => e.queryParams[e.item.prop] = s),
69
70
  size: e.size
70
71
  }, e.inputSetting), J({ _: 2 }, [
71
- $(e.item.template, (r, _) => ({
72
- name: _,
72
+ P(e.item.template, (s, c) => ({
73
+ name: c,
73
74
  fn: f(() => [
74
- r ? (o(), c(W(e.currentInputComponent()), {
75
- key: _,
76
- templateEle: r
77
- }, null, 8, ["templateEle"])) : y("", !0)
75
+ s ? (n(), u(W(e.currentInputComponent()), {
76
+ key: c,
77
+ templateEle: s
78
+ }, null, 8, ["templateEle"])) : _("", !0)
78
79
  ])
79
80
  }))
80
81
  ]), 1040, ["onKeydown", "modelValue", "size"]);
81
82
  }
82
- const K = /* @__PURE__ */ w(me, [["render", de]]), _e = /* @__PURE__ */ k({
83
+ const K = /* @__PURE__ */ w(me, [["render", de]]), fe = /* @__PURE__ */ b({
83
84
  __name: "index",
84
85
  props: {
85
86
  item: {}
86
87
  },
87
88
  setup(e) {
88
- const { item: n } = e, t = h("queryParams", {}), a = h("size"), l = g({
89
+ const t = y("queryParams", {}), o = y("size"), a = v({
89
90
  ...X,
90
- ...n.inputSetting
91
+ ...e.item.inputSetting,
92
+ ...e.item.setting
91
93
  });
92
- return (s, i) => {
93
- const r = d("el-input-number");
94
- return o(), c(r, b({
95
- modelValue: m(t)[s.item.prop],
96
- "onUpdate:modelValue": i[0] || (i[0] = (_) => m(t)[s.item.prop] = _),
97
- size: m(a)
98
- }, l.value), null, 16, ["modelValue", "size"]);
94
+ return (r, l) => {
95
+ const d = m("el-input-number");
96
+ return n(), u(d, h({
97
+ modelValue: p(t)[r.item.prop],
98
+ "onUpdate:modelValue": l[0] || (l[0] = (s) => p(t)[r.item.prop] = s),
99
+ size: p(o)
100
+ }, a.value), null, 16, ["modelValue", "size"]);
99
101
  };
100
102
  }
101
- }), Z = Symbol(), fe = { class: "input-graphic-verification" }, ye = ["src", "alt"], he = /* @__PURE__ */ k({
103
+ }), Z = Symbol(), _e = { class: "input-graphic-verification" }, ye = ["src", "alt"], he = /* @__PURE__ */ b({
102
104
  __name: "index",
103
105
  props: {
104
106
  item: {}
105
107
  },
106
108
  setup(e) {
107
- const { item: n } = e, {
109
+ const {
108
110
  graphicSrc: t = "",
109
- graphicAlt: a = "",
110
- getGraphic: l = () => {
111
+ graphicAlt: o = "",
112
+ getGraphic: a = () => {
111
113
  },
112
- key: s
113
- } = n, { formLoading: i, updateFormLoading: r } = h(Z), _ = async () => {
114
- l && !i.value && await l();
114
+ key: r
115
+ } = e.item, { formLoading: l, updateFormLoading: d } = y(Z), s = async () => {
116
+ a && !l.value && await a();
115
117
  };
116
- return (p, P) => {
117
- const q = U("loading");
118
- return C((o(), S("div", fe, [
118
+ return (c, z) => {
119
+ const $ = U("loading");
120
+ return C((n(), k("div", _e, [
119
121
  T(K, {
120
- item: p.item,
122
+ item: c.item,
121
123
  class: "input"
122
124
  }, null, 8, ["item"]),
123
125
  H("img", {
124
126
  class: "graphic",
125
- onClick: _,
126
- src: m(t),
127
- alt: m(a) || `${m(s)}`
127
+ onClick: s,
128
+ src: p(t),
129
+ alt: p(o) || `${p(r)}`
128
130
  }, null, 8, ye)
129
131
  ])), [
130
- [q, m(i)]
132
+ [$, p(l)]
131
133
  ]);
132
134
  };
133
135
  }
134
136
  });
135
- const ve = /* @__PURE__ */ w(he, [["__scopeId", "data-v-006751c3"]]), B = "获取验证码", ge = 60, be = /* @__PURE__ */ k({
137
+ const ge = /* @__PURE__ */ w(he, [["__scopeId", "data-v-006751c3"]]), B = "获取验证码", ve = 60, be = /* @__PURE__ */ b({
136
138
  __name: "verification-button",
137
139
  props: {
138
140
  getSmscode: { type: Function }
139
141
  },
140
142
  setup(e) {
141
- const { getSmscode: n } = e, t = g(B), a = g(null), l = j(() => t.value === B), s = () => {
142
- a && (clearInterval(a.value), a.value = null, t.value = B);
143
- }, i = async () => {
143
+ const t = v(B), o = v(null), a = j(() => t.value === B), r = () => {
144
+ o && (clearInterval(o.value), o.value = null, t.value = B);
145
+ }, l = async () => {
144
146
  if (t.value === B)
145
- if (t.value = ge, a.value = setInterval(() => {
147
+ if (t.value = ve, o.value = setInterval(() => {
146
148
  if (Number(t.value) <= 0 || !t.value) {
147
- s();
149
+ r();
148
150
  return;
149
151
  } else
150
152
  t.value = Number(t.value) - 1;
151
- }, 1e3), n)
152
- await n() === !1 && s();
153
+ }, 1e3), e.getSmscode)
154
+ await e.getSmscode() === !1 && r();
153
155
  else
154
156
  return;
155
157
  };
156
158
  return oe(() => {
157
- s();
158
- }), (r, _) => {
159
- const p = d("el-button");
160
- return o(), c(p, {
159
+ r();
160
+ }), (d, s) => {
161
+ const c = m("el-button");
162
+ return n(), u(c, {
161
163
  class: "verifiaction-button",
162
164
  style: re({
163
- color: l.value ? "var(--color-primary, #409EFF)" : "var(--text-color-placeholder, #A8ABB2)",
164
- cursor: l.value ? "pointer" : "default"
165
+ color: a.value ? "var(--color-primary, #409EFF)" : "var(--text-color-placeholder, #A8ABB2)",
166
+ cursor: a.value ? "pointer" : "default"
165
167
  }),
166
- onClick: i
168
+ onClick: l
167
169
  }, {
168
170
  default: f(() => [
169
- I(D(l.value ? B : t.value + "s"), 1)
171
+ V(D(a.value ? B : t.value + "s"), 1)
170
172
  ]),
171
173
  _: 1
172
174
  }, 8, ["style"]);
173
175
  };
174
176
  }
175
177
  });
176
- const ke = /* @__PURE__ */ w(be, [["__scopeId", "data-v-4074e137"]]), Se = /* @__PURE__ */ k({
178
+ const ke = /* @__PURE__ */ w(be, [["__scopeId", "data-v-4074e137"]]), Se = /* @__PURE__ */ b({
177
179
  __name: "index",
178
180
  props: {
179
181
  item: {}
180
182
  },
181
183
  setup(e) {
182
- const { item: n } = e, t = n;
184
+ const t = e.item;
183
185
  return t.template = {
184
186
  append: () => se(ke, {
185
187
  getSmscode: t.getSmscode
186
188
  })
187
- }, (a, l) => (o(), c(K, {
188
- item: m(t),
189
+ }, (o, a) => (n(), u(K, {
190
+ item: p(t),
189
191
  class: "input"
190
192
  }, null, 8, ["item"]));
191
193
  }
192
- }), ze = k({
194
+ }), ze = b({
193
195
  components: {
194
196
  slotArchive: (e) => {
195
- const { templateEle: n } = e;
196
- return n();
197
+ const { templateEle: t } = e;
198
+ return t();
197
199
  }
198
200
  },
199
201
  props: {
@@ -205,7 +207,8 @@ const ke = /* @__PURE__ */ w(be, [["__scopeId", "data-v-4074e137"]]), Se = /* @_
205
207
  data() {
206
208
  return {
207
209
  dividerSetting: {
208
- ...this.item.dividerSetting
210
+ ...this.item.dividerSetting,
211
+ ...this.item.setting
209
212
  }
210
213
  };
211
214
  },
@@ -215,44 +218,45 @@ const ke = /* @__PURE__ */ w(be, [["__scopeId", "data-v-4074e137"]]), Se = /* @_
215
218
  }
216
219
  }
217
220
  });
218
- function $e(e, n, t, a, l, s) {
219
- const i = d("el-divider");
220
- return o(), c(i, ae(le(e.dividerSetting)), J({ _: 2 }, [
221
- $(e.item.template, (r, _) => ({
222
- name: _,
221
+ function $e(e, t, o, a, r, l) {
222
+ const d = m("el-divider");
223
+ return n(), u(d, ie(ae(e.dividerSetting)), J({ _: 2 }, [
224
+ P(e.item.template, (s, c) => ({
225
+ name: c,
223
226
  fn: f(() => [
224
- r ? (o(), c(W(e.currentInputComponent()), {
225
- key: _,
226
- templateEle: r
227
- }, null, 8, ["templateEle"])) : y("", !0)
227
+ s ? (n(), u(W(e.currentInputComponent()), {
228
+ key: c,
229
+ templateEle: s
230
+ }, null, 8, ["templateEle"])) : _("", !0)
228
231
  ])
229
232
  }))
230
233
  ]), 1040);
231
234
  }
232
- const Pe = /* @__PURE__ */ w(ze, [["render", $e]]), qe = /* @__PURE__ */ k({
235
+ const Pe = /* @__PURE__ */ w(ze, [["render", $e]]), qe = /* @__PURE__ */ b({
233
236
  __name: "index",
234
237
  props: {
235
238
  item: {}
236
239
  },
237
240
  setup(e) {
238
- const { item: n } = e, t = h("queryParams", {}), a = h("size"), l = g({
239
- ...n.radioGroupSetting
241
+ const t = y("queryParams", {}), o = y("size"), a = v({
242
+ ...e.item.radioGroupSetting,
243
+ ...e.item.setting
240
244
  });
241
- return (s, i) => {
242
- const r = d("el-radio"), _ = d("el-radio-group");
243
- return o(), c(_, b({
244
- modelValue: m(t)[s.item.prop],
245
- "onUpdate:modelValue": i[0] || (i[0] = (p) => m(t)[s.item.prop] = p),
246
- size: m(a)
247
- }, l.value), {
245
+ return (r, l) => {
246
+ const d = m("el-radio"), s = m("el-radio-group");
247
+ return n(), u(s, h({
248
+ modelValue: p(t)[r.item.prop],
249
+ "onUpdate:modelValue": l[0] || (l[0] = (c) => p(t)[r.item.prop] = c),
250
+ size: p(o)
251
+ }, a.value), {
248
252
  default: f(() => [
249
- (o(!0), S(L, null, $(s.item.option || [], (p) => (o(), c(r, b({
250
- size: m(a),
251
- key: p.label,
253
+ (n(!0), k(I, null, P(r.item.option || [], (c) => (n(), u(d, h({
254
+ size: p(o),
255
+ key: c.value,
252
256
  ref_for: !0
253
- }, p), {
257
+ }, c), {
254
258
  default: f(() => [
255
- I(D(p.value), 1)
259
+ V(D(c.label), 1)
256
260
  ]),
257
261
  _: 2
258
262
  }, 1040, ["size"]))), 128))
@@ -261,30 +265,31 @@ const Pe = /* @__PURE__ */ w(ze, [["render", $e]]), qe = /* @__PURE__ */ k({
261
265
  }, 16, ["modelValue", "size"]);
262
266
  };
263
267
  }
264
- }), Ve = /* @__PURE__ */ k({
268
+ }), Ve = /* @__PURE__ */ b({
265
269
  __name: "index",
266
270
  props: {
267
271
  item: {}
268
272
  },
269
273
  setup(e) {
270
- const { item: n } = e, t = h("queryParams", {}), a = h("size"), l = g({
271
- ...n.checkboxGroupSetting
274
+ const t = y("queryParams", {}), o = y("size"), a = v({
275
+ ...e.item.checkboxGroupSetting,
276
+ ...e.item.setting
272
277
  });
273
- return (s, i) => {
274
- const r = d("el-checkbox"), _ = d("el-checkbox-group");
275
- return o(), c(_, b({
276
- modelValue: m(t)[s.item.prop],
277
- "onUpdate:modelValue": i[0] || (i[0] = (p) => m(t)[s.item.prop] = p),
278
- size: m(a)
279
- }, l.value), {
278
+ return (r, l) => {
279
+ const d = m("el-checkbox"), s = m("el-checkbox-group");
280
+ return n(), u(s, h({
281
+ modelValue: p(t)[r.item.prop],
282
+ "onUpdate:modelValue": l[0] || (l[0] = (c) => p(t)[r.item.prop] = c),
283
+ size: p(o)
284
+ }, a.value), {
280
285
  default: f(() => [
281
- (o(!0), S(L, null, $(s.item.option || [], (p) => (o(), c(r, b({
282
- size: m(a),
283
- key: p.label,
286
+ (n(!0), k(I, null, P(r.item.option || [], (c) => (n(), u(d, h({
287
+ size: p(o),
288
+ key: c.value,
284
289
  ref_for: !0
285
- }, p), {
290
+ }, c), {
286
291
  default: f(() => [
287
- I(D(p.value), 1)
292
+ V(D(c.label), 1)
288
293
  ]),
289
294
  _: 2
290
295
  }, 1040, ["size"]))), 128))
@@ -293,79 +298,81 @@ const Pe = /* @__PURE__ */ w(ze, [["render", $e]]), qe = /* @__PURE__ */ k({
293
298
  }, 16, ["modelValue", "size"]);
294
299
  };
295
300
  }
296
- }), Ie = /* @__PURE__ */ k({
301
+ }), Ie = /* @__PURE__ */ b({
297
302
  __name: "index",
298
303
  props: {
299
304
  item: {}
300
305
  },
301
306
  setup(e) {
302
- const { item: n } = e, t = h("queryParams", {}), a = h("size"), l = g({
307
+ const t = y("queryParams", {}), o = y("size"), a = v({
303
308
  ...pe,
304
- ...n.datePackerSetting
309
+ ...e.item.datePackerSetting,
310
+ ...e.item.setting
305
311
  });
306
- return (s, i) => {
307
- const r = d("el-date-picker");
308
- return o(), c(r, b({
309
- modelValue: m(t)[s.item.prop],
310
- "onUpdate:modelValue": i[0] || (i[0] = (_) => m(t)[s.item.prop] = _),
311
- size: m(a)
312
- }, l.value), null, 16, ["modelValue", "size"]);
312
+ return (r, l) => {
313
+ const d = m("el-date-picker");
314
+ return n(), u(d, h({
315
+ modelValue: p(t)[r.item.prop],
316
+ "onUpdate:modelValue": l[0] || (l[0] = (s) => p(t)[r.item.prop] = s),
317
+ size: p(o)
318
+ }, a.value), null, 16, ["modelValue", "size"]);
313
319
  };
314
320
  }
315
- }), Le = /* @__PURE__ */ k({
321
+ }), Le = /* @__PURE__ */ b({
316
322
  __name: "index",
317
323
  props: {
318
324
  item: {}
319
325
  },
320
326
  setup(e) {
321
- const { item: n } = e, t = h("queryParams", {}), a = h("size"), l = g({
327
+ const t = y("queryParams", {}), o = y("size"), a = v({
322
328
  ...Y,
323
- ...n.selectSetting
329
+ ...e.item.selectSetting,
330
+ ...e.item.setting
324
331
  });
325
- return (s, i) => {
326
- const r = d("el-option"), _ = d("el-select");
327
- return o(), c(_, b({
328
- modelValue: m(t)[s.item.prop],
329
- "onUpdate:modelValue": i[0] || (i[0] = (p) => m(t)[s.item.prop] = p),
330
- size: m(a)
331
- }, l.value), {
332
+ return (r, l) => {
333
+ const d = m("el-option"), s = m("el-select");
334
+ return n(), u(s, h({
335
+ modelValue: p(t)[r.item.prop],
336
+ "onUpdate:modelValue": l[0] || (l[0] = (c) => p(t)[r.item.prop] = c),
337
+ size: p(o)
338
+ }, a.value), {
332
339
  default: f(() => [
333
- (o(!0), S(L, null, $(s.item.option || [], (p) => (o(), c(r, {
334
- key: p.value,
335
- label: p.label,
336
- value: p.value
337
- }, null, 8, ["label", "value"]))), 128))
340
+ (n(!0), k(I, null, P(r.item.option || [], (c) => (n(), u(d, h({
341
+ key: c.value,
342
+ ref_for: !0
343
+ }, c), null, 16))), 128))
338
344
  ]),
339
345
  _: 1
340
346
  }, 16, ["modelValue", "size"]);
341
347
  };
342
348
  }
343
- }), Ce = /* @__PURE__ */ k({
349
+ }), Ce = /* @__PURE__ */ b({
344
350
  __name: "index",
345
351
  props: {
346
352
  item: {}
347
353
  },
348
354
  setup(e) {
349
- const { item: n } = e, t = h("queryParams", {}), a = h("size"), l = g({
355
+ const t = y("queryParams", {}), o = y("size"), a = v({
350
356
  ...Y,
351
- ...n.selectSetting
357
+ ...e.item.selectSetting,
358
+ ...e.item.setting
352
359
  });
353
- return (s, i) => {
354
- const r = d("el-cascader");
355
- return o(), c(r, b({
356
- modelValue: m(t)[s.item.prop],
357
- "onUpdate:modelValue": i[0] || (i[0] = (_) => m(t)[s.item.prop] = _),
358
- size: m(a),
359
- options: s.item.options || []
360
- }, l.value), null, 16, ["modelValue", "size", "options"]);
360
+ return (r, l) => {
361
+ const d = m("el-cascader");
362
+ return n(), u(d, h({
363
+ modelValue: p(t)[r.item.prop],
364
+ "onUpdate:modelValue": l[0] || (l[0] = (s) => p(t)[r.item.prop] = s),
365
+ size: p(o),
366
+ options: r.item.options || []
367
+ }, a.value), null, 16, ["modelValue", "size", "options"]);
361
368
  };
362
369
  }
363
- }), De = k({
370
+ }), De = b({
364
371
  name: "GeneralBasicForm",
365
372
  components: {
366
373
  Input: K,
367
- InputNumber: _e,
368
- InputGraphicVerification: ve,
374
+ InputNumber: fe,
375
+ InputGraphicVerification: ge,
369
376
  InputMobileVerification: Se,
370
377
  Divider: Pe,
371
378
  Radio: qe,
@@ -441,32 +448,32 @@ const Pe = /* @__PURE__ */ w(ze, [["render", $e]]), qe = /* @__PURE__ */ k({
441
448
  };
442
449
  },
443
450
  setup(e) {
444
- const { size: n, noUrlParameters: t, getList: a } = e, l = ce(), s = g({
445
- ...t ? {} : l == null ? void 0 : l.query
451
+ const { size: t, noUrlParameters: o, getList: a } = e, r = ce(), l = v({
452
+ ...o ? {} : r == null ? void 0 : r.query
446
453
  });
447
454
  return O(
448
455
  /* 注入名 */
449
456
  "queryParams",
450
457
  /* 值 */
451
- s
458
+ l
452
459
  ), O(
453
460
  /* 注入名 */
454
461
  "size",
455
462
  /* 值 */
456
- n
463
+ t
457
464
  ), O(
458
465
  /* 注入名 */
459
466
  "getList",
460
467
  /* 值 */
461
468
  a
462
469
  ), {
463
- queryParams: s
470
+ queryParams: l
464
471
  };
465
472
  },
466
473
  watch: {
467
474
  formData: {
468
- handler(e, n) {
469
- JSON.stringify(e) !== JSON.stringify(n) && (this.queryParams = {
475
+ handler(e, t) {
476
+ JSON.stringify(e) !== JSON.stringify(t) && (this.queryParams = {
470
477
  ...this.noUrlParameters ? {} : this.queryParams,
471
478
  ...e
472
479
  });
@@ -503,32 +510,32 @@ const Pe = /* @__PURE__ */ w(ze, [["render", $e]]), qe = /* @__PURE__ */ k({
503
510
  methods: {
504
511
  /** 搜索按钮操作 */
505
512
  handleQuery() {
506
- var t;
507
- const e = { page: 1, limit: 10 }, n = {
508
- ...(t = this.$route) == null ? void 0 : t.query,
513
+ var o;
514
+ const e = { page: 1, limit: 10 }, t = {
515
+ ...(o = this.$route) == null ? void 0 : o.query,
509
516
  ...this.queryParams,
510
517
  ...e
511
518
  };
512
519
  this.noUrlParameters || this.$router.push({
513
- query: { ...n }
520
+ query: { ...t }
514
521
  }), this.getList({
515
- ...n
522
+ ...t
516
523
  });
517
524
  },
518
525
  /** 重置按钮操作 */
519
526
  async resetQuery() {
520
- var n;
527
+ var t;
521
528
  this.$refs.queryFormRef.resetFields();
522
529
  const e = { page: 1 };
523
530
  this.noUrlParameters || await this.$router.push({
524
531
  query: { ...e }
525
532
  }), this.queryParams = {
526
- ...this.noUrlParameters ? {} : (n = this.$route) == null ? void 0 : n.query
533
+ ...this.noUrlParameters ? {} : (t = this.$route) == null ? void 0 : t.query
527
534
  }, this.afterReset(), this.handleQuery();
528
535
  },
529
536
  getItemRules(e) {
530
- const { type: n, rules: t = [] } = e, a = [...t];
531
- return this.noInputBlank && n === "input" && a.push({
537
+ const { type: t, rules: o = [] } = e, a = [...o];
538
+ return this.noInputBlank && t === "input" && a.push({
532
539
  pattern: this.trimRegex,
533
540
  message: "请输入(不能仅输入空格)",
534
541
  trigger: "blur"
@@ -536,9 +543,9 @@ const Pe = /* @__PURE__ */ w(ze, [["render", $e]]), qe = /* @__PURE__ */ k({
536
543
  }
537
544
  }
538
545
  });
539
- function we(e, n, t, a, l, s) {
540
- const i = d("Input"), r = d("Radio"), _ = d("Select"), p = d("Divider"), P = d("Cascader"), q = d("Checkbox"), F = d("DatePicker"), G = d("InputNumber"), N = d("InputMobileVerification"), x = d("InputGraphicVerification"), V = d("el-form-item"), R = d("el-button"), E = d("el-form"), v = U("loading");
541
- return C((o(), c(E, b({
546
+ function we(e, t, o, a, r, l) {
547
+ const d = m("Input"), s = m("Radio"), c = m("Select"), z = m("Divider"), $ = m("Cascader"), L = m("Checkbox"), F = m("DatePicker"), G = m("InputNumber"), N = m("InputMobileVerification"), x = m("InputGraphicVerification"), q = m("el-form-item"), R = m("el-button"), E = m("el-form"), g = U("loading");
548
+ return C((n(), u(E, h({
542
549
  model: e.queryParams,
543
550
  ref: "queryFormRef",
544
551
  inline: "",
@@ -546,79 +553,79 @@ function we(e, n, t, a, l, s) {
546
553
  "label-width": e.labelWidth
547
554
  }, e.$attrs), {
548
555
  default: f(() => [
549
- (o(!0), S(L, null, $(e.formItem, (u) => (o(), c(V, {
550
- label: u.label,
551
- prop: u.prop,
552
- key: u.prop,
553
- rules: e.getItemRules(u)
556
+ (n(!0), k(I, null, P(e.formItem, (i) => (n(), u(q, {
557
+ label: i.label,
558
+ prop: i.prop,
559
+ key: i.prop,
560
+ rules: e.getItemRules(i)
554
561
  }, {
555
562
  default: f(() => [
556
- u.type === "input" ? (o(), c(i, {
563
+ i.type === "input" ? (n(), u(d, {
557
564
  key: 0,
558
- item: u
559
- }, null, 8, ["item"])) : y("", !0),
560
- u.type === "radio" ? (o(), c(r, {
565
+ item: i
566
+ }, null, 8, ["item"])) : _("", !0),
567
+ i.type === "radio" ? (n(), u(s, {
561
568
  key: 1,
562
- item: u
563
- }, null, 8, ["item"])) : y("", !0),
564
- u.type === "select" ? (o(), c(_, {
569
+ item: i
570
+ }, null, 8, ["item"])) : _("", !0),
571
+ i.type === "select" ? (n(), u(c, {
565
572
  key: 2,
566
- item: u
567
- }, null, 8, ["item"])) : y("", !0),
568
- u.type === "divider" ? (o(), c(p, {
573
+ item: i
574
+ }, null, 8, ["item"])) : _("", !0),
575
+ i.type === "divider" ? (n(), u(z, {
569
576
  key: 3,
570
- item: u
571
- }, null, 8, ["item"])) : y("", !0),
572
- u.type === "cascader" ? (o(), c(P, {
577
+ item: i
578
+ }, null, 8, ["item"])) : _("", !0),
579
+ i.type === "cascader" ? (n(), u($, {
573
580
  key: 4,
574
- item: u
575
- }, null, 8, ["item"])) : y("", !0),
576
- u.type === "checkbox" ? (o(), c(q, {
581
+ item: i
582
+ }, null, 8, ["item"])) : _("", !0),
583
+ i.type === "checkbox" ? (n(), u(L, {
577
584
  key: 5,
578
- item: u
579
- }, null, 8, ["item"])) : y("", !0),
580
- u.type === "date-picker" ? (o(), c(F, {
585
+ item: i
586
+ }, null, 8, ["item"])) : _("", !0),
587
+ i.type === "date-picker" ? (n(), u(F, {
581
588
  key: 6,
582
- item: u
583
- }, null, 8, ["item"])) : y("", !0),
584
- u.type === "input-number" ? (o(), c(G, {
589
+ item: i
590
+ }, null, 8, ["item"])) : _("", !0),
591
+ i.type === "input-number" ? (n(), u(G, {
585
592
  key: 7,
586
- item: u
587
- }, null, 8, ["item"])) : y("", !0),
588
- u.type === "form-item-slot" ? Q(e.$slots, u.name, { key: 8 }) : y("", !0),
589
- u.type === "input-mobile-verification" ? (o(), c(N, {
593
+ item: i
594
+ }, null, 8, ["item"])) : _("", !0),
595
+ i.type === "form-item-slot" ? Q(e.$slots, i.name, { key: 8 }) : _("", !0),
596
+ i.type === "input-mobile-verification" ? (n(), u(N, {
590
597
  key: 9,
591
- item: u
592
- }, null, 8, ["item"])) : y("", !0),
593
- u.type === "input-graphic-verification" ? (o(), c(x, {
594
- item: u,
595
- key: u.key
596
- }, null, 8, ["item"])) : y("", !0)
598
+ item: i
599
+ }, null, 8, ["item"])) : _("", !0),
600
+ i.type === "input-graphic-verification" ? (n(), u(x, {
601
+ item: i,
602
+ key: i.key
603
+ }, null, 8, ["item"])) : _("", !0)
597
604
  ]),
598
605
  _: 2
599
606
  }, 1032, ["label", "prop", "rules"]))), 128)),
600
607
  Q(e.$slots, "default"),
601
- e.formOnly ? y("", !0) : (o(), c(V, { key: 0 }, {
608
+ e.formOnly ? _("", !0) : (n(), u(q, { key: 0 }, {
602
609
  default: f(() => [
603
- C((o(), c(R, {
610
+ C((n(), u(R, {
604
611
  type: "primary",
605
612
  size: e.size,
606
613
  onClick: e.handleQuery
607
614
  }, {
608
- default: f(() => [
609
- I("查询")
610
- ]),
615
+ default: f(() => t[0] || (t[0] = [
616
+ V("查询")
617
+ ])),
611
618
  _: 1
612
619
  }, 8, ["size", "onClick"])), [
613
- [v, e.formLoading]
620
+ [g, e.formLoading]
614
621
  ]),
615
622
  T(R, {
616
623
  size: e.size,
617
624
  onClick: e.resetQuery
618
625
  }, {
619
- default: f(() => [
620
- I("重置")
621
- ]),
626
+ default: f(() => t[1] || (t[1] = [
627
+ V("重置")
628
+ ])),
622
629
  _: 1
623
630
  }, 8, ["size", "onClick"])
624
631
  ]),
@@ -628,10 +635,10 @@ function we(e, n, t, a, l, s) {
628
635
  ]),
629
636
  _: 3
630
637
  }, 16, ["model", "label-width"])), [
631
- [ie, e.showSearch]
638
+ [le, e.showSearch]
632
639
  ]);
633
640
  }
634
- const xe = /* @__PURE__ */ w(De, [["render", we]]), Be = ["infinite-scroll-disabled"], Fe = ["infinite-scroll-disabled"], Re = { class: "checkbox" }, Ue = /* @__PURE__ */ k({
641
+ const xe = /* @__PURE__ */ w(De, [["render", we]]), Be = ["infinite-scroll-disabled"], Fe = ["infinite-scroll-disabled"], Re = { class: "checkbox" }, Ue = /* @__PURE__ */ b({
635
642
  __name: "InfiniteScrollList",
636
643
  props: {
637
644
  search: {
@@ -659,104 +666,104 @@ const xe = /* @__PURE__ */ w(De, [["render", we]]), Be = ["infinite-scroll-disab
659
666
  required: !1
660
667
  }
661
668
  },
662
- setup(e, { expose: n }) {
663
- const t = e, { search: a, id: l, name: s, extra: i } = t, r = g([]), _ = g(1), p = g(!1), P = g([]), q = g(!1), F = (v, u) => {
664
- const { i: A } = v;
665
- return i && i !== "false" ? i(A) : "";
666
- }, G = (v) => {
667
- P.value = v.map((u) => typeof u == "object" ? u[l] : u);
669
+ setup(e, { expose: t }) {
670
+ const o = e, { search: a, id: r, name: l, extra: d } = o, s = v([]), c = v(1), z = v(!1), $ = v([]), L = v(!1), F = (g, i) => {
671
+ const { i: A } = g;
672
+ return d && d !== "false" ? d(A) : "";
673
+ }, G = (g) => {
674
+ $.value = g.map((i) => typeof i == "object" ? i[r] : i);
668
675
  };
669
676
  ue(
670
- () => t.defaultSelection,
671
- (v = [], u = []) => {
672
- G(v);
677
+ () => o.defaultSelection,
678
+ (g = [], i = []) => {
679
+ G(g);
673
680
  },
674
681
  { immediate: !0 }
675
682
  );
676
683
  const N = () => {
677
- x(), P.value = [];
684
+ x(), $.value = [];
678
685
  }, x = () => {
679
- _.value = 1, r.value = [], p.value = !1;
680
- }, V = async () => {
681
- if (q.value || p.value)
686
+ c.value = 1, s.value = [], z.value = !1;
687
+ }, q = async () => {
688
+ if (L.value || z.value)
682
689
  return;
683
- q.value = !0;
684
- const v = await a(_.value);
685
- v && v.length > 0 ? (r.value = [...r.value, ...v], _.value += 1) : p.value = !0, q.value = !1;
690
+ L.value = !0;
691
+ const g = await a(c.value);
692
+ g && g.length > 0 ? (s.value = [...s.value, ...g], c.value += 1) : z.value = !0, L.value = !1;
686
693
  }, R = () => {
687
- x(), V();
694
+ x(), q();
688
695
  }, E = j(
689
- () => r.value.filter((v) => P.value.includes(v[l]))
696
+ () => s.value.filter((g) => $.value.includes(g[r]))
690
697
  ) || {};
691
- return n({
698
+ return t({
692
699
  reset: N,
693
700
  lowReset: x,
694
- loadList: V,
701
+ loadList: q,
695
702
  selectInfo: E,
696
- list: r,
697
- ifbottom: p,
703
+ list: s,
704
+ ifbottom: z,
698
705
  refreshList: R
699
- }), (v, u) => {
700
- const A = d("el-checkbox"), ee = d("el-checkbox-group"), M = U("infinite-scroll"), te = U("loading");
701
- return t.checkbox ? C((o(), c(ee, b({
706
+ }), (g, i) => {
707
+ const A = m("el-checkbox"), ee = m("el-checkbox-group"), M = U("infinite-scroll"), te = U("loading");
708
+ return o.checkbox ? C((n(), u(ee, h({
702
709
  key: 0,
703
- modelValue: P.value,
704
- "onUpdate:modelValue": u[0] || (u[0] = (z) => P.value = z)
705
- }, t), {
710
+ modelValue: $.value,
711
+ "onUpdate:modelValue": i[0] || (i[0] = (S) => $.value = S)
712
+ }, o), {
706
713
  default: f(() => [
707
- C((o(), S("ul", {
714
+ C((n(), k("ul", {
708
715
  class: "list",
709
- "infinite-scroll-disabled": p.value
716
+ "infinite-scroll-disabled": z.value
710
717
  }, [
711
- (o(!0), S(L, null, $(r.value, (z) => (o(), S("li", {
712
- key: z[m(l)],
718
+ (n(!0), k(I, null, P(s.value, (S) => (n(), k("li", {
719
+ key: S[p(r)],
713
720
  class: "list-item"
714
721
  }, [
715
722
  T(A, {
716
- label: z[m(l)],
723
+ value: S[p(r)],
717
724
  class: "checkbox"
718
725
  }, {
719
726
  default: f(() => [
720
- I(D(z[m(s)]) + " ", 1),
721
- t.extra ? (o(), c(F, {
727
+ V(D(S[p(l)]) + " ", 1),
728
+ o.extra ? (n(), u(F, {
722
729
  key: 0,
723
- i: z
724
- }, null, 8, ["i"])) : y("", !0)
730
+ i: S
731
+ }, null, 8, ["i"])) : _("", !0)
725
732
  ]),
726
733
  _: 2
727
- }, 1032, ["label"])
734
+ }, 1032, ["value"])
728
735
  ]))), 128))
729
736
  ], 8, Be)), [
730
- [M, V]
737
+ [M, q]
731
738
  ])
732
739
  ]),
733
740
  _: 1
734
741
  }, 16, ["modelValue"])), [
735
- [te, q.value]
736
- ]) : C((o(), S("ul", b({
742
+ [te, L.value]
743
+ ]) : C((n(), k("ul", h({
737
744
  key: 1,
738
745
  class: "list",
739
- "infinite-scroll-disabled": p.value
740
- }, t), [
741
- (o(!0), S(L, null, $(r.value, (z) => (o(), S("li", {
742
- key: z[m(l)],
746
+ "infinite-scroll-disabled": z.value
747
+ }, o), [
748
+ (n(!0), k(I, null, P(s.value, (S) => (n(), k("li", {
749
+ key: S[p(r)],
743
750
  class: "list-item"
744
751
  }, [
745
752
  H("div", Re, [
746
- I(D(z[m(s)]) + " ", 1),
747
- t.extra ? (o(), c(F, {
753
+ V(D(S[p(l)]) + " ", 1),
754
+ o.extra ? (n(), u(F, {
748
755
  key: 0,
749
- i: z
750
- }, null, 8, ["i"])) : y("", !0)
756
+ i: S
757
+ }, null, 8, ["i"])) : _("", !0)
751
758
  ])
752
759
  ]))), 128))
753
760
  ], 16, Fe)), [
754
- [M, V]
761
+ [M, q]
755
762
  ]);
756
763
  };
757
764
  }
758
765
  });
759
- const Ge = /* @__PURE__ */ w(Ue, [["__scopeId", "data-v-fa74e9b9"]]), Ne = { key: 1 }, Ee = /* @__PURE__ */ k({
766
+ const Ge = /* @__PURE__ */ w(Ue, [["__scopeId", "data-v-77737aab"]]), Ne = { key: 1 }, Ee = /* @__PURE__ */ b({
760
767
  __name: "Descriptions",
761
768
  props: {
762
769
  formData: {
@@ -769,33 +776,33 @@ const Ge = /* @__PURE__ */ w(Ue, [["__scopeId", "data-v-fa74e9b9"]]), Ne = { key
769
776
  }
770
777
  },
771
778
  setup(e) {
772
- const n = e, t = (a, l) => {
773
- const { i: s, render: i, formData: r } = a;
774
- return i({
775
- row: r,
776
- $index: s
779
+ const t = e, o = (a, r) => {
780
+ const { i: l, render: d, formData: s } = a;
781
+ return d({
782
+ row: s,
783
+ $index: l
777
784
  });
778
785
  };
779
- return (a, l) => {
780
- const s = d("el-descriptions-item"), i = d("el-descriptions");
781
- return o(), c(i, b({
786
+ return (a, r) => {
787
+ const l = m("el-descriptions-item"), d = m("el-descriptions");
788
+ return n(), u(d, h({
782
789
  column: 1,
783
790
  border: "",
784
791
  class: "form-width"
785
- }, n), {
792
+ }, t), {
786
793
  default: f(() => [
787
- (o(!0), S(L, null, $(n.formItem, (r, _) => (o(), c(s, b({
788
- key: r.prop,
789
- label: r.label,
794
+ (n(!0), k(I, null, P(t.formItem, (s, c) => (n(), u(l, h({
795
+ key: s.prop,
796
+ label: s.label,
790
797
  ref_for: !0
791
- }, r.descriptionsItemProps), {
798
+ }, s.descriptionsItemProps), {
792
799
  default: f(() => [
793
- r.render ? (o(), c(t, {
800
+ s.render ? (n(), u(o, {
794
801
  key: 0,
795
- i: _,
796
- render: r.render,
802
+ i: c,
803
+ render: s.render,
797
804
  formData: e.formData
798
- }, null, 8, ["i", "render", "formData"])) : (o(), S("span", Ne, D(e.formData[r.prop]), 1))
805
+ }, null, 8, ["i", "render", "formData"])) : (n(), k("span", Ne, D(e.formData[s.prop]), 1))
799
806
  ]),
800
807
  _: 2
801
808
  }, 1040, ["label"]))), 128))
@@ -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,I){"use strict";const z={placeholder:"请输入",style:"width: 200px",clearable:!0},L={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:{...z,...this.item.inputSetting}}},methods:{currentInputComponent(){return"input-archive"}}}),h=(t,n)=>{const o=t.__vccOpts||t;for(const[i,s]of n)o[i]=s;return o};function F(t,n,o,i,s,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=h(N,[["render",F]]),E=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),i=e.inject("size"),s=e.ref({...z,...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(i)},s.value),null,16,["modelValue","size"])}}}),q=Symbol(),j={class:"input-graphic-verification"},R=["src","alt"],U=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,{graphicSrc:o="",graphicAlt:i="",getGraphic:s=()=>{},key:l}=n,{formLoading:a,updateFormLoading:r}=e.inject(q),m=async()=>{s&&!a.value&&await s()};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(i)||`${e.unref(l)}`},null,8,R)])),[[u,e.unref(a)]])}}}),_e="",T=h(U,[["__scopeId","data-v-006751c3"]]),g="获取验证码",G=60,A=e.defineComponent({__name:"verification-button",props:{getSmscode:{type:Function}},setup(t){const{getSmscode:n}=t,o=e.ref(g),i=e.ref(null),s=e.computed(()=>o.value===g),l=()=>{i&&(clearInterval(i.value),i.value=null,o.value=g)},a=async()=>{if(o.value===g)if(o.value=G,i.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:s.value?"var(--color-primary, #409EFF)":"var(--text-color-placeholder, #A8ABB2)",cursor:s.value?"pointer":"default"}),onClick:a},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.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})},(i,s)=>(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,i,s,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=h(K,[["render",M]]),W=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),i=e.inject("size"),s=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(i)},s.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(i),key:p.label,ref_for:!0},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",{}),i=e.inject("size"),s=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(i)},s.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(i),key:p.label,ref_for:!0},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",{}),i=e.inject("size"),s=e.ref({...L,...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(i)},s.value),null,16,["modelValue","size"])}}}),Y=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),i=e.inject("size"),s=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(i)},s.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",{}),i=e.inject("size"),s=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(i),options:l.item.options||[]},s.value),null,16,["modelValue","size","options"])}}}),v=e.defineComponent({name:"GeneralBasicForm",components:{Input:V,InputNumber:E,InputGraphicVerification:T,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:()=>{}},noInputBlank:{type:Boolean,default:()=>!1}},data(){return{formLoading:this.loading||!1,trimRegex:/\S/}},setup(t){const{size:n,noUrlParameters:o,getList:i}=t,s=I.useRoute(),l=e.ref({...o?{}:s==null?void 0:s.query});return e.provide("queryParams",l),e.provide("size",n),e.provide("getList",i),{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()},getItemRules(t){const{type:n,rules:o=[]}=t,i=[...o];return this.noInputBlank&&n==="input"&&i.push({pattern:this.trimRegex,message:"请输入(不能仅输入空格)",trigger:"blur"}),i}}});function ee(t,n,o,i,s,l){const a=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"),w=e.resolveComponent("el-form"),d=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,c=>(e.openBlock(),e.createBlock(y,{label:c.label,prop:c.prop,key:c.prop,rules:t.getItemRules(c)},{default:e.withCtx(()=>[c.type==="input"?(e.openBlock(),e.createBlock(a,{key:0,item:c},null,8,["item"])):e.createCommentVNode("",!0),c.type==="radio"?(e.openBlock(),e.createBlock(r,{key:1,item:c},null,8,["item"])):e.createCommentVNode("",!0),c.type==="select"?(e.openBlock(),e.createBlock(m,{key:2,item:c},null,8,["item"])):e.createCommentVNode("",!0),c.type==="divider"?(e.openBlock(),e.createBlock(p,{key:3,item:c},null,8,["item"])):e.createCommentVNode("",!0),c.type==="cascader"?(e.openBlock(),e.createBlock(k,{key:4,item:c},null,8,["item"])):e.createCommentVNode("",!0),c.type==="checkbox"?(e.openBlock(),e.createBlock(u,{key:5,item:c},null,8,["item"])):e.createCommentVNode("",!0),c.type==="date-picker"?(e.openBlock(),e.createBlock(C,{key:6,item:c},null,8,["item"])):e.createCommentVNode("",!0),c.type==="input-number"?(e.openBlock(),e.createBlock(S,{key:7,item:c},null,8,["item"])):e.createCommentVNode("",!0),c.type==="form-item-slot"?e.renderSlot(t.$slots,c.name,{key:8}):e.createCommentVNode("",!0),c.type==="input-mobile-verification"?(e.openBlock(),e.createBlock(P,{key:9,item:c},null,8,["item"])):e.createCommentVNode("",!0),c.type==="input-graphic-verification"?(e.openBlock(),e.createBlock(B,{item:c,key:c.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:i,id:s,name:l,extra:a}=o,r=e.ref([]),m=e.ref(1),p=e.ref(!1),k=e.ref([]),u=e.ref(!1),C=(d,c)=>{const{i:x}=d;return a&&a!=="false"?a(x):""},S=d=>{k.value=d.map(c=>typeof c=="object"?c[s]:c)};e.watch(()=>o.defaultSelection,(d=[],c=[])=>{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 i(m.value);d&&d.length>0?(r.value=[...r.value,...d],m.value+=1):p.value=!0,u.value=!1},b=()=>{B(),y()},w=e.computed(()=>r.value.filter(d=>k.value.includes(d[s])))||{};return n({reset:P,lowReset:B,loadList:y,selectInfo:w,list:r,ifbottom:p,refreshList:b}),(d,c)=>{const x=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":c[0]||(c[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(s)],class:"list-item"},[e.createVNode(x,{label:_[e.unref(s)],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(s)],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=(i,s)=>{const{i:l,render:a,formData:r}=i;return a({row:r,$index:l})};return(i,s)=>{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,ref_for:!0},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(d,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):(d=typeof globalThis<"u"?globalThis:d||self,e(d.Index={},d.Vue,d["vue-router"]))})(this,function(d,e,I){"use strict";const z={placeholder:"请输入",style:"width: 200px",clearable:!0},L={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:o}=t;return o()}},props:{item:null},setup(){const t=e.inject("queryParams",{}),o=e.inject("getList"),n=e.inject("size");return{queryParams:t,getList:o,size:n}},data(){return{inputSetting:{...z,...this.item.inputSetting,...this.item.setting}}},methods:{currentInputComponent(){return"input-archive"}}}),y=(t,o)=>{const n=t.__vccOpts||t;for(const[s,r]of o)n[s]=r;return n};function F(t,o,n,s,r,a){const p=e.resolveComponent("el-input");return e.openBlock(),e.createBlock(p,e.mergeProps({onKeydown:e.withKeys(t.getList,["enter"]),modelValue:t.queryParams[t.item.prop],"onUpdate:modelValue":o[0]||(o[0]=l=>t.queryParams[t.item.prop]=l),size:t.size},t.inputSetting),e.createSlots({_:2},[e.renderList(t.item.template,(l,c)=>({name:c,fn:e.withCtx(()=>[l?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:c,templateEle:l},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 o=e.inject("queryParams",{}),n=e.inject("size"),s=e.ref({...z,...t.item.inputSetting,...t.item.setting});return(r,a)=>{const p=e.resolveComponent("el-input-number");return e.openBlock(),e.createBlock(p,e.mergeProps({modelValue:e.unref(o)[r.item.prop],"onUpdate:modelValue":a[0]||(a[0]=l=>e.unref(o)[r.item.prop]=l),size:e.unref(n)},s.value),null,16,["modelValue","size"])}}}),q=Symbol(),j={class:"input-graphic-verification"},R=["src","alt"],U=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{graphicSrc:o="",graphicAlt:n="",getGraphic:s=()=>{},key:r}=t.item,{formLoading:a,updateFormLoading:p}=e.inject(q),l=async()=>{s&&!a.value&&await s()};return(c,k)=>{const _=e.resolveDirective("loading");return e.withDirectives((e.openBlock(),e.createElementBlock("div",j,[e.createVNode(V,{item:c.item,class:"input"},null,8,["item"]),e.createElementVNode("img",{class:"graphic",onClick:l,src:e.unref(o),alt:e.unref(n)||`${e.unref(r)}`},null,8,R)])),[[_,e.unref(a)]])}}}),ke="",T=y(U,[["__scopeId","data-v-006751c3"]]),h="获取验证码",G=60,A=e.defineComponent({__name:"verification-button",props:{getSmscode:{type:Function}},setup(t){const o=e.ref(h),n=e.ref(null),s=e.computed(()=>o.value===h),r=()=>{n&&(clearInterval(n.value),n.value=null,o.value=h)},a=async()=>{if(o.value===h)if(o.value=G,n.value=setInterval(()=>{if(Number(o.value)<=0||!o.value){r();return}else o.value=Number(o.value)-1},1e3),t.getSmscode)await t.getSmscode()===!1&&r();else return};return e.onBeforeUnmount(()=>{r()}),(p,l)=>{const c=e.resolveComponent("el-button");return e.openBlock(),e.createBlock(c,{class:"verifiaction-button",style:e.normalizeStyle({color:s.value?"var(--color-primary, #409EFF)":"var(--text-color-placeholder, #A8ABB2)",cursor:s.value?"pointer":"default"}),onClick:a},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.value?h:o.value+"s"),1)]),_:1},8,["style"])}}}),_e="",O=y(A,[["__scopeId","data-v-4074e137"]]),Q=e.defineComponent({__name:"index",props:{item:{}},setup(t){const o=t.item;return o.template={append:()=>e.h(O,{getSmscode:o.getSmscode})},(n,s)=>(e.openBlock(),e.createBlock(V,{item:e.unref(o),class:"input"},null,8,["item"]))}}),K=e.defineComponent({components:{slotArchive:t=>{const{templateEle:o}=t;return o()}},props:{item:null},setup(){},data(){return{dividerSetting:{...this.item.dividerSetting,...this.item.setting}}},methods:{currentInputComponent(){return"slot-archive"}}});function M(t,o,n,s,r,a){const p=e.resolveComponent("el-divider");return e.openBlock(),e.createBlock(p,e.normalizeProps(e.guardReactiveProps(t.dividerSetting)),e.createSlots({_:2},[e.renderList(t.item.template,(l,c)=>({name:c,fn:e.withCtx(()=>[l?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:c,templateEle:l},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040)}const J=y(K,[["render",M]]),W=e.defineComponent({__name:"index",props:{item:{}},setup(t){const o=e.inject("queryParams",{}),n=e.inject("size"),s=e.ref({...t.item.radioGroupSetting,...t.item.setting});return(r,a)=>{const p=e.resolveComponent("el-radio"),l=e.resolveComponent("el-radio-group");return e.openBlock(),e.createBlock(l,e.mergeProps({modelValue:e.unref(o)[r.item.prop],"onUpdate:modelValue":a[0]||(a[0]=c=>e.unref(o)[r.item.prop]=c),size:e.unref(n)},s.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.item.option||[],c=>(e.openBlock(),e.createBlock(p,e.mergeProps({size:e.unref(n),key:c.value,ref_for:!0},c),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(c.label),1)]),_:2},1040,["size"]))),128))]),_:1},16,["modelValue","size"])}}}),H=e.defineComponent({__name:"index",props:{item:{}},setup(t){const o=e.inject("queryParams",{}),n=e.inject("size"),s=e.ref({...t.item.checkboxGroupSetting,...t.item.setting});return(r,a)=>{const p=e.resolveComponent("el-checkbox"),l=e.resolveComponent("el-checkbox-group");return e.openBlock(),e.createBlock(l,e.mergeProps({modelValue:e.unref(o)[r.item.prop],"onUpdate:modelValue":a[0]||(a[0]=c=>e.unref(o)[r.item.prop]=c),size:e.unref(n)},s.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.item.option||[],c=>(e.openBlock(),e.createBlock(p,e.mergeProps({size:e.unref(n),key:c.value,ref_for:!0},c),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(c.label),1)]),_:2},1040,["size"]))),128))]),_:1},16,["modelValue","size"])}}}),X=e.defineComponent({__name:"index",props:{item:{}},setup(t){const o=e.inject("queryParams",{}),n=e.inject("size"),s=e.ref({...L,...t.item.datePackerSetting,...t.item.setting});return(r,a)=>{const p=e.resolveComponent("el-date-picker");return e.openBlock(),e.createBlock(p,e.mergeProps({modelValue:e.unref(o)[r.item.prop],"onUpdate:modelValue":a[0]||(a[0]=l=>e.unref(o)[r.item.prop]=l),size:e.unref(n)},s.value),null,16,["modelValue","size"])}}}),Y=e.defineComponent({__name:"index",props:{item:{}},setup(t){const o=e.inject("queryParams",{}),n=e.inject("size"),s=e.ref({...$,...t.item.selectSetting,...t.item.setting});return(r,a)=>{const p=e.resolveComponent("el-option"),l=e.resolveComponent("el-select");return e.openBlock(),e.createBlock(l,e.mergeProps({modelValue:e.unref(o)[r.item.prop],"onUpdate:modelValue":a[0]||(a[0]=c=>e.unref(o)[r.item.prop]=c),size:e.unref(n)},s.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.item.option||[],c=>(e.openBlock(),e.createBlock(p,e.mergeProps({key:c.value,ref_for:!0},c),null,16))),128))]),_:1},16,["modelValue","size"])}}}),Z=e.defineComponent({__name:"index",props:{item:{}},setup(t){const o=e.inject("queryParams",{}),n=e.inject("size"),s=e.ref({...$,...t.item.selectSetting,...t.item.setting});return(r,a)=>{const p=e.resolveComponent("el-cascader");return e.openBlock(),e.createBlock(p,e.mergeProps({modelValue:e.unref(o)[r.item.prop],"onUpdate:modelValue":a[0]||(a[0]=l=>e.unref(o)[r.item.prop]=l),size:e.unref(n),options:r.item.options||[]},s.value),null,16,["modelValue","size","options"])}}}),v=e.defineComponent({name:"GeneralBasicForm",components:{Input:V,InputNumber:E,InputGraphicVerification:T,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:()=>{}},noInputBlank:{type:Boolean,default:()=>!1}},data(){return{formLoading:this.loading||!1,trimRegex:/\S/}},setup(t){const{size:o,noUrlParameters:n,getList:s}=t,r=I.useRoute(),a=e.ref({...n?{}:r==null?void 0:r.query});return e.provide("queryParams",a),e.provide("size",o),e.provide("getList",s),{queryParams:a}},watch:{formData:{handler(t,o){JSON.stringify(t)!==JSON.stringify(o)&&(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 n;const t={page:1,limit:10},o={...(n=this.$route)==null?void 0:n.query,...this.queryParams,...t};this.noUrlParameters||this.$router.push({query:{...o}}),this.getList({...o})},async resetQuery(){var o;this.$refs.queryFormRef.resetFields();const t={page:1};this.noUrlParameters||await this.$router.push({query:{...t}}),this.queryParams={...this.noUrlParameters?{}:(o=this.$route)==null?void 0:o.query},this.afterReset(),this.handleQuery()},getItemRules(t){const{type:o,rules:n=[]}=t,s=[...n];return this.noInputBlank&&o==="input"&&s.push({pattern:this.trimRegex,message:"请输入(不能仅输入空格)",trigger:"blur"}),s}}});function ee(t,o,n,s,r,a){const p=e.resolveComponent("Input"),l=e.resolveComponent("Radio"),c=e.resolveComponent("Select"),k=e.resolveComponent("Divider"),_=e.resolveComponent("Cascader"),g=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"),w=e.resolveComponent("el-form"),m=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,i=>(e.openBlock(),e.createBlock(u,{label:i.label,prop:i.prop,key:i.prop,rules:t.getItemRules(i)},{default:e.withCtx(()=>[i.type==="input"?(e.openBlock(),e.createBlock(p,{key:0,item:i},null,8,["item"])):e.createCommentVNode("",!0),i.type==="radio"?(e.openBlock(),e.createBlock(l,{key:1,item:i},null,8,["item"])):e.createCommentVNode("",!0),i.type==="select"?(e.openBlock(),e.createBlock(c,{key:2,item:i},null,8,["item"])):e.createCommentVNode("",!0),i.type==="divider"?(e.openBlock(),e.createBlock(k,{key:3,item:i},null,8,["item"])):e.createCommentVNode("",!0),i.type==="cascader"?(e.openBlock(),e.createBlock(_,{key:4,item:i},null,8,["item"])):e.createCommentVNode("",!0),i.type==="checkbox"?(e.openBlock(),e.createBlock(g,{key:5,item:i},null,8,["item"])):e.createCommentVNode("",!0),i.type==="date-picker"?(e.openBlock(),e.createBlock(C,{key:6,item:i},null,8,["item"])):e.createCommentVNode("",!0),i.type==="input-number"?(e.openBlock(),e.createBlock(S,{key:7,item:i},null,8,["item"])):e.createCommentVNode("",!0),i.type==="form-item-slot"?e.renderSlot(t.$slots,i.name,{key:8}):e.createCommentVNode("",!0),i.type==="input-mobile-verification"?(e.openBlock(),e.createBlock(P,{key:9,item:i},null,8,["item"])):e.createCommentVNode("",!0),i.type==="input-graphic-verification"?(e.openBlock(),e.createBlock(B,{item:i,key:i.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(()=>o[0]||(o[0]=[e.createTextVNode("查询")])),_:1},8,["size","onClick"])),[[m,t.formLoading]]),e.createVNode(b,{size:t.size,onClick:t.resetQuery},{default:e.withCtx(()=>o[1]||(o[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 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:o}){const n=t,{search:s,id:r,name:a,extra:p}=n,l=e.ref([]),c=e.ref(1),k=e.ref(!1),_=e.ref([]),g=e.ref(!1),C=(m,i)=>{const{i:x}=m;return p&&p!=="false"?p(x):""},S=m=>{_.value=m.map(i=>typeof i=="object"?i[r]:i)};e.watch(()=>n.defaultSelection,(m=[],i=[])=>{S(m)},{immediate:!0});const P=()=>{B(),_.value=[]},B=()=>{c.value=1,l.value=[],k.value=!1},u=async()=>{if(g.value||k.value)return;g.value=!0;const m=await s(c.value);m&&m.length>0?(l.value=[...l.value,...m],c.value+=1):k.value=!0,g.value=!1},b=()=>{B(),u()},w=e.computed(()=>l.value.filter(m=>_.value.includes(m[r])))||{};return o({reset:P,lowReset:B,loadList:u,selectInfo:w,list:l,ifbottom:k,refreshList:b}),(m,i)=>{const x=e.resolveComponent("el-checkbox"),de=e.resolveComponent("el-checkbox-group"),D=e.resolveDirective("infinite-scroll"),fe=e.resolveDirective("loading");return n.checkbox?e.withDirectives((e.openBlock(),e.createBlock(de,e.mergeProps({key:0,modelValue:_.value,"onUpdate:modelValue":i[0]||(i[0]=f=>_.value=f)},n),{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createElementBlock("ul",{class:"list","infinite-scroll-disabled":k.value},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,f=>(e.openBlock(),e.createElementBlock("li",{key:f[e.unref(r)],class:"list-item"},[e.createVNode(x,{value:f[e.unref(r)],class:"checkbox"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(f[e.unref(a)])+" ",1),n.extra?(e.openBlock(),e.createBlock(C,{key:0,i:f},null,8,["i"])):e.createCommentVNode("",!0)]),_:2},1032,["value"])]))),128))],8,oe)),[[D,u]])]),_:1},16,["modelValue"])),[[fe,g.value]]):e.withDirectives((e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:1,class:"list","infinite-scroll-disabled":k.value},n),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,f=>(e.openBlock(),e.createElementBlock("li",{key:f[e.unref(r)],class:"list-item"},[e.createElementVNode("div",re,[e.createTextVNode(e.toDisplayString(f[e.unref(a)])+" ",1),n.extra?(e.openBlock(),e.createBlock(C,{key:0,i:f},null,8,["i"])):e.createCommentVNode("",!0)])]))),128))],16,ne)),[[D,u]])}}}),ue="",ie=y(le,[["__scopeId","data-v-77737aab"]]),se={key:1},ae=e.defineComponent({__name:"Descriptions",props:{formData:{type:Object,required:!0},formItem:{type:Array,required:!0}},setup(t){const o=t,n=(s,r)=>{const{i:a,render:p,formData:l}=s;return p({row:l,$index:a})};return(s,r)=>{const a=e.resolveComponent("el-descriptions-item"),p=e.resolveComponent("el-descriptions");return e.openBlock(),e.createBlock(p,e.mergeProps({column:1,border:"",class:"form-width"},o),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.formItem,(l,c)=>(e.openBlock(),e.createBlock(a,e.mergeProps({key:l.prop,label:l.label,ref_for:!0},l.descriptionsItemProps),{default:e.withCtx(()=>[l.render?(e.openBlock(),e.createBlock(n,{key:0,i:c,render:l.render,formData:t.formData},null,8,["i","render","formData"])):(e.openBlock(),e.createElementBlock("span",se,e.toDisplayString(t.formData[l.prop]),1))]),_:2},1040,["label"]))),128))]),_:1},16)}}}),ce=te,pe=ie,me=ae;d.VDescriptions=me,d.VGeneralBasicForm=ce,d.VInfiniteScrollList=pe,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});
package/dist/style.css CHANGED
@@ -1 +1 @@
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}
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-77737aab]{height:272px;overflow:auto;padding:8px 0}.list .checkbox[data-v-77737aab]{width:calc(100% - 32px);padding:0 16px}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "general-basic-form",
3
- "version": "2.0.43",
3
+ "version": "2.0.45",
4
4
  "description": "",
5
5
  "main": "./dist/index.umd.cjs",
6
6
  "type": "module",