general-basic-form 2.0.18 → 2.0.19

package/README.md

@@ -429,6 +429,7 @@ search：数据接口 (page: Number) => Promise<[]>
 id：数据key值（唯一和选择值）
 name：显示名字
 extra：同行额外显示的内容，(item: any) => VNode | String;
+defaultSelection：包含数据key值的对象数组或者直接传入key值数组
 ```
 
 ```

package/dist/index.js

@@ -1,10 +1,10 @@
-import { defineComponent as h, inject as v, resolveComponent as p, openBlock as o, createBlock as u, mergeProps as S, withKeys as Y, createSlots as j, renderList as z, withCtx as f, resolveDynamicComponent as K, createCommentVNode as g, ref as y, unref as d, resolveDirective as E, withDirectives as w, createElementBlock as P, createVNode as G, createElementVNode as Z, computed as Q, onBeforeUnmount as ee, normalizeStyle as te, createTextVNode as V, toDisplayString as N, h as ne, normalizeProps as oe, guardReactiveProps as re, Fragment as F, provide as O, renderSlot as x, vShow as se } from "vue";
+import { defineComponent as S, inject as v, resolveComponent as p, openBlock as o, createBlock as u, mergeProps as k, withKeys as Y, createSlots as T, renderList as $, withCtx as f, resolveDynamicComponent as K, createCommentVNode as b, ref as y, unref as d, resolveDirective as E, withDirectives as D, createElementBlock as z, createVNode as G, createElementVNode as Z, computed as x, onBeforeUnmount as ee, normalizeStyle as te, createTextVNode as L, toDisplayString as N, h as ne, normalizeProps as oe, guardReactiveProps as re, Fragment as F, provide as O, renderSlot as j, vShow as se, watch as ae } from "vue";
 import { useRoute as ie } from "vue-router";
 const M = {
   placeholder: "请输入",
   style: "width: 200px",
   clearable: !0
-}, ae = {
+}, le = {
   style: "width: 227px",
   "start-placeholder": "开始日期",
   "end-placeholder": "结束日期",
@@ -14,7 +14,7 @@ const M = {
   filterable: !0,
   clearable: !0,
   style: "width: 200px"
-}, le = h({
+}, ue = S({
   components: {
     InputArchive: (e) => {
       const { templateEle: n } = e;
@@ -54,120 +54,120 @@ const M = {
   //     console.log(val);
   //   },
   // },
-}), I = (e, n) => {
+}), C = (e, n) => {
   const t = e.__vccOpts || e;
-  for (const [l, i] of n)
-    t[l] = i;
+  for (const [l, r] of n)
+    t[l] = r;
   return t;
 };
-function ue(e, n, t, l, i, a) {
-  const r = p("el-input");
-  return o(), u(r, S({
+function ce(e, n, t, l, r, i) {
+  const s = p("el-input");
+  return o(), u(s, k({
     onKeydown: Y(e.getList, ["enter"]),
     modelValue: e.queryParams[e.item.prop],
-    "onUpdate:modelValue": n[0] || (n[0] = (s) => e.queryParams[e.item.prop] = s),
+    "onUpdate:modelValue": n[0] || (n[0] = (a) => e.queryParams[e.item.prop] = a),
     size: e.size
-  }, e.inputSetting), j({ _: 2 }, [
-    z(e.item.template, (s, m) => ({
+  }, e.inputSetting), T({ _: 2 }, [
+    $(e.item.template, (a, m) => ({
       name: m,
       fn: f(() => [
-        s ? (o(), u(K(e.currentInputComponent()), {
+        a ? (o(), u(K(e.currentInputComponent()), {
           key: m,
-          templateEle: s
-        }, null, 8, ["templateEle"])) : g("", !0)
+          templateEle: a
+        }, null, 8, ["templateEle"])) : b("", !0)
       ])
     }))
   ]), 1040, ["onKeydown", "modelValue", "size"]);
 }
-const T = /* @__PURE__ */ I(le, [["render", ue]]), ce = /* @__PURE__ */ h({
+const Q = /* @__PURE__ */ C(ue, [["render", ce]]), pe = /* @__PURE__ */ S({
   __name: "index",
   props: {
     item: {}
   },
   setup(e) {
-    const { item: n } = e, t = v("queryParams", {}), l = v("size"), i = y({
+    const { item: n } = e, t = v("queryParams", {}), l = v("size"), r = y({
       ...M,
       ...n.inputSetting
     });
-    return (a, r) => {
-      const s = p("el-input-number");
-      return o(), u(s, S({
-        modelValue: d(t)[a.item.prop],
-        "onUpdate:modelValue": r[0] || (r[0] = (m) => d(t)[a.item.prop] = m),
+    return (i, s) => {
+      const a = p("el-input-number");
+      return o(), u(a, k({
+        modelValue: d(t)[i.item.prop],
+        "onUpdate:modelValue": s[0] || (s[0] = (m) => d(t)[i.item.prop] = m),
         size: d(l)
-      }, i.value), null, 16, ["modelValue", "size"]);
+      }, r.value), null, 16, ["modelValue", "size"]);
     };
   }
-}), H = Symbol(), pe = { class: "input-graphic-verification" }, me = ["src"], de = /* @__PURE__ */ h({
+}), H = Symbol(), me = { class: "input-graphic-verification" }, de = ["src"], _e = /* @__PURE__ */ S({
   __name: "index",
   props: {
     item: {}
   },
   setup(e) {
     const { item: n } = e, { graphicSrc: t = "", getGraphic: l = () => {
-    } } = n, { formLoading: i, updateFormLoading: a } = v(H), r = async () => {
-      l && !i.value && await l();
+    } } = n, { formLoading: r, updateFormLoading: i } = v(H), s = async () => {
+      l && !r.value && await l();
     };
-    return (s, m) => {
+    return (a, m) => {
       const _ = E("loading");
-      return w((o(), P("div", pe, [
-        G(T, {
-          item: s.item,
+      return D((o(), z("div", me, [
+        G(Q, {
+          item: a.item,
           class: "input"
         }, null, 8, ["item"]),
         Z("img", {
           class: "graphic",
-          onClick: r,
+          onClick: s,
           src: d(t)
-        }, null, 8, me)
+        }, null, 8, de)
       ])), [
-        [_, d(i)]
+        [_, d(r)]
       ]);
     };
   }
 });
-const _e = /* @__PURE__ */ I(de, [["__scopeId", "data-v-500ec9b0"]]), D = "获取验证码", fe = 60, ye = /* @__PURE__ */ h({
+const fe = /* @__PURE__ */ C(_e, [["__scopeId", "data-v-500ec9b0"]]), w = "获取验证码", ye = 60, ve = /* @__PURE__ */ S({
   __name: "verification-button",
   props: {
     getSmscode: { type: Function }
   },
   setup(e) {
-    const { getSmscode: n } = e, t = y(D), l = y(null), i = Q(() => t.value === D), a = () => {
-      l && (clearInterval(l.value), l.value = null, t.value = D);
-    }, r = async () => {
-      if (t.value === D)
-        if (t.value = fe, l.value = setInterval(() => {
+    const { getSmscode: n } = e, t = y(w), l = y(null), r = x(() => t.value === w), i = () => {
+      l && (clearInterval(l.value), l.value = null, t.value = w);
+    }, s = async () => {
+      if (t.value === w)
+        if (t.value = ye, l.value = setInterval(() => {
           if (Number(t.value) <= 0 || !t.value) {
-            a();
+            i();
             return;
           } else
             t.value = Number(t.value) - 1;
         }, 1e3), n)
-          await n() === !1 && a();
+          await n() === !1 && i();
         else
           return;
     };
     return ee(() => {
-      a();
-    }), (s, m) => {
+      i();
+    }), (a, m) => {
       const _ = p("el-button");
       return o(), u(_, {
         class: "verifiaction-button",
         style: te({
-          color: i.value ? "var(--color-primary, #409EFF)" : "var(--text-color-placeholder, #A8ABB2)",
-          cursor: i.value ? "pointer" : "default"
+          color: r.value ? "var(--color-primary, #409EFF)" : "var(--text-color-placeholder, #A8ABB2)",
+          cursor: r.value ? "pointer" : "default"
         }),
-        onClick: r
+        onClick: s
       }, {
         default: f(() => [
-          V(N(i.value ? D : t.value + "s"), 1)
+          L(N(r.value ? w : t.value + "s"), 1)
         ]),
         _: 1
       }, 8, ["style"]);
     };
   }
 });
-const ve = /* @__PURE__ */ I(ye, [["__scopeId", "data-v-4074e137"]]), ge = /* @__PURE__ */ h({
+const he = /* @__PURE__ */ C(ve, [["__scopeId", "data-v-4074e137"]]), ge = /* @__PURE__ */ S({
   __name: "index",
   props: {
     item: {}
@@ -175,15 +175,15 @@ const ve = /* @__PURE__ */ I(ye, [["__scopeId", "data-v-4074e137"]]), ge = /* @_
   setup(e) {
     const { item: n } = e, t = n;
     return t.template = {
-      append: () => ne(ve, {
+      append: () => ne(he, {
         getSmscode: t.getSmscode
       })
-    }, (l, i) => (o(), u(T, {
+    }, (l, r) => (o(), u(Q, {
       item: d(t),
       class: "input"
     }, null, 8, ["item"]));
   }
-}), he = h({
+}), be = S({
   components: {
     slotArchive: (e) => {
       const { templateEle: n } = e;
@@ -209,46 +209,46 @@ const ve = /* @__PURE__ */ I(ye, [["__scopeId", "data-v-4074e137"]]), ge = /* @_
     }
   }
 });
-function be(e, n, t, l, i, a) {
-  const r = p("el-divider");
-  return o(), u(r, oe(re(e.dividerSetting)), j({ _: 2 }, [
-    z(e.item.template, (s, m) => ({
+function Se(e, n, t, l, r, i) {
+  const s = p("el-divider");
+  return o(), u(s, oe(re(e.dividerSetting)), T({ _: 2 }, [
+    $(e.item.template, (a, m) => ({
       name: m,
       fn: f(() => [
-        s ? (o(), u(K(e.currentInputComponent()), {
+        a ? (o(), u(K(e.currentInputComponent()), {
           key: m,
-          templateEle: s
-        }, null, 8, ["templateEle"])) : g("", !0)
+          templateEle: a
+        }, null, 8, ["templateEle"])) : b("", !0)
       ])
     }))
   ]), 1040);
 }
-const ke = /* @__PURE__ */ I(he, [["render", be]]), Se = /* @__PURE__ */ h({
+const ke = /* @__PURE__ */ C(be, [["render", Se]]), Pe = /* @__PURE__ */ S({
   __name: "index",
   props: {
     item: {}
   },
   setup(e) {
-    const { item: n } = e, t = v("queryParams", {}), l = v("size"), i = y({
+    const { item: n } = e, t = v("queryParams", {}), l = v("size"), r = y({
       ...n.radioSetting
-    }), a = y({
+    }), i = y({
       ...n.radioGroupSetting
     });
-    return (r, s) => {
+    return (s, a) => {
       const m = p("el-radio"), _ = p("el-radio-group");
-      return o(), u(_, S({
-        modelValue: d(t)[r.item.prop],
-        "onUpdate:modelValue": s[0] || (s[0] = (b) => d(t)[r.item.prop] = b),
+      return o(), u(_, k({
+        modelValue: d(t)[s.item.prop],
+        "onUpdate:modelValue": a[0] || (a[0] = (h) => d(t)[s.item.prop] = h),
         size: d(l)
-      }, a.value), {
+      }, i.value), {
         default: f(() => [
-          (o(!0), P(F, null, z(r.item.option || [], (b) => (o(), u(m, S({
+          (o(!0), z(F, null, $(s.item.option || [], (h) => (o(), u(m, k({
             size: d(l),
-            label: b.label,
-            key: b.label
-          }, i.value), {
+            label: h.label,
+            key: h.label
+          }, r.value), {
             default: f(() => [
-              V(N(b.value), 1)
+              L(N(h.value), 1)
             ]),
             _: 2
           }, 1040, ["size", "label"]))), 128))
@@ -257,44 +257,44 @@ const ke = /* @__PURE__ */ I(he, [["render", be]]), Se = /* @__PURE__ */ h({
       }, 16, ["modelValue", "size"]);
     };
   }
-}), Pe = /* @__PURE__ */ h({
+}), ze = /* @__PURE__ */ S({
   __name: "index",
   props: {
     item: {}
   },
   setup(e) {
-    const { item: n } = e, t = v("queryParams", {}), l = v("size"), i = y({
-      ...ae,
+    const { item: n } = e, t = v("queryParams", {}), l = v("size"), r = y({
+      ...le,
       ...n.datePackerSetting
     });
-    return (a, r) => {
-      const s = p("el-date-picker");
-      return o(), u(s, S({
-        modelValue: d(t)[a.item.prop],
-        "onUpdate:modelValue": r[0] || (r[0] = (m) => d(t)[a.item.prop] = m),
+    return (i, s) => {
+      const a = p("el-date-picker");
+      return o(), u(a, k({
+        modelValue: d(t)[i.item.prop],
+        "onUpdate:modelValue": s[0] || (s[0] = (m) => d(t)[i.item.prop] = m),
         size: d(l)
-      }, i.value), null, 16, ["modelValue", "size"]);
+      }, r.value), null, 16, ["modelValue", "size"]);
     };
   }
-}), ze = /* @__PURE__ */ h({
+}), $e = /* @__PURE__ */ S({
   __name: "index",
   props: {
     item: {}
   },
   setup(e) {
-    const { item: n } = e, t = v("queryParams", {}), l = v("size"), i = y({
+    const { item: n } = e, t = v("queryParams", {}), l = v("size"), r = y({
       ...W,
       ...n.selectSetting
     });
-    return (a, r) => {
-      const s = p("el-option"), m = p("el-select");
-      return o(), u(m, S({
-        modelValue: d(t)[a.item.prop],
-        "onUpdate:modelValue": r[0] || (r[0] = (_) => d(t)[a.item.prop] = _),
+    return (i, s) => {
+      const a = p("el-option"), m = p("el-select");
+      return o(), u(m, k({
+        modelValue: d(t)[i.item.prop],
+        "onUpdate:modelValue": s[0] || (s[0] = (_) => d(t)[i.item.prop] = _),
         size: d(l)
-      }, i.value), {
+      }, r.value), {
         default: f(() => [
-          (o(!0), P(F, null, z(a.item.option || [], (_) => (o(), u(s, {
+          (o(!0), z(F, null, $(i.item.option || [], (_) => (o(), u(a, {
             key: _.value,
             label: _.label,
             value: _.value
@@ -304,38 +304,38 @@ const ke = /* @__PURE__ */ I(he, [["render", be]]), Se = /* @__PURE__ */ h({
       }, 16, ["modelValue", "size"]);
     };
   }
-}), $e = /* @__PURE__ */ h({
+}), qe = /* @__PURE__ */ S({
   __name: "index",
   props: {
     item: {}
   },
   setup(e) {
-    const { item: n } = e, t = v("queryParams", {}), l = v("size"), i = y({
+    const { item: n } = e, t = v("queryParams", {}), l = v("size"), r = y({
       ...W,
       ...n.selectSetting
     });
-    return (a, r) => {
-      const s = p("el-cascader");
-      return o(), u(s, S({
-        modelValue: d(t)[a.item.prop],
-        "onUpdate:modelValue": r[0] || (r[0] = (m) => d(t)[a.item.prop] = m),
+    return (i, s) => {
+      const a = p("el-cascader");
+      return o(), u(a, k({
+        modelValue: d(t)[i.item.prop],
+        "onUpdate:modelValue": s[0] || (s[0] = (m) => d(t)[i.item.prop] = m),
         size: d(l),
-        options: a.item.options || []
-      }, i.value), null, 16, ["modelValue", "size", "options"]);
+        options: i.item.options || []
+      }, r.value), null, 16, ["modelValue", "size", "options"]);
     };
   }
-}), qe = h({
+}), Ve = S({
   name: "GeneralBasicForm",
   components: {
-    Input: T,
-    InputNumber: ce,
-    InputGraphicVerification: _e,
+    Input: Q,
+    InputNumber: pe,
+    InputGraphicVerification: fe,
     InputMobileVerification: ge,
     Divider: ke,
-    Radio: Se,
-    DatePicker: Pe,
-    Select: ze,
-    Cascader: $e
+    Radio: Pe,
+    DatePicker: ze,
+    Select: $e,
+    Cascader: qe
   },
   props: {
     showSearch: {
@@ -398,14 +398,14 @@ const ke = /* @__PURE__ */ I(he, [["render", be]]), Se = /* @__PURE__ */ h({
     };
   },
   setup(e) {
-    const { size: n, noUrlParameters: t, getList: l } = e, i = ie(), a = y({
-      ...t ? {} : i == null ? void 0 : i.query
+    const { size: n, noUrlParameters: t, getList: l } = e, r = ie(), i = y({
+      ...t ? {} : r == null ? void 0 : r.query
     });
     return O(
       /* 注入名 */
       "queryParams",
       /* 值 */
-      a
+      i
     ), O(
       /* 注入名 */
       "size",
@@ -417,7 +417,7 @@ const ke = /* @__PURE__ */ I(he, [["render", be]]), Se = /* @__PURE__ */ h({
       /* 值 */
       l
     ), {
-      queryParams: a
+      queryParams: i
     };
   },
   watch: {
@@ -444,7 +444,7 @@ const ke = /* @__PURE__ */ I(he, [["render", be]]), Se = /* @__PURE__ */ h({
     return {
       // 显式提供一个计算属性
       [H]: {
-        formLoading: Q(() => this.formLoading),
+        formLoading: x(() => this.formLoading),
         updateFormLoading: (e) => {
           this.formLoading = e;
         }
@@ -479,9 +479,9 @@ const ke = /* @__PURE__ */ I(he, [["render", be]]), Se = /* @__PURE__ */ h({
     }
   }
 });
-function Ve(e, n, t, l, i, a) {
-  const r = p("Input"), s = p("Radio"), m = p("Select"), _ = p("Divider"), b = p("Cascader"), $ = p("DatePicker"), R = p("InputNumber"), A = p("InputMobileVerification"), B = p("InputGraphicVerification"), U = p("el-form-item"), k = p("el-button"), L = p("el-form"), C = E("loading");
-  return w((o(), u(L, S({
+function Ie(e, n, t, l, r, i) {
+  const s = p("Input"), a = p("Radio"), m = p("Select"), _ = p("Divider"), h = p("Cascader"), q = p("DatePicker"), R = p("InputNumber"), A = p("InputMobileVerification"), B = p("InputGraphicVerification"), U = p("el-form-item"), g = p("el-button"), V = p("el-form"), P = E("loading");
+  return D((o(), u(V, k({
     model: e.queryParams,
     ref: "queryFormRef",
     inline: "",
@@ -489,88 +489,88 @@ function Ve(e, n, t, l, i, a) {
     "label-width": e.labelWidth
   }, e.$attrs), {
     default: f(() => [
-      (o(!0), P(F, null, z(e.formItem, (c) => (o(), u(U, {
+      (o(!0), z(F, null, $(e.formItem, (c) => (o(), u(U, {
         label: c.label,
         prop: c.prop,
         key: c.prop,
         rules: c.rules
       }, {
         default: f(() => [
-          c.type === "input" ? (o(), u(r, {
+          c.type === "input" ? (o(), u(s, {
             key: 0,
             item: c
-          }, null, 8, ["item"])) : g("", !0),
-          c.type === "radio" ? (o(), u(s, {
+          }, null, 8, ["item"])) : b("", !0),
+          c.type === "radio" ? (o(), u(a, {
             key: 1,
             item: c
-          }, null, 8, ["item"])) : g("", !0),
+          }, null, 8, ["item"])) : b("", !0),
           c.type === "select" ? (o(), u(m, {
             key: 2,
             item: c
-          }, null, 8, ["item"])) : g("", !0),
+          }, null, 8, ["item"])) : b("", !0),
           c.type === "divider" ? (o(), u(_, {
             key: 3,
             item: c
-          }, null, 8, ["item"])) : g("", !0),
-          c.type === "cascader" ? (o(), u(b, {
+          }, null, 8, ["item"])) : b("", !0),
+          c.type === "cascader" ? (o(), u(h, {
             key: 4,
             item: c
-          }, null, 8, ["item"])) : g("", !0),
-          c.type === "date-picker" ? (o(), u($, {
+          }, null, 8, ["item"])) : b("", !0),
+          c.type === "date-picker" ? (o(), u(q, {
             key: 5,
             item: c
-          }, null, 8, ["item"])) : g("", !0),
+          }, null, 8, ["item"])) : b("", !0),
           c.type === "input-number" ? (o(), u(R, {
             key: 6,
             item: c
-          }, null, 8, ["item"])) : g("", !0),
-          c.type === "form-item-slot" ? x(e.$slots, c.name, { key: 7 }) : g("", !0),
+          }, null, 8, ["item"])) : b("", !0),
+          c.type === "form-item-slot" ? j(e.$slots, c.name, { key: 7 }) : b("", !0),
           c.type === "input-mobile-verification" ? (o(), u(A, {
             key: 8,
             item: c
-          }, null, 8, ["item"])) : g("", !0),
+          }, null, 8, ["item"])) : b("", !0),
           c.type === "input-graphic-verification" ? (o(), u(B, {
             item: c,
             key: c.key
-          }, null, 8, ["item"])) : g("", !0)
+          }, null, 8, ["item"])) : b("", !0)
         ]),
         _: 2
       }, 1032, ["label", "prop", "rules"]))), 128)),
-      x(e.$slots, "default"),
-      e.formOnly ? g("", !0) : (o(), u(U, { key: 0 }, {
+      j(e.$slots, "default"),
+      e.formOnly ? b("", !0) : (o(), u(U, { key: 0 }, {
         default: f(() => [
-          w((o(), u(k, {
+          D((o(), u(g, {
             type: "primary",
             size: e.size,
             onClick: e.handleQuery
           }, {
             default: f(() => [
-              V("查询")
+              L("查询")
             ]),
             _: 1
           }, 8, ["size", "onClick"])), [
-            [C, e.formLoading]
+            [P, e.formLoading]
           ]),
-          G(k, {
+          G(g, {
             size: e.size,
             onClick: e.resetQuery
           }, {
             default: f(() => [
-              V("重置")
+              L("重置")
             ]),
             _: 1
           }, 8, ["size", "onClick"])
         ]),
         _: 1
       })),
-      x(e.$slots, "behind-the-button")
+      j(e.$slots, "behind-the-button")
     ]),
     _: 3
   }, 16, ["model", "label-width"])), [
     [se, e.showSearch]
   ]);
 }
-const Ie = /* @__PURE__ */ I(qe, [["render", Ve]]), Le = ["infinite-scroll-disabled"], Ce = /* @__PURE__ */ h({
+const Le = /* @__PURE__ */ C(Ve, [["render", Ie]]), Ce = ["infinite-scroll-disabled"], we = /* @__PURE__ */ S({
   __name: "InfiniteScrollList",
   props: {
     search: {
@@ -588,61 +588,73 @@ const Ie = /* @__PURE__ */ I(qe, [["render", Ve]]), Le = ["infinite-scroll-disab
     extra: {
       type: Function,
       required: !1
+    },
+    defaultSelection: {
+      type: Array,
+      required: !1
     }
   },
   setup(e, { expose: n }) {
-    const t = e, { search: l, id: i, name: a, extra: r } = t, s = y([]), m = y(1), _ = y(!1), b = y([]), $ = y(!1), R = (k, L) => {
-      const { i: C } = k;
-      return r(C);
-    }, A = () => {
-      m.value = 1, s.value = [], b.value = [], _.value = !1;
+    const t = e, { search: l, id: r, name: i, extra: s } = t, a = y([]), m = y(1), _ = y(!1), h = y([]), q = y(!1), R = (g, V) => {
+      const { i: P } = g;
+      return s(P);
+    };
+    ae(
+      () => t.defaultSelection,
+      (g = [], V = []) => {
+        h.value = g.map((P) => typeof P == "object" ? P[r] : P);
+      },
+      { immediate: !0 }
+    );
+    const A = () => {
+      m.value = 1, a.value = [], h.value = [], _.value = !1;
     }, B = async () => {
-      if ($.value || _.value)
+      if (q.value || _.value)
         return;
-      $.value = !0;
-      const k = await l(m.value);
-      k && k.length > 0 ? (s.value = [...s.value, ...k], m.value += 1) : _.value = !0, $.value = !1;
-    }, U = Q(
-      () => s.value.filter((k) => b.value.includes(k[i]))
+      q.value = !0;
+      const g = await l(m.value);
+      g && g.length > 0 ? (a.value = [...a.value, ...g], m.value += 1) : _.value = !0, q.value = !1;
+    }, U = x(
+      () => a.value.filter((g) => h.value.includes(g[r]))
     ) || {};
-    return n({ reset: A, loadList: B, selectInfo: U, list: s, ifbottom: _ }), (k, L) => {
-      const C = p("el-checkbox"), c = p("el-checkbox-group"), J = E("infinite-scroll"), X = E("loading");
-      return w((o(), u(c, S({
-        modelValue: b.value,
-        "onUpdate:modelValue": L[0] || (L[0] = (q) => b.value = q)
+    return n({ reset: A, loadList: B, selectInfo: U, list: a, ifbottom: _ }), (g, V) => {
+      const P = p("el-checkbox"), c = p("el-checkbox-group"), J = E("infinite-scroll"), X = E("loading");
+      return D((o(), u(c, k({
+        modelValue: h.value,
+        "onUpdate:modelValue": V[0] || (V[0] = (I) => h.value = I)
       }, t), {
         default: f(() => [
-          w((o(), P("ul", {
+          D((o(), z("ul", {
             class: "list",
             "infinite-scroll-disabled": _.value
           }, [
-            (o(!0), P(F, null, z(s.value, (q) => (o(), P("li", {
-              key: q[d(i)],
+            (o(!0), z(F, null, $(a.value, (I) => (o(), z("li", {
+              key: I[d(r)],
               class: "list-item"
             }, [
-              G(C, {
-                label: q[d(i)],
+              G(P, {
+                label: I[d(r)],
                 class: "checkbox"
               }, {
                 default: f(() => [
-                  V(N(q[d(a)]) + " ", 1),
-                  G(R, { i: q }, null, 8, ["i"])
+                  L(N(I[d(i)]) + " ", 1),
+                  G(R, { i: I }, null, 8, ["i"])
                 ]),
                 _: 2
               }, 1032, ["label"])
             ]))), 128))
-          ], 8, Le)), [
+          ], 8, Ce)), [
             [J, B]
           ])
         ]),
         _: 1
       }, 16, ["modelValue"])), [
-        [X, $.value]
+        [X, q.value]
       ]);
     };
   }
 });
-const De = /* @__PURE__ */ I(Ce, [["__scopeId", "data-v-e787165f"]]), we = /* @__PURE__ */ h({
+const De = /* @__PURE__ */ C(we, [["__scopeId", "data-v-0538f6e2"]]), Fe = /* @__PURE__ */ S({
   __name: "Descriptions",
   props: {
     formData: {
@@ -661,22 +673,22 @@ const De = /* @__PURE__ */ I(Ce, [["__scopeId", "data-v-e787165f"]]), we = /* @_
   setup(e) {
     const n = e;
     return (t, l) => {
-      const i = p("el-descriptions-item"), a = p("el-descriptions");
-      return o(), u(a, S({
+      const r = p("el-descriptions-item"), i = p("el-descriptions");
+      return o(), u(i, k({
         column: 1,
         border: "",
         class: "form-width"
       }, n), {
         default: f(() => [
-          (o(!0), P(F, null, z(n.formItem, (r, s) => (o(), u(i, S({
-            key: r.prop,
-            label: r.label
+          (o(!0), z(F, null, $(n.formItem, (s, a) => (o(), u(r, k({
+            key: s.prop,
+            label: s.label
           }, n.descriptionsItemProps), {
             default: f(() => [
-              V(N(r.render ? r.render({
+              L(N(s.render ? s.render({
                 row: e.formData,
-                $index: s
-              }) : e.formData[r.prop]), 1)
+                $index: a
+              }) : e.formData[s.prop]), 1)
             ]),
             _: 2
           }, 1040, ["label"]))), 128))
@@ -685,9 +697,9 @@ const De = /* @__PURE__ */ I(Ce, [["__scopeId", "data-v-e787165f"]]), we = /* @_
       }, 16);
     };
   }
-}), Ue = Ie, Ee = De, Ge = we;
+}), Ee = Le, Ge = De, Ne = Fe;
 export {
-  Ge as VDescriptions,
-  Ue as VGeneralBasicForm,
-  Ee as VInfiniteScrollList
+  Ne as VDescriptions,
+  Ee as VGeneralBasicForm,
+  Ge as VInfiniteScrollList
 };

package/dist/index.umd.cjs

@@ -1 +1 @@
-(function(_,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):(_=typeof globalThis<"u"?globalThis:_||self,e(_.Index={},_.Vue,_["vue-router"]))})(this,function(_,e,$){"use strict";const w={placeholder:"请输入",style:"width: 200px",clearable:!0},I={style:"width: 227px","start-placeholder":"开始日期","end-placeholder":"结束日期",type:"daterange"},z={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"}}}),u=(t,n)=>{const o=t.__vccOpts||t;for(const[a,i]of n)o[a]=i;return o};function D(t,n,o,a,i,s){const r=e.resolveComponent("el-input");return e.openBlock(),e.createBlock(r,e.mergeProps({onKeydown:e.withKeys(t.getList,["enter"]),modelValue:t.queryParams[t.item.prop],"onUpdate:modelValue":n[0]||(n[0]=l=>t.queryParams[t.item.prop]=l),size:t.size},t.inputSetting),e.createSlots({_:2},[e.renderList(t.item.template,(l,p)=>({name:p,fn:e.withCtx(()=>[l?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:p,templateEle:l},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040,["onKeydown","modelValue","size"])}const V=u(L,[["render",D]]),N=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),a=e.inject("size"),i=e.ref({...w,...n.inputSetting});return(s,r)=>{const l=e.resolveComponent("el-input-number");return e.openBlock(),e.createBlock(l,e.mergeProps({modelValue:e.unref(o)[s.item.prop],"onUpdate:modelValue":r[0]||(r[0]=p=>e.unref(o)[s.item.prop]=p),size:e.unref(a)},i.value),null,16,["modelValue","size"])}}}),q=Symbol(),x={class:"input-graphic-verification"},F=["src"],j=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,{graphicSrc:o="",getGraphic:a=()=>{}}=n,{formLoading:i,updateFormLoading:s}=e.inject(q),r=async()=>{a&&!i.value&&await a()};return(l,p)=>{const m=e.resolveDirective("loading");return e.withDirectives((e.openBlock(),e.createElementBlock("div",x,[e.createVNode(V,{item:l.item,class:"input"},null,8,["item"]),e.createElementVNode("img",{class:"graphic",onClick:r,src:e.unref(o)},null,8,F)])),[[m,e.unref(i)]])}}}),se="",E=u(j,[["__scopeId","data-v-500ec9b0"]]),h="获取验证码",U=60,T=e.defineComponent({__name:"verification-button",props:{getSmscode:{type:Function}},setup(t){const{getSmscode:n}=t,o=e.ref(h),a=e.ref(null),i=e.computed(()=>o.value===h),s=()=>{a&&(clearInterval(a.value),a.value=null,o.value=h)},r=async()=>{if(o.value===h)if(o.value=U,a.value=setInterval(()=>{if(Number(o.value)<=0||!o.value){s();return}else o.value=Number(o.value)-1},1e3),n)await n()===!1&&s();else return};return e.onBeforeUnmount(()=>{s()}),(l,p)=>{const m=e.resolveComponent("el-button");return e.openBlock(),e.createBlock(m,{class:"verifiaction-button",style:e.normalizeStyle({color:i.value?"var(--color-primary, #409EFF)":"var(--text-color-placeholder, #A8ABB2)",cursor:i.value?"pointer":"default"}),onClick:r},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.value?h:o.value+"s"),1)]),_:1},8,["style"])}}}),ae="",G=u(T,[["__scopeId","data-v-4074e137"]]),R=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=n;return o.template={append:()=>e.h(G,{getSmscode:o.getSmscode})},(a,i)=>(e.openBlock(),e.createBlock(V,{item:e.unref(o),class:"input"},null,8,["item"]))}}),O=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 A(t,n,o,a,i,s){const r=e.resolveComponent("el-divider");return e.openBlock(),e.createBlock(r,e.normalizeProps(e.guardReactiveProps(t.dividerSetting)),e.createSlots({_:2},[e.renderList(t.item.template,(l,p)=>({name:p,fn:e.withCtx(()=>[l?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:p,templateEle:l},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040)}const Q=u(O,[["render",A]]),K=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),a=e.inject("size"),i=e.ref({...n.radioSetting}),s=e.ref({...n.radioGroupSetting});return(r,l)=>{const p=e.resolveComponent("el-radio"),m=e.resolveComponent("el-radio-group");return e.openBlock(),e.createBlock(m,e.mergeProps({modelValue:e.unref(o)[r.item.prop],"onUpdate:modelValue":l[0]||(l[0]=d=>e.unref(o)[r.item.prop]=d),size:e.unref(a)},s.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.item.option||[],d=>(e.openBlock(),e.createBlock(p,e.mergeProps({size:e.unref(a),label:d.label,key:d.label},i.value),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.value),1)]),_:2},1040,["size","label"]))),128))]),_:1},16,["modelValue","size"])}}}),M=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),a=e.inject("size"),i=e.ref({...I,...n.datePackerSetting});return(s,r)=>{const l=e.resolveComponent("el-date-picker");return e.openBlock(),e.createBlock(l,e.mergeProps({modelValue:e.unref(o)[s.item.prop],"onUpdate:modelValue":r[0]||(r[0]=p=>e.unref(o)[s.item.prop]=p),size:e.unref(a)},i.value),null,16,["modelValue","size"])}}}),W=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),a=e.inject("size"),i=e.ref({...z,...n.selectSetting});return(s,r)=>{const l=e.resolveComponent("el-option"),p=e.resolveComponent("el-select");return e.openBlock(),e.createBlock(p,e.mergeProps({modelValue:e.unref(o)[s.item.prop],"onUpdate:modelValue":r[0]||(r[0]=m=>e.unref(o)[s.item.prop]=m),size:e.unref(a)},i.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.item.option||[],m=>(e.openBlock(),e.createBlock(l,{key:m.value,label:m.label,value:m.value},null,8,["label","value"]))),128))]),_:1},16,["modelValue","size"])}}}),H=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),a=e.inject("size"),i=e.ref({...z,...n.selectSetting});return(s,r)=>{const l=e.resolveComponent("el-cascader");return e.openBlock(),e.createBlock(l,e.mergeProps({modelValue:e.unref(o)[s.item.prop],"onUpdate:modelValue":r[0]||(r[0]=p=>e.unref(o)[s.item.prop]=p),size:e.unref(a),options:s.item.options||[]},i.value),null,16,["modelValue","size","options"])}}}),J=e.defineComponent({name:"GeneralBasicForm",components:{Input:V,InputNumber:N,InputGraphicVerification:E,InputMobileVerification:R,Divider:Q,Radio:K,DatePicker:M,Select:W,Cascader:H},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:a}=t,i=$.useRoute(),s=e.ref({...o?{}:i==null?void 0:i.query});return e.provide("queryParams",s),e.provide("size",n),e.provide("getList",a),{queryParams:s}},watch:{formData:{handler(t){this.queryParams={...this.noUrlParameters?{}:this.queryParams,...t}},immediate:!0},loading(t){this.formLoading!==t&&(this.formLoading=t)},formLoading(t){this.loading!==t&&this.$emit("update:loading",t)}},provide(){return{[q]:{formLoading:e.computed(()=>this.formLoading),updateFormLoading:t=>{this.formLoading=t}}}},methods:{handleQuery(){var o;const t={page:1,limit:10},n={...(o=this.$route)==null?void 0:o.query,...this.queryParams,...t};this.noUrlParameters||this.$router.push({query:{...n}}),this.getList({...n})},async resetQuery(){var n;this.$refs.queryFormRef.resetFields();const t={page:1};this.noUrlParameters||await this.$router.push({query:{...t}}),this.queryParams={...this.noUrlParameters?{}:(n=this.$route)==null?void 0:n.query},this.afterReset(),this.handleQuery()}}});function X(t,n,o,a,i,s){const r=e.resolveComponent("Input"),l=e.resolveComponent("Radio"),p=e.resolveComponent("Select"),m=e.resolveComponent("Divider"),d=e.resolveComponent("Cascader"),y=e.resolveComponent("DatePicker"),S=e.resolveComponent("InputNumber"),P=e.resolveComponent("InputMobileVerification"),C=e.resolveComponent("InputGraphicVerification"),b=e.resolveComponent("el-form-item"),f=e.resolveComponent("el-button"),g=e.resolveComponent("el-form"),B=e.resolveDirective("loading");return e.withDirectives((e.openBlock(),e.createBlock(g,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(b,{label:c.label,prop:c.prop,key:c.prop,rules:c.rules},{default:e.withCtx(()=>[c.type==="input"?(e.openBlock(),e.createBlock(r,{key:0,item:c},null,8,["item"])):e.createCommentVNode("",!0),c.type==="radio"?(e.openBlock(),e.createBlock(l,{key:1,item:c},null,8,["item"])):e.createCommentVNode("",!0),c.type==="select"?(e.openBlock(),e.createBlock(p,{key:2,item:c},null,8,["item"])):e.createCommentVNode("",!0),c.type==="divider"?(e.openBlock(),e.createBlock(m,{key:3,item:c},null,8,["item"])):e.createCommentVNode("",!0),c.type==="cascader"?(e.openBlock(),e.createBlock(d,{key:4,item:c},null,8,["item"])):e.createCommentVNode("",!0),c.type==="date-picker"?(e.openBlock(),e.createBlock(y,{key:5,item:c},null,8,["item"])):e.createCommentVNode("",!0),c.type==="input-number"?(e.openBlock(),e.createBlock(S,{key:6,item:c},null,8,["item"])):e.createCommentVNode("",!0),c.type==="form-item-slot"?e.renderSlot(t.$slots,c.name,{key:7}):e.createCommentVNode("",!0),c.type==="input-mobile-verification"?(e.openBlock(),e.createBlock(P,{key:8,item:c},null,8,["item"])):e.createCommentVNode("",!0),c.type==="input-graphic-verification"?(e.openBlock(),e.createBlock(C,{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(b,{key:0},{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createBlock(f,{type:"primary",size:t.size,onClick:t.handleQuery},{default:e.withCtx(()=>[e.createTextVNode("查询")]),_:1},8,["size","onClick"])),[[B,t.formLoading]]),e.createVNode(f,{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 Y=u(J,[["render",X]]),Z=["infinite-scroll-disabled"],v=e.defineComponent({__name:"InfiniteScrollList",props:{search:{type:Function,required:!0},id:{type:String,required:!0},name:{type:String,required:!0},extra:{type:Function,required:!1}},setup(t,{expose:n}){const o=t,{search:a,id:i,name:s,extra:r}=o,l=e.ref([]),p=e.ref(1),m=e.ref(!1),d=e.ref([]),y=e.ref(!1),S=(f,g)=>{const{i:B}=f;return r(B)},P=()=>{p.value=1,l.value=[],d.value=[],m.value=!1},C=async()=>{if(y.value||m.value)return;y.value=!0;const f=await a(p.value);f&&f.length>0?(l.value=[...l.value,...f],p.value+=1):m.value=!0,y.value=!1},b=e.computed(()=>l.value.filter(f=>d.value.includes(f[i])))||{};return n({reset:P,loadList:C,selectInfo:b,list:l,ifbottom:m}),(f,g)=>{const B=e.resolveComponent("el-checkbox"),c=e.resolveComponent("el-checkbox-group"),le=e.resolveDirective("infinite-scroll"),ie=e.resolveDirective("loading");return e.withDirectives((e.openBlock(),e.createBlock(c,e.mergeProps({modelValue:d.value,"onUpdate:modelValue":g[0]||(g[0]=k=>d.value=k)},o),{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createElementBlock("ul",{class:"list","infinite-scroll-disabled":m.value},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,k=>(e.openBlock(),e.createElementBlock("li",{key:k[e.unref(i)],class:"list-item"},[e.createVNode(B,{label:k[e.unref(i)],class:"checkbox"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(k[e.unref(s)])+" ",1),e.createVNode(S,{i:k},null,8,["i"])]),_:2},1032,["label"])]))),128))],8,Z)),[[le,C]])]),_:1},16,["modelValue"])),[[ie,y.value]])}}}),ce="",ee=u(v,[["__scopeId","data-v-e787165f"]]),te=e.defineComponent({__name:"Descriptions",props:{formData:{type:Object,required:!0},descriptionsItemProps:{type:Object,required:!1},formItem:{type:Array,required:!0}},setup(t){const n=t;return(o,a)=>{const i=e.resolveComponent("el-descriptions-item"),s=e.resolveComponent("el-descriptions");return e.openBlock(),e.createBlock(s,e.mergeProps({column:1,border:"",class:"form-width"},n),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.formItem,(r,l)=>(e.openBlock(),e.createBlock(i,e.mergeProps({key:r.prop,label:r.label},n.descriptionsItemProps),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.render?r.render({row:t.formData,$index:l}):t.formData[r.prop]),1)]),_:2},1040,["label"]))),128))]),_:1},16)}}}),oe=Y,ne=ee,re=te;_.VDescriptions=re,_.VGeneralBasicForm=oe,_.VInfiniteScrollList=ne,Object.defineProperty(_,Symbol.toStringTag,{value:"Module"})});
+(function(_,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):(_=typeof globalThis<"u"?globalThis:_||self,e(_.Index={},_.Vue,_["vue-router"]))})(this,function(_,e,$){"use strict";const w={placeholder:"请输入",style:"width: 200px",clearable:!0},I={style:"width: 227px","start-placeholder":"开始日期","end-placeholder":"结束日期",type:"daterange"},q={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"}}}),y=(t,n)=>{const o=t.__vccOpts||t;for(const[a,r]of n)o[a]=r;return o};function D(t,n,o,a,r,s){const l=e.resolveComponent("el-input");return e.openBlock(),e.createBlock(l,e.mergeProps({onKeydown:e.withKeys(t.getList,["enter"]),modelValue:t.queryParams[t.item.prop],"onUpdate:modelValue":n[0]||(n[0]=i=>t.queryParams[t.item.prop]=i),size:t.size},t.inputSetting),e.createSlots({_:2},[e.renderList(t.item.template,(i,p)=>({name:p,fn:e.withCtx(()=>[i?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:p,templateEle:i},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040,["onKeydown","modelValue","size"])}const V=y(L,[["render",D]]),N=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),a=e.inject("size"),r=e.ref({...w,...n.inputSetting});return(s,l)=>{const i=e.resolveComponent("el-input-number");return e.openBlock(),e.createBlock(i,e.mergeProps({modelValue:e.unref(o)[s.item.prop],"onUpdate:modelValue":l[0]||(l[0]=p=>e.unref(o)[s.item.prop]=p),size:e.unref(a)},r.value),null,16,["modelValue","size"])}}}),z=Symbol(),x={class:"input-graphic-verification"},F=["src"],j=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,{graphicSrc:o="",getGraphic:a=()=>{}}=n,{formLoading:r,updateFormLoading:s}=e.inject(z),l=async()=>{a&&!r.value&&await a()};return(i,p)=>{const m=e.resolveDirective("loading");return e.withDirectives((e.openBlock(),e.createElementBlock("div",x,[e.createVNode(V,{item:i.item,class:"input"},null,8,["item"]),e.createElementVNode("img",{class:"graphic",onClick:l,src:e.unref(o)},null,8,F)])),[[m,e.unref(r)]])}}}),se="",E=y(j,[["__scopeId","data-v-500ec9b0"]]),B="获取验证码",U=60,T=e.defineComponent({__name:"verification-button",props:{getSmscode:{type:Function}},setup(t){const{getSmscode:n}=t,o=e.ref(B),a=e.ref(null),r=e.computed(()=>o.value===B),s=()=>{a&&(clearInterval(a.value),a.value=null,o.value=B)},l=async()=>{if(o.value===B)if(o.value=U,a.value=setInterval(()=>{if(Number(o.value)<=0||!o.value){s();return}else o.value=Number(o.value)-1},1e3),n)await n()===!1&&s();else return};return e.onBeforeUnmount(()=>{s()}),(i,p)=>{const m=e.resolveComponent("el-button");return e.openBlock(),e.createBlock(m,{class:"verifiaction-button",style:e.normalizeStyle({color:r.value?"var(--color-primary, #409EFF)":"var(--text-color-placeholder, #A8ABB2)",cursor:r.value?"pointer":"default"}),onClick:l},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.value?B:o.value+"s"),1)]),_:1},8,["style"])}}}),ae="",G=y(T,[["__scopeId","data-v-4074e137"]]),R=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=n;return o.template={append:()=>e.h(G,{getSmscode:o.getSmscode})},(a,r)=>(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 O(t,n,o,a,r,s){const l=e.resolveComponent("el-divider");return e.openBlock(),e.createBlock(l,e.normalizeProps(e.guardReactiveProps(t.dividerSetting)),e.createSlots({_:2},[e.renderList(t.item.template,(i,p)=>({name:p,fn:e.withCtx(()=>[i?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:p,templateEle:i},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040)}const Q=y(A,[["render",O]]),K=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),a=e.inject("size"),r=e.ref({...n.radioSetting}),s=e.ref({...n.radioGroupSetting});return(l,i)=>{const p=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":i[0]||(i[0]=d=>e.unref(o)[l.item.prop]=d),size:e.unref(a)},s.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.item.option||[],d=>(e.openBlock(),e.createBlock(p,e.mergeProps({size:e.unref(a),label:d.label,key:d.label},r.value),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.value),1)]),_:2},1040,["size","label"]))),128))]),_:1},16,["modelValue","size"])}}}),M=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),a=e.inject("size"),r=e.ref({...I,...n.datePackerSetting});return(s,l)=>{const i=e.resolveComponent("el-date-picker");return e.openBlock(),e.createBlock(i,e.mergeProps({modelValue:e.unref(o)[s.item.prop],"onUpdate:modelValue":l[0]||(l[0]=p=>e.unref(o)[s.item.prop]=p),size:e.unref(a)},r.value),null,16,["modelValue","size"])}}}),W=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),a=e.inject("size"),r=e.ref({...q,...n.selectSetting});return(s,l)=>{const i=e.resolveComponent("el-option"),p=e.resolveComponent("el-select");return e.openBlock(),e.createBlock(p,e.mergeProps({modelValue:e.unref(o)[s.item.prop],"onUpdate:modelValue":l[0]||(l[0]=m=>e.unref(o)[s.item.prop]=m),size:e.unref(a)},r.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.item.option||[],m=>(e.openBlock(),e.createBlock(i,{key:m.value,label:m.label,value:m.value},null,8,["label","value"]))),128))]),_:1},16,["modelValue","size"])}}}),H=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),a=e.inject("size"),r=e.ref({...q,...n.selectSetting});return(s,l)=>{const i=e.resolveComponent("el-cascader");return e.openBlock(),e.createBlock(i,e.mergeProps({modelValue:e.unref(o)[s.item.prop],"onUpdate:modelValue":l[0]||(l[0]=p=>e.unref(o)[s.item.prop]=p),size:e.unref(a),options:s.item.options||[]},r.value),null,16,["modelValue","size","options"])}}}),J=e.defineComponent({name:"GeneralBasicForm",components:{Input:V,InputNumber:N,InputGraphicVerification:E,InputMobileVerification:R,Divider:Q,Radio:K,DatePicker:M,Select:W,Cascader:H},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:a}=t,r=$.useRoute(),s=e.ref({...o?{}:r==null?void 0:r.query});return e.provide("queryParams",s),e.provide("size",n),e.provide("getList",a),{queryParams:s}},watch:{formData:{handler(t){this.queryParams={...this.noUrlParameters?{}:this.queryParams,...t}},immediate:!0},loading(t){this.formLoading!==t&&(this.formLoading=t)},formLoading(t){this.loading!==t&&this.$emit("update:loading",t)}},provide(){return{[z]:{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 X(t,n,o,a,r,s){const l=e.resolveComponent("Input"),i=e.resolveComponent("Radio"),p=e.resolveComponent("Select"),m=e.resolveComponent("Divider"),d=e.resolveComponent("Cascader"),k=e.resolveComponent("DatePicker"),S=e.resolveComponent("InputNumber"),P=e.resolveComponent("InputMobileVerification"),C=e.resolveComponent("InputGraphicVerification"),b=e.resolveComponent("el-form-item"),f=e.resolveComponent("el-button"),h=e.resolveComponent("el-form"),u=e.resolveDirective("loading");return e.withDirectives((e.openBlock(),e.createBlock(h,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(b,{label:c.label,prop:c.prop,key:c.prop,rules:c.rules},{default:e.withCtx(()=>[c.type==="input"?(e.openBlock(),e.createBlock(l,{key:0,item:c},null,8,["item"])):e.createCommentVNode("",!0),c.type==="radio"?(e.openBlock(),e.createBlock(i,{key:1,item:c},null,8,["item"])):e.createCommentVNode("",!0),c.type==="select"?(e.openBlock(),e.createBlock(p,{key:2,item:c},null,8,["item"])):e.createCommentVNode("",!0),c.type==="divider"?(e.openBlock(),e.createBlock(m,{key:3,item:c},null,8,["item"])):e.createCommentVNode("",!0),c.type==="cascader"?(e.openBlock(),e.createBlock(d,{key:4,item:c},null,8,["item"])):e.createCommentVNode("",!0),c.type==="date-picker"?(e.openBlock(),e.createBlock(k,{key:5,item:c},null,8,["item"])):e.createCommentVNode("",!0),c.type==="input-number"?(e.openBlock(),e.createBlock(S,{key:6,item:c},null,8,["item"])):e.createCommentVNode("",!0),c.type==="form-item-slot"?e.renderSlot(t.$slots,c.name,{key:7}):e.createCommentVNode("",!0),c.type==="input-mobile-verification"?(e.openBlock(),e.createBlock(P,{key:8,item:c},null,8,["item"])):e.createCommentVNode("",!0),c.type==="input-graphic-verification"?(e.openBlock(),e.createBlock(C,{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(b,{key:0},{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createBlock(f,{type:"primary",size:t.size,onClick:t.handleQuery},{default:e.withCtx(()=>[e.createTextVNode("查询")]),_:1},8,["size","onClick"])),[[u,t.formLoading]]),e.createVNode(f,{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 Y=y(J,[["render",X]]),Z=["infinite-scroll-disabled"],v=e.defineComponent({__name:"InfiniteScrollList",props:{search:{type:Function,required:!0},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:a,id:r,name:s,extra:l}=o,i=e.ref([]),p=e.ref(1),m=e.ref(!1),d=e.ref([]),k=e.ref(!1),S=(f,h)=>{const{i:u}=f;return l(u)};e.watch(()=>o.defaultSelection,(f=[],h=[])=>{d.value=f.map(u=>typeof u=="object"?u[r]:u)},{immediate:!0});const P=()=>{p.value=1,i.value=[],d.value=[],m.value=!1},C=async()=>{if(k.value||m.value)return;k.value=!0;const f=await a(p.value);f&&f.length>0?(i.value=[...i.value,...f],p.value+=1):m.value=!0,k.value=!1},b=e.computed(()=>i.value.filter(f=>d.value.includes(f[r])))||{};return n({reset:P,loadList:C,selectInfo:b,list:i,ifbottom:m}),(f,h)=>{const u=e.resolveComponent("el-checkbox"),c=e.resolveComponent("el-checkbox-group"),le=e.resolveDirective("infinite-scroll"),ie=e.resolveDirective("loading");return e.withDirectives((e.openBlock(),e.createBlock(c,e.mergeProps({modelValue:d.value,"onUpdate:modelValue":h[0]||(h[0]=g=>d.value=g)},o),{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createElementBlock("ul",{class:"list","infinite-scroll-disabled":m.value},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,g=>(e.openBlock(),e.createElementBlock("li",{key:g[e.unref(r)],class:"list-item"},[e.createVNode(u,{label:g[e.unref(r)],class:"checkbox"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(g[e.unref(s)])+" ",1),e.createVNode(S,{i:g},null,8,["i"])]),_:2},1032,["label"])]))),128))],8,Z)),[[le,C]])]),_:1},16,["modelValue"])),[[ie,k.value]])}}}),ce="",ee=y(v,[["__scopeId","data-v-0538f6e2"]]),te=e.defineComponent({__name:"Descriptions",props:{formData:{type:Object,required:!0},descriptionsItemProps:{type:Object,required:!1},formItem:{type:Array,required:!0}},setup(t){const n=t;return(o,a)=>{const r=e.resolveComponent("el-descriptions-item"),s=e.resolveComponent("el-descriptions");return e.openBlock(),e.createBlock(s,e.mergeProps({column:1,border:"",class:"form-width"},n),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.formItem,(l,i)=>(e.openBlock(),e.createBlock(r,e.mergeProps({key:l.prop,label:l.label},n.descriptionsItemProps),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.render?l.render({row:t.formData,$index:i}):t.formData[l.prop]),1)]),_:2},1040,["label"]))),128))]),_:1},16)}}}),oe=Y,ne=ee,re=te;_.VDescriptions=re,_.VGeneralBasicForm=oe,_.VInfiniteScrollList=ne,Object.defineProperty(_,Symbol.toStringTag,{value:"Module"})});

package/dist/style.css

@@ -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-e787165f]{height:272px;overflow:auto;padding:8px 0}.list .checkbox[data-v-e787165f]{width:calc(100% - 32px);padding:0 16px}
+.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-0538f6e2]{height:272px;overflow:auto;padding:8px 0}.list .checkbox[data-v-0538f6e2]{width:calc(100% - 32px);padding:0 16px}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "general-basic-form",
-  "version": "2.0.18",
+  "version": "2.0.19",
   "description": "",
   "main": "./dist/index.umd.cjs",
   "type": "module",