general-basic-form 2.0.24 → 2.0.25

package/README.md

@@ -250,6 +250,20 @@ getList会传出默认的参数,首次请求时会有页数和分页大小,重
             }
           ]
         },
+        {
+          label: '多选',
+          prop: 'is_multi',
+          type: 'checkbox',
+          checkboxGroupSetting: {
+          },
+          checkboxSetting: {
+          },
+          option: [
+            { value: '是', label: 'true' },
+            { value: '否', label: 'false' }
+          ],
+          rules: []
+        },
         {
           label: '受访人',
           prop: 'contactors',
@@ -427,6 +441,14 @@ getList会传出默认的参数,首次请求时会有页数和分页大小,重
 
  'form-item-slot'='form-item-slot',
 
+ /**
+
+  \* @description: 多选框
+
+  */
+
+ 'checkbox'='checkbox',
+
 
 
 ## 对虚拟滚动列表+接口的封装
@@ -442,6 +464,7 @@ import { VInfiniteScrollList } from 'general-basic-form'
   id="user_id"
   name="name"
   ref="InfiniteScrollListRef"
+  checkbox
   :extra="extraRender"
   :max="1"
  />
@@ -451,6 +474,7 @@ import { VInfiniteScrollList } from 'general-basic-form'
 search：数据接口 (page: Number) => Promise<[]>
 id：数据key值（唯一和选择值）
 name：显示名字
+checkbox：是否有多选功能，不传的话就是单纯的虚拟滚动列表
 extra：同行额外显示的内容，(item: any) => VNode | String;
 defaultSelection：包含数据key值的对象数组或者直接传入key值数组
 ```

package/dist/index.js

@@ -1,15 +1,15 @@
-import { defineComponent as k, inject as h, resolveComponent as p, openBlock as o, createBlock as u, mergeProps as S, withKeys as Y, createSlots as T, renderList as z, withCtx as f, resolveDynamicComponent as K, createCommentVNode as y, ref as v, unref as m, resolveDirective as R, withDirectives as C, createElementBlock as $, createVNode as O, createElementVNode as Z, computed as j, onBeforeUnmount as ee, normalizeStyle as te, createTextVNode as w, toDisplayString as E, h as ne, normalizeProps as oe, guardReactiveProps as re, Fragment as F, provide as x, renderSlot as A, vShow as ae, watch as se } from "vue";
-import { useRoute as ie } from "vue-router";
-const M = {
+import { defineComponent as k, inject as g, resolveComponent as p, openBlock as n, createBlock as i, mergeProps as b, withKeys as Z, createSlots as K, renderList as q, withCtx as y, resolveDynamicComponent as M, createCommentVNode as h, ref as v, unref as d, resolveDirective as G, withDirectives as D, createElementBlock as z, createVNode as j, createElementVNode as W, computed as Q, onBeforeUnmount as ee, normalizeStyle as te, createTextVNode as I, toDisplayString as x, 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";
+import { useRoute as le } from "vue-router";
+const H = {
   placeholder: "请输入",
   style: "width: 200px",
   clearable: !0
-}, le = {
+}, ie = {
   style: "width: 227px",
   "start-placeholder": "开始日期",
   "end-placeholder": "结束日期",
   type: "daterange"
-}, W = {
+}, J = {
   placeholder: "请选择",
   filterable: !0,
   clearable: !0,
@@ -17,8 +17,8 @@ const M = {
 }, ue = k({
   components: {
     InputArchive: (e) => {
-      const { templateEle: n } = e;
-      return n();
+      const { templateEle: o } = e;
+      return o();
     }
   },
   props: {
@@ -26,13 +26,13 @@ const M = {
     // null就是any
   },
   setup() {
-    const e = h("queryParams", {}), n = h("getList"), t = h("size");
-    return { queryParams: e, getList: n, size: t };
+    const e = g("queryParams", {}), o = g("getList"), t = g("size");
+    return { queryParams: e, getList: o, size: t };
   },
   data() {
     return {
       inputSetting: {
-        ...M,
+        ...H,
         ...this.item.inputSetting
       }
     };
@@ -54,140 +54,140 @@ const M = {
   //     console.log(val);
   //   },
   // },
-}), L = (e, n) => {
+}), w = (e, o) => {
   const t = e.__vccOpts || e;
-  for (const [i, a] of n)
-    t[i] = a;
+  for (const [u, s] of o)
+    t[u] = s;
   return t;
 };
-function ce(e, n, t, i, a, s) {
+function ce(e, o, t, u, s, a) {
   const l = p("el-input");
-  return o(), u(l, S({
-    onKeydown: Y(e.getList, ["enter"]),
+  return n(), i(l, b({
+    onKeydown: Z(e.getList, ["enter"]),
     modelValue: e.queryParams[e.item.prop],
-    "onUpdate:modelValue": n[0] || (n[0] = (r) => e.queryParams[e.item.prop] = r),
+    "onUpdate:modelValue": o[0] || (o[0] = (r) => e.queryParams[e.item.prop] = r),
     size: e.size
-  }, e.inputSetting), T({ _: 2 }, [
-    z(e.item.template, (r, d) => ({
-      name: d,
-      fn: f(() => [
-        r ? (o(), u(K(e.currentInputComponent()), {
-          key: d,
+  }, e.inputSetting), K({ _: 2 }, [
+    q(e.item.template, (r, m) => ({
+      name: m,
+      fn: y(() => [
+        r ? (n(), i(M(e.currentInputComponent()), {
+          key: m,
           templateEle: r
-        }, null, 8, ["templateEle"])) : y("", !0)
+        }, null, 8, ["templateEle"])) : h("", !0)
       ])
     }))
   ]), 1040, ["onKeydown", "modelValue", "size"]);
 }
-const Q = /* @__PURE__ */ L(ue, [["render", ce]]), pe = /* @__PURE__ */ k({
+const T = /* @__PURE__ */ w(ue, [["render", ce]]), pe = /* @__PURE__ */ k({
   __name: "index",
   props: {
     item: {}
   },
   setup(e) {
-    const { item: n } = e, t = h("queryParams", {}), i = h("size"), a = v({
-      ...M,
-      ...n.inputSetting
+    const { item: o } = e, t = g("queryParams", {}), u = g("size"), s = v({
+      ...H,
+      ...o.inputSetting
     });
-    return (s, l) => {
+    return (a, l) => {
       const r = p("el-input-number");
-      return o(), u(r, S({
-        modelValue: m(t)[s.item.prop],
-        "onUpdate:modelValue": l[0] || (l[0] = (d) => m(t)[s.item.prop] = d),
-        size: m(i)
-      }, a.value), null, 16, ["modelValue", "size"]);
+      return n(), i(r, b({
+        modelValue: d(t)[a.item.prop],
+        "onUpdate:modelValue": l[0] || (l[0] = (m) => d(t)[a.item.prop] = m),
+        size: d(u)
+      }, s.value), null, 16, ["modelValue", "size"]);
     };
   }
-}), H = Symbol(), de = { class: "input-graphic-verification" }, me = ["src"], _e = /* @__PURE__ */ k({
+}), X = Symbol(), de = { class: "input-graphic-verification" }, me = ["src"], _e = /* @__PURE__ */ k({
   __name: "index",
   props: {
     item: {}
   },
   setup(e) {
-    const { item: n } = e, { graphicSrc: t = "", getGraphic: i = () => {
-    } } = n, { formLoading: a, updateFormLoading: s } = h(H), l = async () => {
-      i && !a.value && await i();
+    const { item: o } = e, { graphicSrc: t = "", getGraphic: u = () => {
+    } } = o, { formLoading: s, updateFormLoading: a } = g(X), l = async () => {
+      u && !s.value && await u();
     };
-    return (r, d) => {
-      const _ = R("loading");
-      return C((o(), $("div", de, [
-        O(Q, {
+    return (r, m) => {
+      const _ = G("loading");
+      return D((n(), z("div", de, [
+        j(T, {
           item: r.item,
           class: "input"
         }, null, 8, ["item"]),
-        Z("img", {
+        W("img", {
           class: "graphic",
           onClick: l,
-          src: m(t)
+          src: d(t)
         }, null, 8, me)
       ])), [
-        [_, m(a)]
+        [_, d(s)]
       ]);
     };
   }
 });
-const fe = /* @__PURE__ */ L(_e, [["__scopeId", "data-v-500ec9b0"]]), D = "获取验证码", ye = 60, ve = /* @__PURE__ */ k({
+const fe = /* @__PURE__ */ w(_e, [["__scopeId", "data-v-500ec9b0"]]), F = "获取验证码", ye = 60, he = /* @__PURE__ */ k({
   __name: "verification-button",
   props: {
     getSmscode: { type: Function }
   },
   setup(e) {
-    const { getSmscode: n } = e, t = v(D), i = v(null), a = j(() => t.value === D), s = () => {
-      i && (clearInterval(i.value), i.value = null, t.value = D);
+    const { getSmscode: o } = e, t = v(F), u = v(null), s = Q(() => t.value === F), a = () => {
+      u && (clearInterval(u.value), u.value = null, t.value = F);
     }, l = async () => {
-      if (t.value === D)
-        if (t.value = ye, i.value = setInterval(() => {
+      if (t.value === F)
+        if (t.value = ye, u.value = setInterval(() => {
           if (Number(t.value) <= 0 || !t.value) {
-            s();
+            a();
             return;
           } else
             t.value = Number(t.value) - 1;
-        }, 1e3), n)
-          await n() === !1 && s();
+        }, 1e3), o)
+          await o() === !1 && a();
         else
           return;
     };
     return ee(() => {
-      s();
-    }), (r, d) => {
+      a();
+    }), (r, m) => {
       const _ = p("el-button");
-      return o(), u(_, {
+      return n(), i(_, {
         class: "verifiaction-button",
         style: te({
-          color: a.value ? "var(--color-primary, #409EFF)" : "var(--text-color-placeholder, #A8ABB2)",
-          cursor: a.value ? "pointer" : "default"
+          color: s.value ? "var(--color-primary, #409EFF)" : "var(--text-color-placeholder, #A8ABB2)",
+          cursor: s.value ? "pointer" : "default"
         }),
         onClick: l
       }, {
-        default: f(() => [
-          w(E(a.value ? D : t.value + "s"), 1)
+        default: y(() => [
+          I(x(s.value ? F : t.value + "s"), 1)
         ]),
         _: 1
       }, 8, ["style"]);
     };
   }
 });
-const he = /* @__PURE__ */ L(ve, [["__scopeId", "data-v-4074e137"]]), ge = /* @__PURE__ */ k({
+const ve = /* @__PURE__ */ w(he, [["__scopeId", "data-v-4074e137"]]), ge = /* @__PURE__ */ k({
   __name: "index",
   props: {
     item: {}
   },
   setup(e) {
-    const { item: n } = e, t = n;
+    const { item: o } = e, t = o;
     return t.template = {
-      append: () => ne(he, {
+      append: () => ne(ve, {
         getSmscode: t.getSmscode
       })
-    }, (i, a) => (o(), u(Q, {
-      item: m(t),
+    }, (u, s) => (n(), i(T, {
+      item: d(t),
       class: "input"
     }, null, 8, ["item"]));
   }
 }), be = k({
   components: {
     slotArchive: (e) => {
-      const { templateEle: n } = e;
-      return n();
+      const { templateEle: o } = e;
+      return o();
     }
   },
   props: {
@@ -209,46 +209,80 @@ const he = /* @__PURE__ */ L(ve, [["__scopeId", "data-v-4074e137"]]), ge = /* @_
     }
   }
 });
-function ke(e, n, t, i, a, s) {
+function ke(e, o, t, u, s, a) {
   const l = p("el-divider");
-  return o(), u(l, oe(re(e.dividerSetting)), T({ _: 2 }, [
-    z(e.item.template, (r, d) => ({
-      name: d,
-      fn: f(() => [
-        r ? (o(), u(K(e.currentInputComponent()), {
-          key: d,
+  return n(), i(l, oe(re(e.dividerSetting)), K({ _: 2 }, [
+    q(e.item.template, (r, m) => ({
+      name: m,
+      fn: y(() => [
+        r ? (n(), i(M(e.currentInputComponent()), {
+          key: m,
           templateEle: r
-        }, null, 8, ["templateEle"])) : y("", !0)
+        }, null, 8, ["templateEle"])) : h("", !0)
       ])
     }))
   ]), 1040);
 }
-const Se = /* @__PURE__ */ L(be, [["render", ke]]), Pe = /* @__PURE__ */ k({
+const Se = /* @__PURE__ */ w(be, [["render", ke]]), ze = /* @__PURE__ */ k({
   __name: "index",
   props: {
     item: {}
   },
   setup(e) {
-    const { item: n } = e, t = h("queryParams", {}), i = h("size"), a = v({
-      ...n.radioSetting
-    }), s = v({
-      ...n.radioGroupSetting
+    const { item: o } = e, t = g("queryParams", {}), u = g("size"), s = v({
+      ...o.radioSetting
+    }), a = v({
+      ...o.radioGroupSetting
     });
     return (l, r) => {
-      const d = p("el-radio"), _ = p("el-radio-group");
-      return o(), u(_, S({
-        modelValue: m(t)[l.item.prop],
-        "onUpdate:modelValue": r[0] || (r[0] = (g) => m(t)[l.item.prop] = g),
-        size: m(i)
-      }, s.value), {
-        default: f(() => [
-          (o(!0), $(F, null, z(l.item.option || [], (g) => (o(), u(d, S({
-            size: m(i),
-            label: g.label,
-            key: g.label
-          }, a.value), {
-            default: f(() => [
-              w(E(g.value), 1)
+      const m = p("el-radio"), _ = p("el-radio-group");
+      return n(), i(_, b({
+        modelValue: d(t)[l.item.prop],
+        "onUpdate:modelValue": r[0] || (r[0] = (f) => d(t)[l.item.prop] = f),
+        size: d(u)
+      }, a.value), {
+        default: y(() => [
+          (n(!0), z(L, null, q(l.item.option || [], (f) => (n(), i(m, b({
+            size: d(u),
+            label: f.label,
+            key: f.label
+          }, s.value), {
+            default: y(() => [
+              I(x(f.value), 1)
+            ]),
+            _: 2
+          }, 1040, ["size", "label"]))), 128))
+        ]),
+        _: 1
+      }, 16, ["modelValue", "size"]);
+    };
+  }
+}), Pe = /* @__PURE__ */ k({
+  __name: "index",
+  props: {
+    item: {}
+  },
+  setup(e) {
+    const { item: o } = e, t = g("queryParams", {}), u = g("size"), s = v({
+      ...o.checkboxSetting
+    }), a = v({
+      ...o.checkboxGroupSetting
+    });
+    return (l, r) => {
+      const m = p("el-checkbox"), _ = p("el-checkbox-group");
+      return n(), i(_, b({
+        modelValue: d(t)[l.item.prop],
+        "onUpdate:modelValue": r[0] || (r[0] = (f) => d(t)[l.item.prop] = f),
+        size: d(u)
+      }, a.value), {
+        default: y(() => [
+          (n(!0), z(L, null, q(l.item.option || [], (f) => (n(), i(m, b({
+            size: d(u),
+            label: f.label,
+            key: f.label
+          }, s.value), {
+            default: y(() => [
+              I(x(f.value), 1)
             ]),
             _: 2
           }, 1040, ["size", "label"]))), 128))
@@ -263,38 +297,38 @@ const Se = /* @__PURE__ */ L(be, [["render", ke]]), Pe = /* @__PURE__ */ k({
     item: {}
   },
   setup(e) {
-    const { item: n } = e, t = h("queryParams", {}), i = h("size"), a = v({
-      ...le,
-      ...n.datePackerSetting
+    const { item: o } = e, t = g("queryParams", {}), u = g("size"), s = v({
+      ...ie,
+      ...o.datePackerSetting
     });
-    return (s, l) => {
+    return (a, l) => {
       const r = p("el-date-picker");
-      return o(), u(r, S({
-        modelValue: m(t)[s.item.prop],
-        "onUpdate:modelValue": l[0] || (l[0] = (d) => m(t)[s.item.prop] = d),
-        size: m(i)
-      }, a.value), null, 16, ["modelValue", "size"]);
+      return n(), i(r, b({
+        modelValue: d(t)[a.item.prop],
+        "onUpdate:modelValue": l[0] || (l[0] = (m) => d(t)[a.item.prop] = m),
+        size: d(u)
+      }, s.value), null, 16, ["modelValue", "size"]);
     };
   }
-}), ze = /* @__PURE__ */ k({
+}), qe = /* @__PURE__ */ k({
   __name: "index",
   props: {
     item: {}
   },
   setup(e) {
-    const { item: n } = e, t = h("queryParams", {}), i = h("size"), a = v({
-      ...W,
-      ...n.selectSetting
+    const { item: o } = e, t = g("queryParams", {}), u = g("size"), s = v({
+      ...J,
+      ...o.selectSetting
     });
-    return (s, l) => {
-      const r = p("el-option"), d = p("el-select");
-      return o(), u(d, S({
-        modelValue: m(t)[s.item.prop],
-        "onUpdate:modelValue": l[0] || (l[0] = (_) => m(t)[s.item.prop] = _),
-        size: m(i)
-      }, a.value), {
-        default: f(() => [
-          (o(!0), $(F, null, z(s.item.option || [], (_) => (o(), u(r, {
+    return (a, l) => {
+      const r = p("el-option"), m = p("el-select");
+      return n(), i(m, b({
+        modelValue: d(t)[a.item.prop],
+        "onUpdate:modelValue": l[0] || (l[0] = (_) => d(t)[a.item.prop] = _),
+        size: d(u)
+      }, s.value), {
+        default: y(() => [
+          (n(!0), z(L, null, q(a.item.option || [], (_) => (n(), i(r, {
             key: _.value,
             label: _.label,
             value: _.value
@@ -304,38 +338,39 @@ const Se = /* @__PURE__ */ L(be, [["render", ke]]), Pe = /* @__PURE__ */ k({
       }, 16, ["modelValue", "size"]);
     };
   }
-}), qe = /* @__PURE__ */ k({
+}), Ve = /* @__PURE__ */ k({
   __name: "index",
   props: {
     item: {}
   },
   setup(e) {
-    const { item: n } = e, t = h("queryParams", {}), i = h("size"), a = v({
-      ...W,
-      ...n.selectSetting
+    const { item: o } = e, t = g("queryParams", {}), u = g("size"), s = v({
+      ...J,
+      ...o.selectSetting
     });
-    return (s, l) => {
+    return (a, l) => {
       const r = p("el-cascader");
-      return o(), u(r, S({
-        modelValue: m(t)[s.item.prop],
-        "onUpdate:modelValue": l[0] || (l[0] = (d) => m(t)[s.item.prop] = d),
-        size: m(i),
-        options: s.item.options || []
-      }, a.value), null, 16, ["modelValue", "size", "options"]);
+      return n(), i(r, b({
+        modelValue: d(t)[a.item.prop],
+        "onUpdate:modelValue": l[0] || (l[0] = (m) => d(t)[a.item.prop] = m),
+        size: d(u),
+        options: a.item.options || []
+      }, s.value), null, 16, ["modelValue", "size", "options"]);
     };
   }
-}), Ve = k({
+}), Ie = k({
   name: "GeneralBasicForm",
   components: {
-    Input: Q,
+    Input: T,
     InputNumber: pe,
     InputGraphicVerification: fe,
     InputMobileVerification: ge,
     Divider: Se,
-    Radio: Pe,
+    Radio: ze,
+    Checkbox: Pe,
     DatePicker: $e,
-    Select: ze,
-    Cascader: qe
+    Select: qe,
+    Cascader: Ve
   },
   props: {
     showSearch: {
@@ -398,26 +433,26 @@ const Se = /* @__PURE__ */ L(be, [["render", ke]]), Pe = /* @__PURE__ */ k({
     };
   },
   setup(e) {
-    const { size: n, noUrlParameters: t, getList: i } = e, a = ie(), s = v({
-      ...t ? {} : a == null ? void 0 : a.query
+    const { size: o, noUrlParameters: t, getList: u } = e, s = le(), a = v({
+      ...t ? {} : s == null ? void 0 : s.query
     });
-    return x(
+    return A(
       /* 注入名 */
       "queryParams",
       /* 值 */
-      s
-    ), x(
+      a
+    ), A(
       /* 注入名 */
       "size",
       /* 值 */
-      n
-    ), x(
+      o
+    ), A(
       /* 注入名 */
       "getList",
       /* 值 */
-      i
+      u
     ), {
-      queryParams: s
+      queryParams: a
     };
   },
   watch: {
@@ -443,8 +478,8 @@ const Se = /* @__PURE__ */ L(be, [["render", ke]]), Pe = /* @__PURE__ */ k({
   provide() {
     return {
       // 显式提供一个计算属性
-      [H]: {
-        formLoading: j(() => this.formLoading),
+      [X]: {
+        formLoading: Q(() => this.formLoading),
         updateFormLoading: (e) => {
           this.formLoading = e;
         }
@@ -455,128 +490,136 @@ const Se = /* @__PURE__ */ L(be, [["render", ke]]), Pe = /* @__PURE__ */ k({
     /** 搜索按钮操作 */
     handleQuery() {
       var t;
-      const e = { page: 1, limit: 10 }, n = {
+      const e = { page: 1, limit: 10 }, o = {
         ...(t = this.$route) == null ? void 0 : t.query,
         ...this.queryParams,
         ...e
       };
       this.noUrlParameters || this.$router.push({
-        query: { ...n }
+        query: { ...o }
       }), this.getList({
-        ...n
+        ...o
       });
     },
     /** 重置按钮操作 */
     async resetQuery() {
-      var n;
+      var o;
       this.$refs.queryFormRef.resetFields();
       const e = { page: 1 };
       this.noUrlParameters || await this.$router.push({
         query: { ...e }
       }), this.queryParams = {
-        ...this.noUrlParameters ? {} : (n = this.$route) == null ? void 0 : n.query
+        ...this.noUrlParameters ? {} : (o = this.$route) == null ? void 0 : o.query
       }, this.afterReset(), this.handleQuery();
     }
   }
 });
-function Ie(e, n, t, i, a, s) {
-  const l = p("Input"), r = p("Radio"), d = p("Select"), _ = p("Divider"), g = p("Cascader"), q = p("DatePicker"), G = p("InputNumber"), N = p("InputMobileVerification"), B = p("InputGraphicVerification"), U = p("el-form-item"), b = p("el-button"), V = p("el-form"), P = R("loading");
-  return C((o(), u(V, S({
+function Le(e, o, t, u, s, a) {
+  const l = p("Input"), r = p("Radio"), m = p("Select"), _ = p("Divider"), f = p("Cascader"), C = p("Checkbox"), U = p("DatePicker"), R = p("InputNumber"), B = p("InputMobileVerification"), E = p("InputGraphicVerification"), S = p("el-form-item"), V = p("el-button"), $ = p("el-form"), N = G("loading");
+  return D((n(), i($, b({
     model: e.queryParams,
     ref: "queryFormRef",
     inline: "",
     "label-position": "left",
     "label-width": e.labelWidth
   }, e.$attrs), {
-    default: f(() => [
-      (o(!0), $(F, null, z(e.formItem, (c) => (o(), u(U, {
+    default: y(() => [
+      (n(!0), z(L, null, q(e.formItem, (c) => (n(), i(S, {
         label: c.label,
         prop: c.prop,
         key: c.prop,
         rules: c.rules
       }, {
-        default: f(() => [
-          c.type === "input" ? (o(), u(l, {
+        default: y(() => [
+          c.type === "input" ? (n(), i(l, {
             key: 0,
             item: c
-          }, null, 8, ["item"])) : y("", !0),
-          c.type === "radio" ? (o(), u(r, {
+          }, null, 8, ["item"])) : h("", !0),
+          c.type === "radio" ? (n(), i(r, {
             key: 1,
             item: c
-          }, null, 8, ["item"])) : y("", !0),
-          c.type === "select" ? (o(), u(d, {
+          }, null, 8, ["item"])) : h("", !0),
+          c.type === "select" ? (n(), i(m, {
             key: 2,
             item: c
-          }, null, 8, ["item"])) : y("", !0),
-          c.type === "divider" ? (o(), u(_, {
+          }, null, 8, ["item"])) : h("", !0),
+          c.type === "divider" ? (n(), i(_, {
             key: 3,
             item: c
-          }, null, 8, ["item"])) : y("", !0),
-          c.type === "cascader" ? (o(), u(g, {
+          }, null, 8, ["item"])) : h("", !0),
+          c.type === "cascader" ? (n(), i(f, {
             key: 4,
             item: c
-          }, null, 8, ["item"])) : y("", !0),
-          c.type === "date-picker" ? (o(), u(q, {
+          }, null, 8, ["item"])) : h("", !0),
+          c.type === "checkbox" ? (n(), i(C, {
             key: 5,
             item: c
-          }, null, 8, ["item"])) : y("", !0),
-          c.type === "input-number" ? (o(), u(G, {
+          }, null, 8, ["item"])) : h("", !0),
+          c.type === "date-picker" ? (n(), i(U, {
             key: 6,
             item: c
-          }, null, 8, ["item"])) : y("", !0),
-          c.type === "form-item-slot" ? A(e.$slots, c.name, { key: 7 }) : y("", !0),
-          c.type === "input-mobile-verification" ? (o(), u(N, {
-            key: 8,
+          }, null, 8, ["item"])) : h("", !0),
+          c.type === "input-number" ? (n(), i(R, {
+            key: 7,
+            item: c
+          }, null, 8, ["item"])) : h("", !0),
+          c.type === "form-item-slot" ? O(e.$slots, c.name, { key: 8 }) : h("", !0),
+          c.type === "input-mobile-verification" ? (n(), i(B, {
+            key: 9,
             item: c
-          }, null, 8, ["item"])) : y("", !0),
-          c.type === "input-graphic-verification" ? (o(), u(B, {
+          }, null, 8, ["item"])) : h("", !0),
+          c.type === "input-graphic-verification" ? (n(), i(E, {
             item: c,
             key: c.key
-          }, null, 8, ["item"])) : y("", !0)
+          }, null, 8, ["item"])) : h("", !0)
         ]),
         _: 2
       }, 1032, ["label", "prop", "rules"]))), 128)),
-      A(e.$slots, "default"),
-      e.formOnly ? y("", !0) : (o(), u(U, { key: 0 }, {
-        default: f(() => [
-          C((o(), u(b, {
+      O(e.$slots, "default"),
+      e.formOnly ? h("", !0) : (n(), i(S, { key: 0 }, {
+        default: y(() => [
+          D((n(), i(V, {
             type: "primary",
             size: e.size,
             onClick: e.handleQuery
           }, {
-            default: f(() => [
-              w("查询")
+            default: y(() => [
+              I("查询")
             ]),
             _: 1
           }, 8, ["size", "onClick"])), [
-            [P, e.formLoading]
+            [N, e.formLoading]
           ]),
-          O(b, {
+          j(V, {
             size: e.size,
             onClick: e.resetQuery
           }, {
-            default: f(() => [
-              w("重置")
+            default: y(() => [
+              I("重置")
             ]),
             _: 1
           }, 8, ["size", "onClick"])
         ]),
         _: 1
       })),
-      A(e.$slots, "behind-the-button")
+      O(e.$slots, "behind-the-button")
     ]),
     _: 3
   }, 16, ["model", "label-width"])), [
-    [ae, e.showSearch]
+    [se, e.showSearch]
   ]);
 }
-const Le = /* @__PURE__ */ L(Ve, [["render", Ie]]), De = ["infinite-scroll-disabled"], Ce = /* @__PURE__ */ k({
+const Ce = /* @__PURE__ */ w(Ie, [["render", Le]]), De = ["infinite-scroll-disabled"], xe = ["infinite-scroll-disabled"], we = { class: "checkbox" }, Be = /* @__PURE__ */ k({
   __name: "InfiniteScrollList",
   props: {
     search: {
       type: Function,
       required: !0
     },
+    checkbox: {
+      type: Boolean,
+      required: !1
+    },
     id: {
       type: String,
       required: !0
@@ -594,70 +637,90 @@ const Le = /* @__PURE__ */ L(Ve, [["render", Ie]]), De = ["infinite-scroll-disab
       required: !1
     }
   },
-  setup(e, { expose: n }) {
-    const t = e, { search: i, id: a, name: s, extra: l } = t, r = v([]), d = v(1), _ = v(!1), g = v([]), q = v(!1), G = (b, V) => {
-      const { i: P } = b;
-      return l(P);
+  setup(e, { expose: o }) {
+    const t = e, { search: u, id: s, name: a, extra: l } = t, r = v([]), m = v(1), _ = v(!1), f = v([]), C = v(!1), U = (S, V) => {
+      const { i: $ } = S;
+      return l($);
     };
-    se(
+    ae(
       () => t.defaultSelection,
-      (b = [], V = []) => {
-        g.value = b.map((P) => typeof P == "object" ? P[a] : P);
+      (S = [], V = []) => {
+        f.value = S.map(($) => typeof $ == "object" ? $[s] : $);
       },
       { immediate: !0 }
     );
-    const N = () => {
-      d.value = 1, r.value = [], g.value = [], _.value = !1;
+    const R = () => {
+      m.value = 1, r.value = [], f.value = [], _.value = !1;
     }, B = async () => {
-      if (q.value || _.value)
+      if (C.value || _.value)
         return;
-      q.value = !0;
-      const b = await i(d.value);
-      b && b.length > 0 ? (r.value = [...r.value, ...b], d.value += 1) : _.value = !0, q.value = !1;
-    }, U = j(
-      () => r.value.filter((b) => g.value.includes(b[a]))
+      C.value = !0;
+      const S = await u(m.value);
+      S && S.length > 0 ? (r.value = [...r.value, ...S], m.value += 1) : _.value = !0, C.value = !1;
+    }, E = Q(
+      () => r.value.filter((S) => f.value.includes(S[s]))
     ) || {};
-    return n({ reset: N, loadList: B, selectInfo: U, list: r, ifbottom: _ }), (b, V) => {
-      const P = p("el-checkbox"), c = p("el-checkbox-group"), J = R("infinite-scroll"), X = R("loading");
-      return C((o(), u(c, S({
-        modelValue: g.value,
-        "onUpdate:modelValue": V[0] || (V[0] = (I) => g.value = I)
+    return o({ reset: R, loadList: B, selectInfo: E, list: r, ifbottom: _ }), (S, V) => {
+      const $ = p("el-checkbox"), N = p("el-checkbox-group"), c = G("infinite-scroll"), Y = G("loading");
+      return t.checkbox ? D((n(), i(N, b({
+        key: 0,
+        modelValue: f.value,
+        "onUpdate:modelValue": V[0] || (V[0] = (P) => f.value = P)
       }, t), {
-        default: f(() => [
-          C((o(), $("ul", {
+        default: y(() => [
+          D((n(), z("ul", {
             class: "list",
             "infinite-scroll-disabled": _.value
           }, [
-            (o(!0), $(F, null, z(r.value, (I) => (o(), $("li", {
-              key: I[m(a)],
+            (n(!0), z(L, null, q(r.value, (P) => (n(), z("li", {
+              key: P[d(s)],
               class: "list-item"
             }, [
-              O(P, {
-                label: I[m(a)],
+              j($, {
+                label: P[d(s)],
                 class: "checkbox"
               }, {
-                default: f(() => [
-                  w(E(I[m(s)]) + " ", 1),
-                  t.extra ? (o(), u(G, {
+                default: y(() => [
+                  I(x(P[d(a)]) + " ", 1),
+                  t.extra ? (n(), i(U, {
                     key: 0,
-                    i: I
-                  }, null, 8, ["i"])) : y("", !0)
+                    i: P
+                  }, null, 8, ["i"])) : h("", !0)
                 ]),
                 _: 2
               }, 1032, ["label"])
             ]))), 128))
           ], 8, De)), [
-            [J, B]
+            [c, B]
           ])
         ]),
         _: 1
       }, 16, ["modelValue"])), [
-        [X, q.value]
+        [Y, C.value]
+      ]) : D((n(), z("ul", b({
+        key: 1,
+        class: "list",
+        "infinite-scroll-disabled": _.value
+      }, t), [
+        (n(!0), z(L, null, q(r.value, (P) => (n(), z("li", {
+          key: P[d(s)],
+          class: "list-item"
+        }, [
+          W("div", we, [
+            I(x(P[d(a)]) + " ", 1),
+            t.extra ? (n(), i(U, {
+              key: 0,
+              i: P
+            }, null, 8, ["i"])) : h("", !0)
+          ])
+        ]))), 128))
+      ], 16, xe)), [
+        [c, B]
       ]);
     };
   }
 });
-const we = /* @__PURE__ */ L(Ce, [["__scopeId", "data-v-389bb4ac"]]), Fe = { key: 1 }, Be = /* @__PURE__ */ k({
+const Fe = /* @__PURE__ */ w(Be, [["__scopeId", "data-v-6bf38adc"]]), Ue = { key: 1 }, Ge = /* @__PURE__ */ k({
   __name: "Descriptions",
   props: {
     formData: {
@@ -674,32 +737,32 @@ const we = /* @__PURE__ */ L(Ce, [["__scopeId", "data-v-389bb4ac"]]), Fe = { key
     }
   },
   setup(e) {
-    const n = e, t = (i, a) => {
-      const { i: s, render: l, formData: r } = i;
+    const o = e, t = (u, s) => {
+      const { i: a, render: l, formData: r } = u;
       return l({
         row: r,
-        $index: s
+        $index: a
       });
     };
-    return (i, a) => {
-      const s = p("el-descriptions-item"), l = p("el-descriptions");
-      return o(), u(l, S({
+    return (u, s) => {
+      const a = p("el-descriptions-item"), l = p("el-descriptions");
+      return n(), i(l, b({
         column: 1,
         border: "",
         class: "form-width"
-      }, n), {
-        default: f(() => [
-          (o(!0), $(F, null, z(n.formItem, (r, d) => (o(), u(s, S({
+      }, o), {
+        default: y(() => [
+          (n(!0), z(L, null, q(o.formItem, (r, m) => (n(), i(a, b({
             key: r.prop,
             label: r.label
-          }, n.descriptionsItemProps), {
-            default: f(() => [
-              r.render ? (o(), u(t, {
+          }, o.descriptionsItemProps), {
+            default: y(() => [
+              r.render ? (n(), i(t, {
                 key: 0,
-                i: d,
+                i: m,
                 render: r.render,
                 formData: e.formData
-              }, null, 8, ["i", "render", "formData"])) : (o(), $("span", Fe, E(e.formData[r.prop]), 1))
+              }, null, 8, ["i", "render", "formData"])) : (n(), z("span", Ue, x(e.formData[r.prop]), 1))
             ]),
             _: 2
           }, 1040, ["label"]))), 128))
@@ -708,9 +771,9 @@ const we = /* @__PURE__ */ L(Ce, [["__scopeId", "data-v-389bb4ac"]]), Fe = { key
       }, 16);
     };
   }
-}), Ee = Le, Ge = we, Ne = Be;
+}), Ne = Ce, Ae = Fe, Oe = Ge;
 export {
-  Ne as VDescriptions,
-  Ee as VGeneralBasicForm,
-  Ge as VInfiniteScrollList
+  Oe as VDescriptions,
+  Ne as VGeneralBasicForm,
+  Ae 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,z){"use strict";const w={placeholder:"请输入",style:"width: 200px",clearable:!0},D={style:"width: 227px","start-placeholder":"开始日期","end-placeholder":"结束日期",type:"daterange"},$={placeholder:"请选择",filterable:!0,clearable:!0,style:"width: 200px"},I=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,l]of n)o[a]=l;return o};function L(t,n,o,a,l,i){const s=e.resolveComponent("el-input");return e.openBlock(),e.createBlock(s,e.mergeProps({onKeydown:e.withKeys(t.getList,["enter"]),modelValue:t.queryParams[t.item.prop],"onUpdate:modelValue":n[0]||(n[0]=r=>t.queryParams[t.item.prop]=r),size:t.size},t.inputSetting),e.createSlots({_:2},[e.renderList(t.item.template,(r,p)=>({name:p,fn:e.withCtx(()=>[r?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:p,templateEle:r},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040,["onKeydown","modelValue","size"])}const V=y(I,[["render",L]]),N=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),a=e.inject("size"),l=e.ref({...w,...n.inputSetting});return(i,s)=>{const r=e.resolveComponent("el-input-number");return e.openBlock(),e.createBlock(r,e.mergeProps({modelValue:e.unref(o)[i.item.prop],"onUpdate:modelValue":s[0]||(s[0]=p=>e.unref(o)[i.item.prop]=p),size:e.unref(a)},l.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:l,updateFormLoading:i}=e.inject(q),s=async()=>{a&&!l.value&&await a()};return(r,p)=>{const m=e.resolveDirective("loading");return e.withDirectives((e.openBlock(),e.createElementBlock("div",x,[e.createVNode(V,{item:r.item,class:"input"},null,8,["item"]),e.createElementVNode("img",{class:"graphic",onClick:s,src:e.unref(o)},null,8,F)])),[[m,e.unref(l)]])}}}),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),l=e.computed(()=>o.value===B),i=()=>{a&&(clearInterval(a.value),a.value=null,o.value=B)},s=async()=>{if(o.value===B)if(o.value=U,a.value=setInterval(()=>{if(Number(o.value)<=0||!o.value){i();return}else o.value=Number(o.value)-1},1e3),n)await n()===!1&&i();else return};return e.onBeforeUnmount(()=>{i()}),(r,p)=>{const m=e.resolveComponent("el-button");return e.openBlock(),e.createBlock(m,{class:"verifiaction-button",style:e.normalizeStyle({color:l.value?"var(--color-primary, #409EFF)":"var(--text-color-placeholder, #A8ABB2)",cursor:l.value?"pointer":"default"}),onClick:s},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.value?B:o.value+"s"),1)]),_:1},8,["style"])}}}),ce="",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,l)=>(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,l,i){const s=e.resolveComponent("el-divider");return e.openBlock(),e.createBlock(s,e.normalizeProps(e.guardReactiveProps(t.dividerSetting)),e.createSlots({_:2},[e.renderList(t.item.template,(r,p)=>({name:p,fn:e.withCtx(()=>[r?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:p,templateEle:r},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"),l=e.ref({...n.radioSetting}),i=e.ref({...n.radioGroupSetting});return(s,r)=>{const p=e.resolveComponent("el-radio"),m=e.resolveComponent("el-radio-group");return e.openBlock(),e.createBlock(m,e.mergeProps({modelValue:e.unref(o)[s.item.prop],"onUpdate:modelValue":r[0]||(r[0]=d=>e.unref(o)[s.item.prop]=d),size:e.unref(a)},i.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.item.option||[],d=>(e.openBlock(),e.createBlock(p,e.mergeProps({size:e.unref(a),label:d.label,key:d.label},l.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"),l=e.ref({...D,...n.datePackerSetting});return(i,s)=>{const r=e.resolveComponent("el-date-picker");return e.openBlock(),e.createBlock(r,e.mergeProps({modelValue:e.unref(o)[i.item.prop],"onUpdate:modelValue":s[0]||(s[0]=p=>e.unref(o)[i.item.prop]=p),size:e.unref(a)},l.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"),l=e.ref({...$,...n.selectSetting});return(i,s)=>{const r=e.resolveComponent("el-option"),p=e.resolveComponent("el-select");return e.openBlock(),e.createBlock(p,e.mergeProps({modelValue:e.unref(o)[i.item.prop],"onUpdate:modelValue":s[0]||(s[0]=m=>e.unref(o)[i.item.prop]=m),size:e.unref(a)},l.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.item.option||[],m=>(e.openBlock(),e.createBlock(r,{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"),l=e.ref({...$,...n.selectSetting});return(i,s)=>{const r=e.resolveComponent("el-cascader");return e.openBlock(),e.createBlock(r,e.mergeProps({modelValue:e.unref(o)[i.item.prop],"onUpdate:modelValue":s[0]||(s[0]=p=>e.unref(o)[i.item.prop]=p),size:e.unref(a),options:i.item.options||[]},l.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,l=z.useRoute(),i=e.ref({...o?{}:l==null?void 0:l.query});return e.provide("queryParams",i),e.provide("size",n),e.provide("getList",a),{queryParams:i}},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,l,i){const s=e.resolveComponent("Input"),r=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(s,{key:0,item:c},null,8,["item"])):e.createCommentVNode("",!0),c.type==="radio"?(e.openBlock(),e.createBlock(r,{key:1,item:c},null,8,["item"])):e.createCommentVNode("",!0),c.type==="select"?(e.openBlock(),e.createBlock(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:l,name:i,extra:s}=o,r=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 s(u)};e.watch(()=>o.defaultSelection,(f=[],h=[])=>{d.value=f.map(u=>typeof u=="object"?u[l]:u)},{immediate:!0});const P=()=>{p.value=1,r.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?(r.value=[...r.value,...f],p.value+=1):m.value=!0,k.value=!1},b=e.computed(()=>r.value.filter(f=>d.value.includes(f[l])))||{};return n({reset:P,loadList:C,selectInfo:b,list:r,ifbottom:m}),(f,h)=>{const u=e.resolveComponent("el-checkbox"),c=e.resolveComponent("el-checkbox-group"),ie=e.resolveDirective("infinite-scroll"),ae=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(r.value,g=>(e.openBlock(),e.createElementBlock("li",{key:g[e.unref(l)],class:"list-item"},[e.createVNode(u,{label:g[e.unref(l)],class:"checkbox"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(g[e.unref(i)])+" ",1),o.extra?(e.openBlock(),e.createBlock(S,{key:0,i:g},null,8,["i"])):e.createCommentVNode("",!0)]),_:2},1032,["label"])]))),128))],8,Z)),[[ie,C]])]),_:1},16,["modelValue"])),[[ae,k.value]])}}}),pe="",ee=y(v,[["__scopeId","data-v-389bb4ac"]]),te={key:1},oe=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,o=(a,l)=>{const{i,render:s,formData:r}=a;return s({row:r,$index:i})};return(a,l)=>{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,p)=>(e.openBlock(),e.createBlock(i,e.mergeProps({key:r.prop,label:r.label},n.descriptionsItemProps),{default:e.withCtx(()=>[r.render?(e.openBlock(),e.createBlock(o,{key:0,i:p,render:r.render,formData:t.formData},null,8,["i","render","formData"])):(e.openBlock(),e.createElementBlock("span",te,e.toDisplayString(t.formData[r.prop]),1))]),_:2},1040,["label"]))),128))]),_:1},16)}}}),ne=Y,re=ee,le=oe;_.VDescriptions=le,_.VGeneralBasicForm=ne,_.VInfiniteScrollList=re,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 z={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"},I=e.defineComponent({components:{InputArchive:t=>{const{templateEle:n}=t;return n()}},props:{item:null},setup(){const t=e.inject("queryParams",{}),n=e.inject("getList"),o=e.inject("size");return{queryParams:t,getList:n,size:o}},data(){return{inputSetting:{...z,...this.item.inputSetting}}},methods:{currentInputComponent(){return"input-archive"}}}),h=(t,n)=>{const o=t.__vccOpts||t;for(const[c,l]of n)o[c]=l;return o};function L(t,n,o,c,l,i){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,p)=>({name:p,fn:e.withCtx(()=>[r?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:p,templateEle:r},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040,["onKeydown","modelValue","size"])}const V=h(I,[["render",L]]),N=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),c=e.inject("size"),l=e.ref({...z,...n.inputSetting});return(i,a)=>{const r=e.resolveComponent("el-input-number");return e.openBlock(),e.createBlock(r,e.mergeProps({modelValue:e.unref(o)[i.item.prop],"onUpdate:modelValue":a[0]||(a[0]=p=>e.unref(o)[i.item.prop]=p),size:e.unref(c)},l.value),null,16,["modelValue","size"])}}}),q=Symbol(),F={class:"input-graphic-verification"},j=["src"],E=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,{graphicSrc:o="",getGraphic:c=()=>{}}=n,{formLoading:l,updateFormLoading:i}=e.inject(q),a=async()=>{c&&!l.value&&await c()};return(r,p)=>{const m=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,j)])),[[m,e.unref(l)]])}}}),me="",U=h(E,[["__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),c=e.ref(null),l=e.computed(()=>o.value===B),i=()=>{c&&(clearInterval(c.value),c.value=null,o.value=B)},a=async()=>{if(o.value===B)if(o.value=T,c.value=setInterval(()=>{if(Number(o.value)<=0||!o.value){i();return}else o.value=Number(o.value)-1},1e3),n)await n()===!1&&i();else return};return e.onBeforeUnmount(()=>{i()}),(r,p)=>{const m=e.resolveComponent("el-button");return e.openBlock(),e.createBlock(m,{class:"verifiaction-button",style:e.normalizeStyle({color:l.value?"var(--color-primary, #409EFF)":"var(--text-color-placeholder, #A8ABB2)",cursor:l.value?"pointer":"default"}),onClick:a},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.value?B:o.value+"s"),1)]),_:1},8,["style"])}}}),de="",R=h(G,[["__scopeId","data-v-4074e137"]]),A=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=n;return o.template={append:()=>e.h(R,{getSmscode:o.getSmscode})},(c,l)=>(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 Q(t,n,o,c,l,i){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,p)=>({name:p,fn:e.withCtx(()=>[r?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:p,templateEle:r},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040)}const K=h(O,[["render",Q]]),M=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),c=e.inject("size"),l=e.ref({...n.radioSetting}),i=e.ref({...n.radioGroupSetting});return(a,r)=>{const p=e.resolveComponent("el-radio"),m=e.resolveComponent("el-radio-group");return e.openBlock(),e.createBlock(m,e.mergeProps({modelValue:e.unref(o)[a.item.prop],"onUpdate:modelValue":r[0]||(r[0]=d=>e.unref(o)[a.item.prop]=d),size:e.unref(c)},i.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.item.option||[],d=>(e.openBlock(),e.createBlock(p,e.mergeProps({size:e.unref(c),label:d.label,key:d.label},l.value),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.value),1)]),_:2},1040,["size","label"]))),128))]),_:1},16,["modelValue","size"])}}}),W=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),c=e.inject("size"),l=e.ref({...n.checkboxSetting}),i=e.ref({...n.checkboxGroupSetting});return(a,r)=>{const p=e.resolveComponent("el-checkbox"),m=e.resolveComponent("el-checkbox-group");return e.openBlock(),e.createBlock(m,e.mergeProps({modelValue:e.unref(o)[a.item.prop],"onUpdate:modelValue":r[0]||(r[0]=d=>e.unref(o)[a.item.prop]=d),size:e.unref(c)},i.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.item.option||[],d=>(e.openBlock(),e.createBlock(p,e.mergeProps({size:e.unref(c),label:d.label,key:d.label},l.value),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.value),1)]),_:2},1040,["size","label"]))),128))]),_:1},16,["modelValue","size"])}}}),H=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),c=e.inject("size"),l=e.ref({...D,...n.datePackerSetting});return(i,a)=>{const r=e.resolveComponent("el-date-picker");return e.openBlock(),e.createBlock(r,e.mergeProps({modelValue:e.unref(o)[i.item.prop],"onUpdate:modelValue":a[0]||(a[0]=p=>e.unref(o)[i.item.prop]=p),size:e.unref(c)},l.value),null,16,["modelValue","size"])}}}),J=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),c=e.inject("size"),l=e.ref({...w,...n.selectSetting});return(i,a)=>{const r=e.resolveComponent("el-option"),p=e.resolveComponent("el-select");return e.openBlock(),e.createBlock(p,e.mergeProps({modelValue:e.unref(o)[i.item.prop],"onUpdate:modelValue":a[0]||(a[0]=m=>e.unref(o)[i.item.prop]=m),size:e.unref(c)},l.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.item.option||[],m=>(e.openBlock(),e.createBlock(r,{key:m.value,label:m.label,value:m.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",{}),c=e.inject("size"),l=e.ref({...w,...n.selectSetting});return(i,a)=>{const r=e.resolveComponent("el-cascader");return e.openBlock(),e.createBlock(r,e.mergeProps({modelValue:e.unref(o)[i.item.prop],"onUpdate:modelValue":a[0]||(a[0]=p=>e.unref(o)[i.item.prop]=p),size:e.unref(c),options:i.item.options||[]},l.value),null,16,["modelValue","size","options"])}}}),Y=e.defineComponent({name:"GeneralBasicForm",components:{Input:V,InputNumber:N,InputGraphicVerification:U,InputMobileVerification:A,Divider:K,Radio:M,Checkbox:W,DatePicker:H,Select:J,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:c}=t,l=$.useRoute(),i=e.ref({...o?{}:l==null?void 0:l.query});return e.provide("queryParams",i),e.provide("size",n),e.provide("getList",c),{queryParams:i}},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 Z(t,n,o,c,l,i){const a=e.resolveComponent("Input"),r=e.resolveComponent("Radio"),p=e.resolveComponent("Select"),m=e.resolveComponent("Divider"),d=e.resolveComponent("Cascader"),g=e.resolveComponent("Checkbox"),b=e.resolveComponent("DatePicker"),S=e.resolveComponent("InputNumber"),C=e.resolveComponent("InputMobileVerification"),P=e.resolveComponent("InputGraphicVerification"),f=e.resolveComponent("el-form-item"),y=e.resolveComponent("el-button"),u=e.resolveComponent("el-form"),x=e.resolveDirective("loading");return e.withDirectives((e.openBlock(),e.createBlock(u,e.mergeProps({model:t.queryParams,ref:"queryFormRef",inline:"","label-position":"left","label-width":t.labelWidth},t.$attrs),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.formItem,s=>(e.openBlock(),e.createBlock(f,{label:s.label,prop:s.prop,key:s.prop,rules:s.rules},{default:e.withCtx(()=>[s.type==="input"?(e.openBlock(),e.createBlock(a,{key:0,item:s},null,8,["item"])):e.createCommentVNode("",!0),s.type==="radio"?(e.openBlock(),e.createBlock(r,{key:1,item:s},null,8,["item"])):e.createCommentVNode("",!0),s.type==="select"?(e.openBlock(),e.createBlock(p,{key:2,item:s},null,8,["item"])):e.createCommentVNode("",!0),s.type==="divider"?(e.openBlock(),e.createBlock(m,{key:3,item:s},null,8,["item"])):e.createCommentVNode("",!0),s.type==="cascader"?(e.openBlock(),e.createBlock(d,{key:4,item:s},null,8,["item"])):e.createCommentVNode("",!0),s.type==="checkbox"?(e.openBlock(),e.createBlock(g,{key:5,item:s},null,8,["item"])):e.createCommentVNode("",!0),s.type==="date-picker"?(e.openBlock(),e.createBlock(b,{key:6,item:s},null,8,["item"])):e.createCommentVNode("",!0),s.type==="input-number"?(e.openBlock(),e.createBlock(S,{key:7,item:s},null,8,["item"])):e.createCommentVNode("",!0),s.type==="form-item-slot"?e.renderSlot(t.$slots,s.name,{key:8}):e.createCommentVNode("",!0),s.type==="input-mobile-verification"?(e.openBlock(),e.createBlock(C,{key:9,item:s},null,8,["item"])):e.createCommentVNode("",!0),s.type==="input-graphic-verification"?(e.openBlock(),e.createBlock(P,{item:s,key:s.key},null,8,["item"])):e.createCommentVNode("",!0)]),_:2},1032,["label","prop","rules"]))),128)),e.renderSlot(t.$slots,"default"),t.formOnly?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(f,{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"])),[[x,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:c,id:l,name:i,extra:a}=o,r=e.ref([]),p=e.ref(1),m=e.ref(!1),d=e.ref([]),g=e.ref(!1),b=(f,y)=>{const{i:u}=f;return a(u)};e.watch(()=>o.defaultSelection,(f=[],y=[])=>{d.value=f.map(u=>typeof u=="object"?u[l]:u)},{immediate:!0});const S=()=>{p.value=1,r.value=[],d.value=[],m.value=!1},C=async()=>{if(g.value||m.value)return;g.value=!0;const f=await c(p.value);f&&f.length>0?(r.value=[...r.value,...f],p.value+=1):m.value=!0,g.value=!1},P=e.computed(()=>r.value.filter(f=>d.value.includes(f[l])))||{};return n({reset:S,loadList:C,selectInfo:P,list:r,ifbottom:m}),(f,y)=>{const u=e.resolveComponent("el-checkbox"),x=e.resolveComponent("el-checkbox-group"),s=e.resolveDirective("infinite-scroll"),pe=e.resolveDirective("loading");return o.checkbox?e.withDirectives((e.openBlock(),e.createBlock(x,e.mergeProps({key:0,modelValue:d.value,"onUpdate:modelValue":y[0]||(y[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(r.value,k=>(e.openBlock(),e.createElementBlock("li",{key:k[e.unref(l)],class:"list-item"},[e.createVNode(u,{label:k[e.unref(l)],class:"checkbox"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(k[e.unref(i)])+" ",1),o.extra?(e.openBlock(),e.createBlock(b,{key:0,i:k},null,8,["i"])):e.createCommentVNode("",!0)]),_:2},1032,["label"])]))),128))],8,ee)),[[s,C]])]),_:1},16,["modelValue"])),[[pe,g.value]]):e.withDirectives((e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:1,class:"list","infinite-scroll-disabled":m.value},o),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,k=>(e.openBlock(),e.createElementBlock("li",{key:k[e.unref(l)],class:"list-item"},[e.createElementVNode("div",oe,[e.createTextVNode(e.toDisplayString(k[e.unref(i)])+" ",1),o.extra?(e.openBlock(),e.createBlock(b,{key:0,i:k},null,8,["i"])):e.createCommentVNode("",!0)])]))),128))],16,te)),[[s,C]])}}}),fe="",re=h(ne,[["__scopeId","data-v-6bf38adc"]]),le={key:1},ie=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,o=(c,l)=>{const{i,render:a,formData:r}=c;return a({row:r,$index:i})};return(c,l)=>{const i=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,p)=>(e.openBlock(),e.createBlock(i,e.mergeProps({key:r.prop,label:r.label},n.descriptionsItemProps),{default:e.withCtx(()=>[r.render?(e.openBlock(),e.createBlock(o,{key:0,i:p,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)}}}),ae=v,ce=re,se=ie;_.VDescriptions=se,_.VGeneralBasicForm=ae,_.VInfiniteScrollList=ce,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-389bb4ac]{height:272px;overflow:auto;padding:8px 0}.list .checkbox[data-v-389bb4ac]{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-6bf38adc]{height:272px;overflow:auto;padding:8px 0}.list .checkbox[data-v-6bf38adc]{width:calc(100% - 32px);padding:0 16px}

package/package.json

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