general-basic-form 2.0.33 → 2.0.35

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
@@ -471,13 +471,20 @@ id:数据key值(唯一和选择值)
471
471
  name:显示名字
472
472
  checkbox:是否有多选功能,不传的话就是单纯的虚拟滚动列表
473
473
  extra:同行额外显示的内容,(item: any) => VNode | String;
474
+ //el-checkbox有固定高度,如果需要配置高度比较高,例如有换行的自定义extra,最好处理一下样式,例子:
475
+ //:deep(.el-checkbox) {
476
+ // padding: 6px 16px !important;
477
+ // display: flex;
478
+ // align-items: baseline;
479
+ // height: auto;
480
+ //}
474
481
  defaultSelection:包含数据key值的对象数组或者直接传入key值数组
475
482
  ```
476
483
 
477
484
  ```
478
485
  defineExpose({ reset, loadList, selectInfo, list, ifbottom });
479
486
  InfiniteScrollListRef.value.reset():重置列表内容
480
- InfiniteScrollListRef.value.loadList():重新请求列表内容
487
+ InfiniteScrollListRef.value.loadList():向下滚动列表内容
481
488
  InfiniteScrollListRef?.value?.selectInfo:选择的内容
482
489
  InfiniteScrollListRef?.value?.list:列表的内容
483
490
  InfiniteScrollListRef?.value?.ifbottom:是否到底部
package/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { defineComponent as b, inject as h, resolveComponent as m, openBlock as n, createBlock as i, mergeProps as g, withKeys as Z, createSlots as K, renderList as P, withCtx as f, resolveDynamicComponent as M, createCommentVNode as y, ref as v, unref as d, resolveDirective as G, withDirectives as D, createElementBlock as S, createVNode as Q, createElementVNode as J, computed as T, onBeforeUnmount as ee, normalizeStyle as te, createTextVNode as I, toDisplayString as w, h as ne, normalizeProps as oe, guardReactiveProps as re, Fragment as L, provide as A, renderSlot as O, vShow as se, watch as ae } from "vue";
1
+ import { defineComponent as b, inject as h, resolveComponent as d, openBlock as n, createBlock as i, mergeProps as g, withKeys as Z, createSlots as K, renderList as P, withCtx as f, resolveDynamicComponent as M, createCommentVNode as y, ref as v, unref as m, resolveDirective as G, withDirectives as D, createElementBlock as S, createVNode as Q, createElementVNode as J, computed as T, onBeforeUnmount as ee, normalizeStyle as te, createTextVNode as I, toDisplayString as w, h as ne, normalizeProps as oe, guardReactiveProps as re, Fragment as L, provide as A, renderSlot as O, vShow as se, watch as ae } from "vue";
2
2
  import { useRoute as ie } from "vue-router";
3
3
  const W = {
4
4
  placeholder: "请输入",
@@ -61,7 +61,7 @@ const W = {
61
61
  return t;
62
62
  };
63
63
  function ce(e, o, t, l, a, s) {
64
- const u = m("el-input");
64
+ const u = d("el-input");
65
65
  return n(), i(u, g({
66
66
  onKeydown: Z(e.getList, ["enter"]),
67
67
  modelValue: e.queryParams[e.item.prop],
@@ -90,15 +90,15 @@ const j = /* @__PURE__ */ x(ue, [["render", ce]]), pe = /* @__PURE__ */ b({
90
90
  ...o.inputSetting
91
91
  });
92
92
  return (s, u) => {
93
- const r = m("el-input-number");
93
+ const r = d("el-input-number");
94
94
  return n(), i(r, g({
95
- modelValue: d(t)[s.item.prop],
96
- "onUpdate:modelValue": u[0] || (u[0] = (_) => d(t)[s.item.prop] = _),
97
- size: d(l)
95
+ modelValue: m(t)[s.item.prop],
96
+ "onUpdate:modelValue": u[0] || (u[0] = (_) => m(t)[s.item.prop] = _),
97
+ size: m(l)
98
98
  }, a.value), null, 16, ["modelValue", "size"]);
99
99
  };
100
100
  }
101
- }), X = Symbol(), me = { class: "input-graphic-verification" }, de = ["src"], _e = /* @__PURE__ */ b({
101
+ }), X = Symbol(), de = { class: "input-graphic-verification" }, me = ["src"], _e = /* @__PURE__ */ b({
102
102
  __name: "index",
103
103
  props: {
104
104
  item: {}
@@ -110,7 +110,7 @@ const j = /* @__PURE__ */ x(ue, [["render", ce]]), pe = /* @__PURE__ */ b({
110
110
  };
111
111
  return (r, _) => {
112
112
  const c = G("loading");
113
- return D((n(), S("div", me, [
113
+ return D((n(), S("div", de, [
114
114
  Q(j, {
115
115
  item: r.item,
116
116
  class: "input"
@@ -118,24 +118,24 @@ const j = /* @__PURE__ */ x(ue, [["render", ce]]), pe = /* @__PURE__ */ b({
118
118
  J("img", {
119
119
  class: "graphic",
120
120
  onClick: u,
121
- src: d(t)
122
- }, null, 8, de)
121
+ src: m(t)
122
+ }, null, 8, me)
123
123
  ])), [
124
- [c, d(a)]
124
+ [c, m(a)]
125
125
  ]);
126
126
  };
127
127
  }
128
128
  });
129
- const fe = /* @__PURE__ */ x(_e, [["__scopeId", "data-v-500ec9b0"]]), F = "获取验证码", ye = 60, he = /* @__PURE__ */ b({
129
+ const fe = /* @__PURE__ */ x(_e, [["__scopeId", "data-v-500ec9b0"]]), B = "获取验证码", ye = 60, he = /* @__PURE__ */ b({
130
130
  __name: "verification-button",
131
131
  props: {
132
132
  getSmscode: { type: Function }
133
133
  },
134
134
  setup(e) {
135
- const { getSmscode: o } = e, t = v(F), l = v(null), a = T(() => t.value === F), s = () => {
136
- l && (clearInterval(l.value), l.value = null, t.value = F);
135
+ const { getSmscode: o } = e, t = v(B), l = v(null), a = T(() => t.value === B), s = () => {
136
+ l && (clearInterval(l.value), l.value = null, t.value = B);
137
137
  }, u = async () => {
138
- if (t.value === F)
138
+ if (t.value === B)
139
139
  if (t.value = ye, l.value = setInterval(() => {
140
140
  if (Number(t.value) <= 0 || !t.value) {
141
141
  s();
@@ -150,7 +150,7 @@ const fe = /* @__PURE__ */ x(_e, [["__scopeId", "data-v-500ec9b0"]]), F = "获
150
150
  return ee(() => {
151
151
  s();
152
152
  }), (r, _) => {
153
- const c = m("el-button");
153
+ const c = d("el-button");
154
154
  return n(), i(c, {
155
155
  class: "verifiaction-button",
156
156
  style: te({
@@ -160,7 +160,7 @@ const fe = /* @__PURE__ */ x(_e, [["__scopeId", "data-v-500ec9b0"]]), F = "获
160
160
  onClick: u
161
161
  }, {
162
162
  default: f(() => [
163
- I(w(a.value ? F : t.value + "s"), 1)
163
+ I(w(a.value ? B : t.value + "s"), 1)
164
164
  ]),
165
165
  _: 1
166
166
  }, 8, ["style"]);
@@ -179,7 +179,7 @@ const ve = /* @__PURE__ */ x(he, [["__scopeId", "data-v-4074e137"]]), ge = /* @_
179
179
  getSmscode: t.getSmscode
180
180
  })
181
181
  }, (l, a) => (n(), i(j, {
182
- item: d(t),
182
+ item: m(t),
183
183
  class: "input"
184
184
  }, null, 8, ["item"]));
185
185
  }
@@ -210,7 +210,7 @@ const ve = /* @__PURE__ */ x(he, [["__scopeId", "data-v-4074e137"]]), ge = /* @_
210
210
  }
211
211
  });
212
212
  function ke(e, o, t, l, a, s) {
213
- const u = m("el-divider");
213
+ const u = d("el-divider");
214
214
  return n(), i(u, oe(re(e.dividerSetting)), K({ _: 2 }, [
215
215
  P(e.item.template, (r, _) => ({
216
216
  name: _,
@@ -233,15 +233,15 @@ const Se = /* @__PURE__ */ x(be, [["render", ke]]), ze = /* @__PURE__ */ b({
233
233
  ...o.radioGroupSetting
234
234
  });
235
235
  return (s, u) => {
236
- const r = m("el-radio"), _ = m("el-radio-group");
236
+ const r = d("el-radio"), _ = d("el-radio-group");
237
237
  return n(), i(_, g({
238
- modelValue: d(t)[s.item.prop],
239
- "onUpdate:modelValue": u[0] || (u[0] = (c) => d(t)[s.item.prop] = c),
240
- size: d(l)
238
+ modelValue: m(t)[s.item.prop],
239
+ "onUpdate:modelValue": u[0] || (u[0] = (c) => m(t)[s.item.prop] = c),
240
+ size: m(l)
241
241
  }, a.value), {
242
242
  default: f(() => [
243
243
  (n(!0), S(L, null, P(s.item.option || [], (c) => (n(), i(r, g({
244
- size: d(l),
244
+ size: m(l),
245
245
  key: c.label
246
246
  }, c), {
247
247
  default: f(() => [
@@ -264,15 +264,15 @@ const Se = /* @__PURE__ */ x(be, [["render", ke]]), ze = /* @__PURE__ */ b({
264
264
  ...o.checkboxGroupSetting
265
265
  });
266
266
  return (s, u) => {
267
- const r = m("el-checkbox"), _ = m("el-checkbox-group");
267
+ const r = d("el-checkbox"), _ = d("el-checkbox-group");
268
268
  return n(), i(_, g({
269
- modelValue: d(t)[s.item.prop],
270
- "onUpdate:modelValue": u[0] || (u[0] = (c) => d(t)[s.item.prop] = c),
271
- size: d(l)
269
+ modelValue: m(t)[s.item.prop],
270
+ "onUpdate:modelValue": u[0] || (u[0] = (c) => m(t)[s.item.prop] = c),
271
+ size: m(l)
272
272
  }, a.value), {
273
273
  default: f(() => [
274
274
  (n(!0), S(L, null, P(s.item.option || [], (c) => (n(), i(r, g({
275
- size: d(l),
275
+ size: m(l),
276
276
  key: c.label
277
277
  }, c), {
278
278
  default: f(() => [
@@ -296,11 +296,11 @@ const Se = /* @__PURE__ */ x(be, [["render", ke]]), ze = /* @__PURE__ */ b({
296
296
  ...o.datePackerSetting
297
297
  });
298
298
  return (s, u) => {
299
- const r = m("el-date-picker");
299
+ const r = d("el-date-picker");
300
300
  return n(), i(r, g({
301
- modelValue: d(t)[s.item.prop],
302
- "onUpdate:modelValue": u[0] || (u[0] = (_) => d(t)[s.item.prop] = _),
303
- size: d(l)
301
+ modelValue: m(t)[s.item.prop],
302
+ "onUpdate:modelValue": u[0] || (u[0] = (_) => m(t)[s.item.prop] = _),
303
+ size: m(l)
304
304
  }, a.value), null, 16, ["modelValue", "size"]);
305
305
  };
306
306
  }
@@ -315,11 +315,11 @@ const Se = /* @__PURE__ */ x(be, [["render", ke]]), ze = /* @__PURE__ */ b({
315
315
  ...o.selectSetting
316
316
  });
317
317
  return (s, u) => {
318
- const r = m("el-option"), _ = m("el-select");
318
+ const r = d("el-option"), _ = d("el-select");
319
319
  return n(), i(_, g({
320
- modelValue: d(t)[s.item.prop],
321
- "onUpdate:modelValue": u[0] || (u[0] = (c) => d(t)[s.item.prop] = c),
322
- size: d(l)
320
+ modelValue: m(t)[s.item.prop],
321
+ "onUpdate:modelValue": u[0] || (u[0] = (c) => m(t)[s.item.prop] = c),
322
+ size: m(l)
323
323
  }, a.value), {
324
324
  default: f(() => [
325
325
  (n(!0), S(L, null, P(s.item.option || [], (c) => (n(), i(r, {
@@ -343,11 +343,11 @@ const Se = /* @__PURE__ */ x(be, [["render", ke]]), ze = /* @__PURE__ */ b({
343
343
  ...o.selectSetting
344
344
  });
345
345
  return (s, u) => {
346
- const r = m("el-cascader");
346
+ const r = d("el-cascader");
347
347
  return n(), i(r, g({
348
- modelValue: d(t)[s.item.prop],
349
- "onUpdate:modelValue": u[0] || (u[0] = (_) => d(t)[s.item.prop] = _),
350
- size: d(l),
348
+ modelValue: m(t)[s.item.prop],
349
+ "onUpdate:modelValue": u[0] || (u[0] = (_) => m(t)[s.item.prop] = _),
350
+ size: m(l),
351
351
  options: s.item.options || []
352
352
  }, a.value), null, 16, ["modelValue", "size", "options"]);
353
353
  };
@@ -464,7 +464,7 @@ const Se = /* @__PURE__ */ x(be, [["render", ke]]), ze = /* @__PURE__ */ b({
464
464
  },
465
465
  queryParams: {
466
466
  handler(e) {
467
- this.$emit("update:formData", e);
467
+ this.$emit("update:newFormData", e);
468
468
  },
469
469
  deep: !0
470
470
  },
@@ -515,7 +515,7 @@ const Se = /* @__PURE__ */ x(be, [["render", ke]]), ze = /* @__PURE__ */ b({
515
515
  }
516
516
  });
517
517
  function Le(e, o, t, l, a, s) {
518
- const u = m("Input"), r = m("Radio"), _ = m("Select"), c = m("Divider"), q = m("Cascader"), C = m("Checkbox"), U = m("DatePicker"), N = m("InputNumber"), B = m("InputMobileVerification"), R = m("InputGraphicVerification"), k = m("el-form-item"), V = m("el-button"), $ = m("el-form"), E = G("loading");
518
+ const u = d("Input"), r = d("Radio"), _ = d("Select"), c = d("Divider"), q = d("Cascader"), C = d("Checkbox"), U = d("DatePicker"), N = d("InputNumber"), F = d("InputMobileVerification"), R = d("InputGraphicVerification"), k = d("el-form-item"), V = d("el-button"), $ = d("el-form"), E = G("loading");
519
519
  return D((n(), i($, g({
520
520
  model: e.queryParams,
521
521
  ref: "queryFormRef",
@@ -564,7 +564,7 @@ function Le(e, o, t, l, a, s) {
564
564
  item: p
565
565
  }, null, 8, ["item"])) : y("", !0),
566
566
  p.type === "form-item-slot" ? O(e.$slots, p.name, { key: 8 }) : y("", !0),
567
- p.type === "input-mobile-verification" ? (n(), i(B, {
567
+ p.type === "input-mobile-verification" ? (n(), i(F, {
568
568
  key: 9,
569
569
  item: p
570
570
  }, null, 8, ["item"])) : y("", !0),
@@ -609,7 +609,7 @@ function Le(e, o, t, l, a, s) {
609
609
  [se, e.showSearch]
610
610
  ]);
611
611
  }
612
- const Ce = /* @__PURE__ */ x(Ie, [["render", Le]]), De = ["infinite-scroll-disabled"], we = ["infinite-scroll-disabled"], xe = { class: "checkbox" }, Be = /* @__PURE__ */ b({
612
+ const Ce = /* @__PURE__ */ x(Ie, [["render", Le]]), De = ["infinite-scroll-disabled"], we = ["infinite-scroll-disabled"], xe = { class: "checkbox" }, Fe = /* @__PURE__ */ b({
613
613
  __name: "InfiniteScrollList",
614
614
  props: {
615
615
  search: {
@@ -629,7 +629,7 @@ const Ce = /* @__PURE__ */ x(Ie, [["render", Le]]), De = ["infinite-scroll-disab
629
629
  required: !0
630
630
  },
631
631
  extra: {
632
- type: null,
632
+ type: Function,
633
633
  required: !1
634
634
  },
635
635
  defaultSelection: {
@@ -640,7 +640,7 @@ const Ce = /* @__PURE__ */ x(Ie, [["render", Le]]), De = ["infinite-scroll-disab
640
640
  setup(e, { expose: o }) {
641
641
  const t = e, { search: l, id: a, name: s, extra: u } = t, r = v([]), _ = v(1), c = v(!1), q = v([]), C = v(!1), U = (k, V) => {
642
642
  const { i: $ } = k;
643
- return u ? u($) : "";
643
+ return u($);
644
644
  };
645
645
  ae(
646
646
  () => t.defaultSelection,
@@ -651,7 +651,7 @@ const Ce = /* @__PURE__ */ x(Ie, [["render", Le]]), De = ["infinite-scroll-disab
651
651
  );
652
652
  const N = () => {
653
653
  _.value = 1, r.value = [], q.value = [], c.value = !1;
654
- }, B = async () => {
654
+ }, F = async () => {
655
655
  if (C.value || c.value)
656
656
  return;
657
657
  C.value = !0;
@@ -660,8 +660,8 @@ const Ce = /* @__PURE__ */ x(Ie, [["render", Le]]), De = ["infinite-scroll-disab
660
660
  }, R = T(
661
661
  () => r.value.filter((k) => q.value.includes(k[a]))
662
662
  ) || {};
663
- return o({ reset: N, loadList: B, selectInfo: R, list: r, ifbottom: c }), (k, V) => {
664
- const $ = m("el-checkbox"), E = m("el-checkbox-group"), p = G("infinite-scroll"), Y = G("loading");
663
+ return o({ reset: N, loadList: F, selectInfo: R, list: r, ifbottom: c }), (k, V) => {
664
+ const $ = d("el-checkbox"), E = d("el-checkbox-group"), p = G("infinite-scroll"), Y = G("loading");
665
665
  return t.checkbox ? D((n(), i(E, g({
666
666
  key: 0,
667
667
  modelValue: q.value,
@@ -673,15 +673,15 @@ const Ce = /* @__PURE__ */ x(Ie, [["render", Le]]), De = ["infinite-scroll-disab
673
673
  "infinite-scroll-disabled": c.value
674
674
  }, [
675
675
  (n(!0), S(L, null, P(r.value, (z) => (n(), S("li", {
676
- key: z[d(a)],
676
+ key: z[m(a)],
677
677
  class: "list-item"
678
678
  }, [
679
679
  Q($, {
680
- label: z[d(a)],
680
+ label: z[m(a)],
681
681
  class: "checkbox"
682
682
  }, {
683
683
  default: f(() => [
684
- I(w(z[d(s)]) + " ", 1),
684
+ I(w(z[m(s)]) + " ", 1),
685
685
  t.extra ? (n(), i(U, {
686
686
  key: 0,
687
687
  i: z
@@ -691,7 +691,7 @@ const Ce = /* @__PURE__ */ x(Ie, [["render", Le]]), De = ["infinite-scroll-disab
691
691
  }, 1032, ["label"])
692
692
  ]))), 128))
693
693
  ], 8, De)), [
694
- [p, B]
694
+ [p, F]
695
695
  ])
696
696
  ]),
697
697
  _: 1
@@ -703,11 +703,11 @@ const Ce = /* @__PURE__ */ x(Ie, [["render", Le]]), De = ["infinite-scroll-disab
703
703
  "infinite-scroll-disabled": c.value
704
704
  }, t), [
705
705
  (n(!0), S(L, null, P(r.value, (z) => (n(), S("li", {
706
- key: z[d(a)],
706
+ key: z[m(a)],
707
707
  class: "list-item"
708
708
  }, [
709
709
  J("div", xe, [
710
- I(w(z[d(s)]) + " ", 1),
710
+ I(w(z[m(s)]) + " ", 1),
711
711
  t.extra ? (n(), i(U, {
712
712
  key: 0,
713
713
  i: z
@@ -715,12 +715,12 @@ const Ce = /* @__PURE__ */ x(Ie, [["render", Le]]), De = ["infinite-scroll-disab
715
715
  ])
716
716
  ]))), 128))
717
717
  ], 16, we)), [
718
- [p, B]
718
+ [p, F]
719
719
  ]);
720
720
  };
721
721
  }
722
722
  });
723
- const Fe = /* @__PURE__ */ x(Be, [["__scopeId", "data-v-31620a04"]]), Ue = { key: 1 }, Ge = /* @__PURE__ */ b({
723
+ const Be = /* @__PURE__ */ x(Fe, [["__scopeId", "data-v-6bf38adc"]]), Ue = { key: 1 }, Ge = /* @__PURE__ */ b({
724
724
  __name: "Descriptions",
725
725
  props: {
726
726
  formData: {
@@ -741,7 +741,7 @@ const Fe = /* @__PURE__ */ x(Be, [["__scopeId", "data-v-31620a04"]]), Ue = { key
741
741
  });
742
742
  };
743
743
  return (l, a) => {
744
- const s = m("el-descriptions-item"), u = m("el-descriptions");
744
+ const s = d("el-descriptions-item"), u = d("el-descriptions");
745
745
  return n(), i(u, g({
746
746
  column: 1,
747
747
  border: "",
@@ -767,7 +767,7 @@ const Fe = /* @__PURE__ */ x(Be, [["__scopeId", "data-v-31620a04"]]), Ue = { key
767
767
  }, 16);
768
768
  };
769
769
  }
770
- }), Ee = Ce, Ae = Fe, Oe = Ge;
770
+ }), Ee = Ce, Ae = Be, Oe = Ge;
771
771
  export {
772
772
  Oe as VDescriptions,
773
773
  Ee as VGeneralBasicForm,
@@ -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,q){"use strict";const x={placeholder:"请输入",style:"width: 200px",clearable:!0},D={style:"width: 227px","start-placeholder":"开始日期","end-placeholder":"结束日期",type:"daterange"},w={placeholder:"请选择",filterable:!0,clearable:!0,style:"width: 200px"},L=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[s,i]of n)o[s]=i;return o};function I(t,n,o,s,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=h(L,[["render",I]]),N=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),s=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(s)},i.value),null,16,["modelValue","size"])}}}),$=Symbol(),F={class:"input-graphic-verification"},E=["src"],j=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,{graphicSrc:o="",getGraphic:s=()=>{}}=n,{formLoading:i,updateFormLoading:l}=e.inject($),a=async()=>{s&&!i.value&&await s()};return(r,m)=>{const c=e.resolveDirective("loading");return e.withDirectives((e.openBlock(),e.createElementBlock("div",F,[e.createVNode(V,{item:r.item,class:"input"},null,8,["item"]),e.createElementVNode("img",{class:"graphic",onClick:a,src:e.unref(o)},null,8,E)])),[[c,e.unref(i)]])}}}),me="",U=h(j,[["__scopeId","data-v-500ec9b0"]]),B="获取验证码",T=60,G=e.defineComponent({__name:"verification-button",props:{getSmscode:{type:Function}},setup(t){const{getSmscode:n}=t,o=e.ref(B),s=e.ref(null),i=e.computed(()=>o.value===B),l=()=>{s&&(clearInterval(s.value),s.value=null,o.value=B)},a=async()=>{if(o.value===B)if(o.value=T,s.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 c=e.resolveComponent("el-button");return e.openBlock(),e.createBlock(c,{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?B:o.value+"s"),1)]),_:1},8,["style"])}}}),de="",R=h(G,[["__scopeId","data-v-4074e137"]]),O=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=n;return o.template={append:()=>e.h(R,{getSmscode:o.getSmscode})},(s,i)=>(e.openBlock(),e.createBlock(V,{item:e.unref(o),class:"input"},null,8,["item"]))}}),A=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 Q(t,n,o,s,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 K=h(A,[["render",Q]]),M=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),s=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]=c=>e.unref(o)[l.item.prop]=c),size:e.unref(s)},i.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.item.option||[],c=>(e.openBlock(),e.createBlock(r,e.mergeProps({size:e.unref(s),key:c.label},c),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(c.value),1)]),_:2},1040,["size"]))),128))]),_:1},16,["modelValue","size"])}}}),J=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),s=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]=c=>e.unref(o)[l.item.prop]=c),size:e.unref(s)},i.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.item.option||[],c=>(e.openBlock(),e.createBlock(r,e.mergeProps({size:e.unref(s),key:c.label},c),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(c.value),1)]),_:2},1040,["size"]))),128))]),_:1},16,["modelValue","size"])}}}),W=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),s=e.inject("size"),i=e.ref({...D,...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(s)},i.value),null,16,["modelValue","size"])}}}),H=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),s=e.inject("size"),i=e.ref({...w,...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]=c=>e.unref(o)[l.item.prop]=c),size:e.unref(s)},i.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.item.option||[],c=>(e.openBlock(),e.createBlock(r,{key:c.value,label:c.label,value:c.value},null,8,["label","value"]))),128))]),_:1},16,["modelValue","size"])}}}),X=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),s=e.inject("size"),i=e.ref({...w,...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(s),options:l.item.options||[]},i.value),null,16,["modelValue","size","options"])}}}),Y=e.defineComponent({name:"GeneralBasicForm",components:{Input:V,InputNumber:N,InputGraphicVerification:U,InputMobileVerification:O,Divider:K,Radio:M,Checkbox:J,DatePicker:W,Select:H,Cascader:X},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:s}=t,i=q.useRoute(),l=e.ref({...o?{}:i==null?void 0:i.query});return e.provide("queryParams",l),e.provide("size",n),e.provide("getList",s),{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{[$]:{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 Z(t,n,o,s,i,l){const a=e.resolveComponent("Input"),r=e.resolveComponent("Radio"),m=e.resolveComponent("Select"),c=e.resolveComponent("Divider"),u=e.resolveComponent("Cascader"),g=e.resolveComponent("Checkbox"),b=e.resolveComponent("DatePicker"),S=e.resolveComponent("InputNumber"),C=e.resolveComponent("InputMobileVerification"),P=e.resolveComponent("InputGraphicVerification"),d=e.resolveComponent("el-form-item"),y=e.resolveComponent("el-button"),k=e.resolveComponent("el-form"),z=e.resolveDirective("loading");return e.withDirectives((e.openBlock(),e.createBlock(k,e.mergeProps({model:t.queryParams,ref:"queryFormRef",inline:"","label-position":"left","label-width":t.labelWidth},t.$attrs),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.formItem,p=>(e.openBlock(),e.createBlock(d,{label:p.label,prop:p.prop,key:p.prop,rules:p.rules},{default:e.withCtx(()=>[p.type==="input"?(e.openBlock(),e.createBlock(a,{key:0,item:p},null,8,["item"])):e.createCommentVNode("",!0),p.type==="radio"?(e.openBlock(),e.createBlock(r,{key:1,item:p},null,8,["item"])):e.createCommentVNode("",!0),p.type==="select"?(e.openBlock(),e.createBlock(m,{key:2,item:p},null,8,["item"])):e.createCommentVNode("",!0),p.type==="divider"?(e.openBlock(),e.createBlock(c,{key:3,item:p},null,8,["item"])):e.createCommentVNode("",!0),p.type==="cascader"?(e.openBlock(),e.createBlock(u,{key:4,item:p},null,8,["item"])):e.createCommentVNode("",!0),p.type==="checkbox"?(e.openBlock(),e.createBlock(g,{key:5,item:p},null,8,["item"])):e.createCommentVNode("",!0),p.type==="date-picker"?(e.openBlock(),e.createBlock(b,{key:6,item:p},null,8,["item"])):e.createCommentVNode("",!0),p.type==="input-number"?(e.openBlock(),e.createBlock(S,{key:7,item:p},null,8,["item"])):e.createCommentVNode("",!0),p.type==="form-item-slot"?e.renderSlot(t.$slots,p.name,{key:8}):e.createCommentVNode("",!0),p.type==="input-mobile-verification"?(e.openBlock(),e.createBlock(C,{key:9,item:p},null,8,["item"])):e.createCommentVNode("",!0),p.type==="input-graphic-verification"?(e.openBlock(),e.createBlock(P,{item:p,key:p.key},null,8,["item"])):e.createCommentVNode("",!0)]),_:2},1032,["label","prop","rules"]))),128)),e.renderSlot(t.$slots,"default"),t.formOnly?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(d,{key:0},{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createBlock(y,{type:"primary",size:t.size,onClick:t.handleQuery},{default:e.withCtx(()=>[e.createTextVNode("查询")]),_:1},8,["size","onClick"])),[[z,t.formLoading]]),e.createVNode(y,{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 v=h(Y,[["render",Z]]),ee=["infinite-scroll-disabled"],te=["infinite-scroll-disabled"],oe={class:"checkbox"},ne=e.defineComponent({__name:"InfiniteScrollList",props:{search:{type:Function,required:!0},checkbox:{type:Boolean,required:!1},id:{type:String,required:!0},name:{type:String,required:!0},extra:{type:null,required:!1},defaultSelection:{type:Array,required:!1}},setup(t,{expose:n}){const o=t,{search:s,id:i,name:l,extra:a}=o,r=e.ref([]),m=e.ref(1),c=e.ref(!1),u=e.ref([]),g=e.ref(!1),b=(d,y)=>{const{i:k}=d;return a?a(k):""};e.watch(()=>o.defaultSelection,(d=[],y=[])=>{u.value=d.map(k=>typeof k=="object"?k[i]:k)},{immediate:!0});const S=()=>{m.value=1,r.value=[],u.value=[],c.value=!1},C=async()=>{if(g.value||c.value)return;g.value=!0;const d=await s(m.value);d&&d.length>0?(r.value=[...r.value,...d],m.value+=1):c.value=!0,g.value=!1},P=e.computed(()=>r.value.filter(d=>u.value.includes(d[i])))||{};return n({reset:S,loadList:C,selectInfo:P,list:r,ifbottom:c}),(d,y)=>{const k=e.resolveComponent("el-checkbox"),z=e.resolveComponent("el-checkbox-group"),p=e.resolveDirective("infinite-scroll"),pe=e.resolveDirective("loading");return o.checkbox?e.withDirectives((e.openBlock(),e.createBlock(z,e.mergeProps({key:0,modelValue:u.value,"onUpdate:modelValue":y[0]||(y[0]=_=>u.value=_)},o),{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createElementBlock("ul",{class:"list","infinite-scroll-disabled":c.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(k,{label:_[e.unref(i)],class:"checkbox"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(_[e.unref(l)])+" ",1),o.extra?(e.openBlock(),e.createBlock(b,{key:0,i:_},null,8,["i"])):e.createCommentVNode("",!0)]),_:2},1032,["label"])]))),128))],8,ee)),[[p,C]])]),_:1},16,["modelValue"])),[[pe,g.value]]):e.withDirectives((e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:1,class:"list","infinite-scroll-disabled":c.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",oe,[e.createTextVNode(e.toDisplayString(_[e.unref(l)])+" ",1),o.extra?(e.openBlock(),e.createBlock(b,{key:0,i:_},null,8,["i"])):e.createCommentVNode("",!0)])]))),128))],16,te)),[[p,C]])}}}),fe="",re=h(ne,[["__scopeId","data-v-31620a04"]]),le={key:1},ie=e.defineComponent({__name:"Descriptions",props:{formData:{type:Object,required:!0},formItem:{type:Array,required:!0}},setup(t){const n=t,o=(s,i)=>{const{i:l,render:a,formData:r}=s;return a({row:r,$index:l})};return(s,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",le,e.toDisplayString(t.formData[r.prop]),1))]),_:2},1040,["label"]))),128))]),_:1},16)}}}),se=v,ae=re,ce=ie;f.VDescriptions=ce,f.VGeneralBasicForm=se,f.VInfiniteScrollList=ae,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,q){"use strict";const w={placeholder:"请输入",style:"width: 200px",clearable:!0},D={style:"width: 227px","start-placeholder":"开始日期","end-placeholder":"结束日期",type:"daterange"},x={placeholder:"请选择",filterable:!0,clearable:!0,style:"width: 200px"},L=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:{...w,...this.item.inputSetting}}},methods:{currentInputComponent(){return"input-archive"}}}),h=(t,n)=>{const o=t.__vccOpts||t;for(const[s,i]of n)o[s]=i;return o};function I(t,n,o,s,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=h(L,[["render",I]]),N=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),s=e.inject("size"),i=e.ref({...w,...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(s)},i.value),null,16,["modelValue","size"])}}}),$=Symbol(),F={class:"input-graphic-verification"},E=["src"],j=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,{graphicSrc:o="",getGraphic:s=()=>{}}=n,{formLoading:i,updateFormLoading:l}=e.inject($),a=async()=>{s&&!i.value&&await s()};return(r,m)=>{const c=e.resolveDirective("loading");return e.withDirectives((e.openBlock(),e.createElementBlock("div",F,[e.createVNode(V,{item:r.item,class:"input"},null,8,["item"]),e.createElementVNode("img",{class:"graphic",onClick:a,src:e.unref(o)},null,8,E)])),[[c,e.unref(i)]])}}}),me="",U=h(j,[["__scopeId","data-v-500ec9b0"]]),B="获取验证码",T=60,G=e.defineComponent({__name:"verification-button",props:{getSmscode:{type:Function}},setup(t){const{getSmscode:n}=t,o=e.ref(B),s=e.ref(null),i=e.computed(()=>o.value===B),l=()=>{s&&(clearInterval(s.value),s.value=null,o.value=B)},a=async()=>{if(o.value===B)if(o.value=T,s.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 c=e.resolveComponent("el-button");return e.openBlock(),e.createBlock(c,{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?B:o.value+"s"),1)]),_:1},8,["style"])}}}),de="",R=h(G,[["__scopeId","data-v-4074e137"]]),O=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=n;return o.template={append:()=>e.h(R,{getSmscode:o.getSmscode})},(s,i)=>(e.openBlock(),e.createBlock(V,{item:e.unref(o),class:"input"},null,8,["item"]))}}),A=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 Q(t,n,o,s,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 K=h(A,[["render",Q]]),M=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),s=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]=c=>e.unref(o)[l.item.prop]=c),size:e.unref(s)},i.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.item.option||[],c=>(e.openBlock(),e.createBlock(r,e.mergeProps({size:e.unref(s),key:c.label},c),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(c.value),1)]),_:2},1040,["size"]))),128))]),_:1},16,["modelValue","size"])}}}),J=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),s=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]=c=>e.unref(o)[l.item.prop]=c),size:e.unref(s)},i.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.item.option||[],c=>(e.openBlock(),e.createBlock(r,e.mergeProps({size:e.unref(s),key:c.label},c),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(c.value),1)]),_:2},1040,["size"]))),128))]),_:1},16,["modelValue","size"])}}}),W=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),s=e.inject("size"),i=e.ref({...D,...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(s)},i.value),null,16,["modelValue","size"])}}}),H=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),s=e.inject("size"),i=e.ref({...x,...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]=c=>e.unref(o)[l.item.prop]=c),size:e.unref(s)},i.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.item.option||[],c=>(e.openBlock(),e.createBlock(r,{key:c.value,label:c.label,value:c.value},null,8,["label","value"]))),128))]),_:1},16,["modelValue","size"])}}}),X=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),s=e.inject("size"),i=e.ref({...x,...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(s),options:l.item.options||[]},i.value),null,16,["modelValue","size","options"])}}}),Y=e.defineComponent({name:"GeneralBasicForm",components:{Input:V,InputNumber:N,InputGraphicVerification:U,InputMobileVerification:O,Divider:K,Radio:M,Checkbox:J,DatePicker:W,Select:H,Cascader:X},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:s}=t,i=q.useRoute(),l=e.ref({...o?{}:i==null?void 0:i.query});return e.provide("queryParams",l),e.provide("size",n),e.provide("getList",s),{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:newFormData",t)},deep:!0},loading(t){this.formLoading!==t&&(this.formLoading=t)},formLoading(t){this.loading!==t&&this.$emit("update:loading",t)}},provide(){return{[$]:{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 Z(t,n,o,s,i,l){const a=e.resolveComponent("Input"),r=e.resolveComponent("Radio"),m=e.resolveComponent("Select"),c=e.resolveComponent("Divider"),u=e.resolveComponent("Cascader"),g=e.resolveComponent("Checkbox"),b=e.resolveComponent("DatePicker"),S=e.resolveComponent("InputNumber"),C=e.resolveComponent("InputMobileVerification"),P=e.resolveComponent("InputGraphicVerification"),d=e.resolveComponent("el-form-item"),y=e.resolveComponent("el-button"),k=e.resolveComponent("el-form"),z=e.resolveDirective("loading");return e.withDirectives((e.openBlock(),e.createBlock(k,e.mergeProps({model:t.queryParams,ref:"queryFormRef",inline:"","label-position":"left","label-width":t.labelWidth},t.$attrs),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.formItem,p=>(e.openBlock(),e.createBlock(d,{label:p.label,prop:p.prop,key:p.prop,rules:p.rules},{default:e.withCtx(()=>[p.type==="input"?(e.openBlock(),e.createBlock(a,{key:0,item:p},null,8,["item"])):e.createCommentVNode("",!0),p.type==="radio"?(e.openBlock(),e.createBlock(r,{key:1,item:p},null,8,["item"])):e.createCommentVNode("",!0),p.type==="select"?(e.openBlock(),e.createBlock(m,{key:2,item:p},null,8,["item"])):e.createCommentVNode("",!0),p.type==="divider"?(e.openBlock(),e.createBlock(c,{key:3,item:p},null,8,["item"])):e.createCommentVNode("",!0),p.type==="cascader"?(e.openBlock(),e.createBlock(u,{key:4,item:p},null,8,["item"])):e.createCommentVNode("",!0),p.type==="checkbox"?(e.openBlock(),e.createBlock(g,{key:5,item:p},null,8,["item"])):e.createCommentVNode("",!0),p.type==="date-picker"?(e.openBlock(),e.createBlock(b,{key:6,item:p},null,8,["item"])):e.createCommentVNode("",!0),p.type==="input-number"?(e.openBlock(),e.createBlock(S,{key:7,item:p},null,8,["item"])):e.createCommentVNode("",!0),p.type==="form-item-slot"?e.renderSlot(t.$slots,p.name,{key:8}):e.createCommentVNode("",!0),p.type==="input-mobile-verification"?(e.openBlock(),e.createBlock(C,{key:9,item:p},null,8,["item"])):e.createCommentVNode("",!0),p.type==="input-graphic-verification"?(e.openBlock(),e.createBlock(P,{item:p,key:p.key},null,8,["item"])):e.createCommentVNode("",!0)]),_:2},1032,["label","prop","rules"]))),128)),e.renderSlot(t.$slots,"default"),t.formOnly?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(d,{key:0},{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createBlock(y,{type:"primary",size:t.size,onClick:t.handleQuery},{default:e.withCtx(()=>[e.createTextVNode("查询")]),_:1},8,["size","onClick"])),[[z,t.formLoading]]),e.createVNode(y,{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 v=h(Y,[["render",Z]]),ee=["infinite-scroll-disabled"],te=["infinite-scroll-disabled"],oe={class:"checkbox"},ne=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:Function,required:!1},defaultSelection:{type:Array,required:!1}},setup(t,{expose:n}){const o=t,{search:s,id:i,name:l,extra:a}=o,r=e.ref([]),m=e.ref(1),c=e.ref(!1),u=e.ref([]),g=e.ref(!1),b=(d,y)=>{const{i:k}=d;return a(k)};e.watch(()=>o.defaultSelection,(d=[],y=[])=>{u.value=d.map(k=>typeof k=="object"?k[i]:k)},{immediate:!0});const S=()=>{m.value=1,r.value=[],u.value=[],c.value=!1},C=async()=>{if(g.value||c.value)return;g.value=!0;const d=await s(m.value);d&&d.length>0?(r.value=[...r.value,...d],m.value+=1):c.value=!0,g.value=!1},P=e.computed(()=>r.value.filter(d=>u.value.includes(d[i])))||{};return n({reset:S,loadList:C,selectInfo:P,list:r,ifbottom:c}),(d,y)=>{const k=e.resolveComponent("el-checkbox"),z=e.resolveComponent("el-checkbox-group"),p=e.resolveDirective("infinite-scroll"),pe=e.resolveDirective("loading");return o.checkbox?e.withDirectives((e.openBlock(),e.createBlock(z,e.mergeProps({key:0,modelValue:u.value,"onUpdate:modelValue":y[0]||(y[0]=_=>u.value=_)},o),{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createElementBlock("ul",{class:"list","infinite-scroll-disabled":c.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(k,{label:_[e.unref(i)],class:"checkbox"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(_[e.unref(l)])+" ",1),o.extra?(e.openBlock(),e.createBlock(b,{key:0,i:_},null,8,["i"])):e.createCommentVNode("",!0)]),_:2},1032,["label"])]))),128))],8,ee)),[[p,C]])]),_:1},16,["modelValue"])),[[pe,g.value]]):e.withDirectives((e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:1,class:"list","infinite-scroll-disabled":c.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",oe,[e.createTextVNode(e.toDisplayString(_[e.unref(l)])+" ",1),o.extra?(e.openBlock(),e.createBlock(b,{key:0,i:_},null,8,["i"])):e.createCommentVNode("",!0)])]))),128))],16,te)),[[p,C]])}}}),fe="",re=h(ne,[["__scopeId","data-v-6bf38adc"]]),le={key:1},ie=e.defineComponent({__name:"Descriptions",props:{formData:{type:Object,required:!0},formItem:{type:Array,required:!0}},setup(t){const n=t,o=(s,i)=>{const{i:l,render:a,formData:r}=s;return a({row:r,$index:l})};return(s,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",le,e.toDisplayString(t.formData[r.prop]),1))]),_:2},1040,["label"]))),128))]),_:1},16)}}}),se=v,ae=re,ce=ie;f.VDescriptions=ce,f.VGeneralBasicForm=se,f.VInfiniteScrollList=ae,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-31620a04]{height:272px;overflow:auto;padding:8px 0}.list .checkbox[data-v-31620a04]{width:calc(100% - 32px);padding:0 16px}
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-6bf38adc]{height:272px;overflow:auto;padding:8px 0}.list .checkbox[data-v-6bf38adc]{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.33",
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.35",
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
+ }