general-basic-form 2.0.45 → 2.0.46

package/README.md

@@ -2,12 +2,14 @@
 
 ## 一个兼容 Vue2 、Vue3 和 React(未来实现)  的表单组件，支持typescript，vue2请使用@1版本，Vue3请使用@2版本
 
-| 组件\兼容性         | vue2 | vue3 |
-| ------------------- | ---- | ---- |
-| VGeneralBasicForm    | √    | √    |
-| VSearchBox           | √    |      |
-| VInfiniteScrollList |      | √    |
-| VDescriptions       |      | √    |
+| 组件\兼容性         | vue2 | vue3 | Ant Design Vue | Element Plus | Element（ui） |
+| ------------------- | ---- | ---- | ---- | ---- | ---- |
+| VGeneralBasicForm    | √    | √    |     | √   | √   |
+| VSearchBox           | √    |      |      |  | √ |
+| VInfiniteScrollList |      | √    |     | √   |     |
+| VDescriptions       |      | √    |     | √   |     |
+| VInputMobilecVerification | | √ | √ | √ |  |
+| VInputGraphicVerification | | √ | √ | √ |  |
 
 示例:
 
@@ -233,7 +235,7 @@ getList会传出默认的参数,首次请求时会有页数和分页大小,重
               message: '请输入手机验证码',
               trigger: 'blur'
             }
-          ]
+          ],
           getSmscode,// 获取验证码的回调函数,获取失败必须返回false,否则计时器不会重新计算
         },
         {
@@ -535,5 +537,19 @@ formItem：[ {
 descriptionsItemProps:el-descriptions-item的配置
 ```
 
+# VInputMobilecVerification，VInputGraphicVerification表单里的图形验证码、手机验证码组件，可以单独引入
+
+```
+<VInputGraphicVerification class="VInputGraphicVerification" :item="{同表单}" componentType="Ant Design Vue" :loading="loading"></VInputGraphicVerification>
+<VInputMobilecVerification class="VInputGraphicVerification" :item="{同表单}" componentType="Ant Design Vue"></VInputMobilecVerification>
+```
+
+componentType： 
+
+"Ant Design Vue"
+
+ "Element Plus" （默认）
+
 安装：npm i general-basic-form<br/>
 install: npm i general-basic-form
+

package/dist/index.js

@@ -1,20 +1,20 @@
-import { defineComponent as b, inject as y, resolveComponent as m, openBlock as n, createBlock as u, mergeProps as h, withKeys as ne, createSlots as J, renderList as P, withCtx as f, resolveDynamicComponent as W, createCommentVNode as _, ref as v, unref as p, resolveDirective as U, withDirectives as C, createElementBlock as k, createVNode as T, createElementVNode as H, computed as j, onBeforeUnmount as oe, normalizeStyle as re, createTextVNode as V, toDisplayString as D, h as se, normalizeProps as ie, guardReactiveProps as ae, Fragment as I, provide as O, renderSlot as Q, vShow as le, watch as ue } from "vue";
-import { useRoute as ce } from "vue-router";
-const X = {
+import { defineComponent as b, inject as f, resolveComponent as d, openBlock as o, createBlock as c, mergeProps as v, withKeys as Z, createSlots as Q, renderList as I, withCtx as _, resolveDynamicComponent as E, createCommentVNode as h, ref as $, unref as m, onMounted as le, createElementBlock as k, computed as G, shallowRef as X, onBeforeUnmount as ue, normalizeStyle as ce, createTextVNode as D, toDisplayString as R, h as J, normalizeProps as pe, guardReactiveProps as me, Fragment as L, provide as O, resolveDirective as j, withDirectives as A, renderSlot as K, createVNode as ee, vShow as de, watch as fe, createElementVNode as ye } from "vue";
+import { useRoute as _e } from "vue-router";
+const Y = {
   placeholder: "请输入",
   style: "width: 200px",
   clearable: !0
-}, pe = {
+}, he = {
   style: "width: 227px",
   "start-placeholder": "开始日期",
   "end-placeholder": "结束日期",
   type: "daterange"
-}, Y = {
+}, te = {
   placeholder: "请选择",
   filterable: !0,
   clearable: !0,
   style: "width: 200px"
-}, me = b({
+}, ge = b({
   components: {
     InputArchive: (e) => {
       const { templateEle: t } = e;
@@ -26,13 +26,13 @@ const X = {
     // null就是any
   },
   setup() {
-    const e = y("queryParams", {}), t = y("getList"), o = y("size");
-    return { queryParams: e, getList: t, size: o };
+    const e = f("queryParams", {}), t = f("getList"), n = f("size");
+    return { queryParams: e, getList: t, size: n };
   },
   data() {
     return {
       inputSetting: {
-        ...X,
+        ...Y,
         ...this.item.inputSetting,
         ...this.item.setting
       }
@@ -55,143 +55,273 @@ const X = {
   //     console.log(val);
   //   },
   // },
-}), w = (e, t) => {
-  const o = e.__vccOpts || e;
-  for (const [a, r] of t)
-    o[a] = r;
-  return o;
+}), x = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [l, s] of t)
+    n[l] = s;
+  return n;
 };
-function de(e, t, o, a, r, l) {
-  const d = m("el-input");
-  return n(), u(d, h({
-    onKeydown: ne(e.getList, ["enter"]),
+function ve(e, t, n, l, s, i) {
+  const u = d("el-input");
+  return o(), c(u, v({
+    onKeydown: Z(e.getList, ["enter"]),
     modelValue: e.queryParams[e.item.prop],
-    "onUpdate:modelValue": t[0] || (t[0] = (s) => e.queryParams[e.item.prop] = s),
+    "onUpdate:modelValue": t[0] || (t[0] = (r) => e.queryParams[e.item.prop] = r),
     size: e.size
-  }, e.inputSetting), J({ _: 2 }, [
-    P(e.item.template, (s, c) => ({
-      name: c,
-      fn: f(() => [
-        s ? (n(), u(W(e.currentInputComponent()), {
-          key: c,
-          templateEle: s
-        }, null, 8, ["templateEle"])) : _("", !0)
+  }, e.inputSetting), Q({ _: 2 }, [
+    I(e.item.template, (r, a) => ({
+      name: a,
+      fn: _(() => [
+        r ? (o(), c(E(e.currentInputComponent()), {
+          key: a,
+          templateEle: r
+        }, null, 8, ["templateEle"])) : h("", !0)
       ])
     }))
   ]), 1040, ["onKeydown", "modelValue", "size"]);
 }
-const K = /* @__PURE__ */ w(me, [["render", de]]), fe = /* @__PURE__ */ b({
+const U = /* @__PURE__ */ x(ge, [["render", ve]]), be = /* @__PURE__ */ b({
   __name: "index",
   props: {
     item: {}
   },
   setup(e) {
-    const t = y("queryParams", {}), o = y("size"), a = v({
-      ...X,
+    const t = f("queryParams", {}), n = f("size"), l = $({
+      ...Y,
       ...e.item.inputSetting,
       ...e.item.setting
     });
-    return (r, l) => {
-      const d = m("el-input-number");
-      return n(), u(d, h({
-        modelValue: p(t)[r.item.prop],
-        "onUpdate:modelValue": l[0] || (l[0] = (s) => p(t)[r.item.prop] = s),
-        size: p(o)
-      }, a.value), null, 16, ["modelValue", "size"]);
+    return (s, i) => {
+      const u = d("el-input-number");
+      return o(), c(u, v({
+        modelValue: m(t)[s.item.prop],
+        "onUpdate:modelValue": i[0] || (i[0] = (r) => m(t)[s.item.prop] = r),
+        size: m(n)
+      }, l.value), null, 16, ["modelValue", "size"]);
     };
   }
-}), Z = Symbol(), _e = { class: "input-graphic-verification" }, ye = ["src", "alt"], he = /* @__PURE__ */ b({
+}), ke = b({
+  components: {
+    InputArchive: (e) => {
+      const { templateEle: t } = e;
+      return t();
+    }
+  },
+  props: {
+    item: null
+    // null就是any
+  },
+  setup() {
+    const e = f("queryParams", {}), t = f("getList", () => {
+    }), n = f("size");
+    return { queryParams: e, getList: t, size: n };
+  },
+  data() {
+    return {
+      inputSetting: {
+        ...Y,
+        ...this.item.inputSetting,
+        ...this.item.setting
+      }
+    };
+  },
+  // created() {
+  //   console.log("new", this.item);
+  //   console.log("new", this.inputSetting);
+  // },
+  methods: {
+    currentInputComponent() {
+      return "input-archive";
+    }
+  }
+  // watch: {
+  //   item(val) {
+  //     console.log("item", val);
+  //   },
+  //   size(val) {
+  //     console.log(val);
+  //   },
+  // },
+});
+function $e(e, t, n, l, s, i) {
+  const u = d("a-input");
+  return o(), c(u, v({
+    onKeydown: Z(e.getList, ["enter"]),
+    modelValue: e.queryParams[e.item.prop],
+    "onUpdate:modelValue": t[0] || (t[0] = (r) => e.queryParams[e.item.prop] = r),
+    size: e.size
+  }, e.inputSetting), Q({ _: 2 }, [
+    I(e.item.template, (r, a) => ({
+      name: a,
+      fn: _(() => [
+        r ? (o(), c(E(e.currentInputComponent()), {
+          key: a,
+          templateEle: r
+        }, null, 8, ["templateEle"])) : h("", !0)
+      ])
+    }))
+  ]), 1040, ["onKeydown", "modelValue", "size"]);
+}
+const ne = /* @__PURE__ */ x(ke, [["render", $e]]), oe = Symbol(), Se = /* @__PURE__ */ b({
   __name: "index",
   props: {
-    item: {}
+    imgSrc: {}
+  },
+  setup(e) {
+    const t = $();
+    return le(() => {
+      console.log("onMounted");
+      const n = new Image(), l = [], s = 8, i = 8;
+      let u = 0, r = 0;
+      const a = 300, g = t.value, P = g.getContext("2d");
+      n.onload = function() {
+        g.width = n.width, g.height = n.height, r = Math.floor(n.width / s), u = Math.floor(n.height / i), q(), w();
+      }, n.src = e.imgSrc;
+      const q = () => {
+        for (let z = 0; z < i; z++)
+          for (let y = 0; y < s; y++)
+            l.push({
+              x: r * y,
+              y: u * z,
+              offsetX: (Math.random() - 0.5) * a,
+              offsetY: (Math.random() - 0.5) * a
+            });
+      }, w = () => {
+        P.clearRect(0, 0, g.width, g.height);
+        let z = !0;
+        l.forEach((y, B) => {
+          P.drawImage(n, y.x, y.y, r, u, y.x + y.offsetX, y.y + y.offsetY, r, u), Math.abs(y.offsetX) > 0.5 && (z = !1, y.offsetX *= 0.95), Math.abs(y.offsetY) > 0.5 && (y.offsetY *= 0.95, z = !1);
+        }), z ? setTimeout(() => {
+          q(), w();
+        }, 300) : requestAnimationFrame(w);
+      };
+    }), (n, l) => (o(), k("canvas", {
+      ref_key: "loadingCanvas",
+      ref: t
+    }, null, 512));
+  }
+}), Pe = { class: "input-graphic-verification" }, ze = ["src", "alt"], Ve = /* @__PURE__ */ b({
+  __name: "index",
+  props: {
+    item: {},
+    componentType: { default: "Element Plus" },
+    loading: { type: Boolean, default: !1 }
   },
   setup(e) {
     const {
       graphicSrc: t = "",
-      graphicAlt: o = "",
-      getGraphic: a = () => {
+      graphicAlt: n = "",
+      getGraphic: l = () => {
       },
-      key: r
-    } = e.item, { formLoading: l, updateFormLoading: d } = y(Z), s = async () => {
-      a && !l.value && await a();
-    };
-    return (c, z) => {
-      const $ = U("loading");
-      return C((n(), k("div", _e, [
-        T(K, {
-          item: c.item,
-          class: "input"
-        }, null, 8, ["item"]),
-        H("img", {
-          class: "graphic",
-          onClick: s,
-          src: p(t),
-          alt: p(o) || `${p(r)}`
-        }, null, 8, ye)
-      ])), [
-        [$, p(l)]
-      ]);
-    };
+      key: s
+    } = e.item, { formLoading: i } = f(oe, !1), u = G(() => (i == null ? void 0 : i.value) || e.loading), r = async () => {
+      l && !(u != null && u.value) && await l();
+    }, a = X(U);
+    switch (e.componentType) {
+      case "Element Plus":
+        a.value = U;
+        break;
+      case "Ant Design Vue":
+        a.value = ne;
+        break;
+    }
+    return (g, P) => (o(), k("div", Pe, [
+      (o(), c(E(a.value), {
+        item: g.item,
+        class: "input"
+      }, null, 8, ["item"])),
+      u.value ? (o(), c(Se, {
+        key: 0,
+        class: "graphic",
+        imgSrc: m(t)
+      }, null, 8, ["imgSrc"])) : (o(), k("img", {
+        key: 1,
+        class: "graphic",
+        onClick: r,
+        src: m(t),
+        alt: m(n) || `${m(s)}`
+      }, null, 8, ze))
+    ]));
   }
 });
-const ge = /* @__PURE__ */ w(he, [["__scopeId", "data-v-006751c3"]]), B = "获取验证码", ve = 60, be = /* @__PURE__ */ b({
+const re = /* @__PURE__ */ x(Ve, [["__scopeId", "data-v-f76fdd37"]]), F = "获取验证码", Ie = 60, qe = /* @__PURE__ */ b({
   __name: "verification-button",
   props: {
-    getSmscode: { type: Function }
+    getSmscode: { type: Function },
+    componentType: { default: "Element Plus" }
   },
   setup(e) {
-    const t = v(B), o = v(null), a = j(() => t.value === B), r = () => {
-      o && (clearInterval(o.value), o.value = null, t.value = B);
-    }, l = async () => {
-      if (t.value === B)
-        if (t.value = ve, o.value = setInterval(() => {
+    const t = $(F), n = $(null), l = G(() => t.value === F), s = X("el-button");
+    switch (console.log(e.componentType), e.componentType) {
+      case "Element Plus":
+        s.value = "el-button";
+        break;
+      case "Ant Design Vue":
+        s.value = "a-button";
+        break;
+    }
+    const i = () => {
+      n && (clearInterval(n.value), n.value = null, t.value = F);
+    }, u = async () => {
+      if (t.value === F)
+        if (t.value = Ie, n.value = setInterval(() => {
           if (Number(t.value) <= 0 || !t.value) {
-            r();
+            i();
             return;
           } else
             t.value = Number(t.value) - 1;
         }, 1e3), e.getSmscode)
-          await e.getSmscode() === !1 && r();
+          await e.getSmscode() === !1 && i();
         else
           return;
     };
-    return oe(() => {
-      r();
-    }), (d, s) => {
-      const c = m("el-button");
-      return n(), u(c, {
-        class: "verifiaction-button",
-        style: re({
-          color: a.value ? "var(--color-primary, #409EFF)" : "var(--text-color-placeholder, #A8ABB2)",
-          cursor: a.value ? "pointer" : "default"
-        }),
-        onClick: l
-      }, {
-        default: f(() => [
-          V(D(a.value ? B : t.value + "s"), 1)
-        ]),
-        _: 1
-      }, 8, ["style"]);
-    };
+    return ue(() => {
+      i();
+    }), (r, a) => (o(), c(E(s.value), {
+      class: "verifiaction-button",
+      style: ce({
+        color: l.value ? "var(--color-primary, #409EFF)" : "var(--text-color-placeholder, #A8ABB2)",
+        cursor: l.value ? "pointer" : "default"
+      }),
+      onClick: u
+    }, {
+      default: _(() => [
+        D(R(l.value ? F : t.value + "s"), 1)
+      ]),
+      _: 1
+    }, 8, ["style"]));
   }
 });
-const ke = /* @__PURE__ */ w(be, [["__scopeId", "data-v-4074e137"]]), Se = /* @__PURE__ */ b({
+const H = /* @__PURE__ */ x(qe, [["__scopeId", "data-v-2477efb7"]]), se = /* @__PURE__ */ b({
   __name: "index",
   props: {
-    item: {}
+    item: {},
+    componentType: { default: "Element Plus" }
   },
   setup(e) {
-    const t = e.item;
-    return t.template = {
-      append: () => se(ke, {
-        getSmscode: t.getSmscode
-      })
-    }, (o, a) => (n(), u(K, {
-      item: p(t),
+    const t = e.item, n = X(U);
+    switch (e.componentType) {
+      case "Element Plus":
+        n.value = U, t.template = {
+          append: () => J(H, {
+            getSmscode: t.getSmscode
+          })
+        };
+        break;
+      case "Ant Design Vue":
+        n.value = ne, t.template = {
+          addonAfter: () => J(H, {
+            getSmscode: t.getSmscode
+          })
+        };
+        break;
+    }
+    return (l, s) => (o(), c(E(n.value), {
+      item: m(t),
       class: "input"
     }, null, 8, ["item"]));
   }
-}), ze = b({
+}), we = b({
   components: {
     slotArchive: (e) => {
       const { templateEle: t } = e;
@@ -218,45 +348,45 @@ const ke = /* @__PURE__ */ w(be, [["__scopeId", "data-v-4074e137"]]), Se = /* @_
     }
   }
 });
-function $e(e, t, o, a, r, l) {
-  const d = m("el-divider");
-  return n(), u(d, ie(ae(e.dividerSetting)), J({ _: 2 }, [
-    P(e.item.template, (s, c) => ({
-      name: c,
-      fn: f(() => [
-        s ? (n(), u(W(e.currentInputComponent()), {
-          key: c,
-          templateEle: s
-        }, null, 8, ["templateEle"])) : _("", !0)
+function Ce(e, t, n, l, s, i) {
+  const u = d("el-divider");
+  return o(), c(u, pe(me(e.dividerSetting)), Q({ _: 2 }, [
+    I(e.item.template, (r, a) => ({
+      name: a,
+      fn: _(() => [
+        r ? (o(), c(E(e.currentInputComponent()), {
+          key: a,
+          templateEle: r
+        }, null, 8, ["templateEle"])) : h("", !0)
       ])
     }))
   ]), 1040);
 }
-const Pe = /* @__PURE__ */ w(ze, [["render", $e]]), qe = /* @__PURE__ */ b({
+const De = /* @__PURE__ */ x(we, [["render", Ce]]), Le = /* @__PURE__ */ b({
   __name: "index",
   props: {
     item: {}
   },
   setup(e) {
-    const t = y("queryParams", {}), o = y("size"), a = v({
+    const t = f("queryParams", {}), n = f("size"), l = $({
       ...e.item.radioGroupSetting,
       ...e.item.setting
     });
-    return (r, l) => {
-      const d = m("el-radio"), s = m("el-radio-group");
-      return n(), u(s, h({
-        modelValue: p(t)[r.item.prop],
-        "onUpdate:modelValue": l[0] || (l[0] = (c) => p(t)[r.item.prop] = c),
-        size: p(o)
-      }, a.value), {
-        default: f(() => [
-          (n(!0), k(I, null, P(r.item.option || [], (c) => (n(), u(d, h({
-            size: p(o),
-            key: c.value,
+    return (s, i) => {
+      const u = d("el-radio"), r = d("el-radio-group");
+      return o(), c(r, v({
+        modelValue: m(t)[s.item.prop],
+        "onUpdate:modelValue": i[0] || (i[0] = (a) => m(t)[s.item.prop] = a),
+        size: m(n)
+      }, l.value), {
+        default: _(() => [
+          (o(!0), k(L, null, I(s.item.option || [], (a) => (o(), c(u, v({
+            size: m(n),
+            key: a.value,
             ref_for: !0
-          }, c), {
-            default: f(() => [
-              V(D(c.label), 1)
+          }, a), {
+            default: _(() => [
+              D(R(a.label), 1)
             ]),
             _: 2
           }, 1040, ["size"]))), 128))
@@ -265,31 +395,31 @@ const Pe = /* @__PURE__ */ w(ze, [["render", $e]]), qe = /* @__PURE__ */ b({
       }, 16, ["modelValue", "size"]);
     };
   }
-}), Ve = /* @__PURE__ */ b({
+}), xe = /* @__PURE__ */ b({
   __name: "index",
   props: {
     item: {}
   },
   setup(e) {
-    const t = y("queryParams", {}), o = y("size"), a = v({
+    const t = f("queryParams", {}), n = f("size"), l = $({
       ...e.item.checkboxGroupSetting,
       ...e.item.setting
     });
-    return (r, l) => {
-      const d = m("el-checkbox"), s = m("el-checkbox-group");
-      return n(), u(s, h({
-        modelValue: p(t)[r.item.prop],
-        "onUpdate:modelValue": l[0] || (l[0] = (c) => p(t)[r.item.prop] = c),
-        size: p(o)
-      }, a.value), {
-        default: f(() => [
-          (n(!0), k(I, null, P(r.item.option || [], (c) => (n(), u(d, h({
-            size: p(o),
-            key: c.value,
+    return (s, i) => {
+      const u = d("el-checkbox"), r = d("el-checkbox-group");
+      return o(), c(r, v({
+        modelValue: m(t)[s.item.prop],
+        "onUpdate:modelValue": i[0] || (i[0] = (a) => m(t)[s.item.prop] = a),
+        size: m(n)
+      }, l.value), {
+        default: _(() => [
+          (o(!0), k(L, null, I(s.item.option || [], (a) => (o(), c(u, v({
+            size: m(n),
+            key: a.value,
             ref_for: !0
-          }, c), {
-            default: f(() => [
-              V(D(c.label), 1)
+          }, a), {
+            default: _(() => [
+              D(R(a.label), 1)
             ]),
             _: 2
           }, 1040, ["size"]))), 128))
@@ -298,88 +428,88 @@ const Pe = /* @__PURE__ */ w(ze, [["render", $e]]), qe = /* @__PURE__ */ b({
       }, 16, ["modelValue", "size"]);
     };
   }
-}), Ie = /* @__PURE__ */ b({
+}), Be = /* @__PURE__ */ b({
   __name: "index",
   props: {
     item: {}
   },
   setup(e) {
-    const t = y("queryParams", {}), o = y("size"), a = v({
-      ...pe,
+    const t = f("queryParams", {}), n = f("size"), l = $({
+      ...he,
       ...e.item.datePackerSetting,
       ...e.item.setting
     });
-    return (r, l) => {
-      const d = m("el-date-picker");
-      return n(), u(d, h({
-        modelValue: p(t)[r.item.prop],
-        "onUpdate:modelValue": l[0] || (l[0] = (s) => p(t)[r.item.prop] = s),
-        size: p(o)
-      }, a.value), null, 16, ["modelValue", "size"]);
+    return (s, i) => {
+      const u = d("el-date-picker");
+      return o(), c(u, v({
+        modelValue: m(t)[s.item.prop],
+        "onUpdate:modelValue": i[0] || (i[0] = (r) => m(t)[s.item.prop] = r),
+        size: m(n)
+      }, l.value), null, 16, ["modelValue", "size"]);
     };
   }
-}), Le = /* @__PURE__ */ b({
+}), Re = /* @__PURE__ */ b({
   __name: "index",
   props: {
     item: {}
   },
   setup(e) {
-    const t = y("queryParams", {}), o = y("size"), a = v({
-      ...Y,
+    const t = f("queryParams", {}), n = f("size"), l = $({
+      ...te,
       ...e.item.selectSetting,
       ...e.item.setting
     });
-    return (r, l) => {
-      const d = m("el-option"), s = m("el-select");
-      return n(), u(s, h({
-        modelValue: p(t)[r.item.prop],
-        "onUpdate:modelValue": l[0] || (l[0] = (c) => p(t)[r.item.prop] = c),
-        size: p(o)
-      }, a.value), {
-        default: f(() => [
-          (n(!0), k(I, null, P(r.item.option || [], (c) => (n(), u(d, h({
-            key: c.value,
+    return (s, i) => {
+      const u = d("el-option"), r = d("el-select");
+      return o(), c(r, v({
+        modelValue: m(t)[s.item.prop],
+        "onUpdate:modelValue": i[0] || (i[0] = (a) => m(t)[s.item.prop] = a),
+        size: m(n)
+      }, l.value), {
+        default: _(() => [
+          (o(!0), k(L, null, I(s.item.option || [], (a) => (o(), c(u, v({
+            key: a.value,
             ref_for: !0
-          }, c), null, 16))), 128))
+          }, a), null, 16))), 128))
         ]),
         _: 1
       }, 16, ["modelValue", "size"]);
     };
   }
-}), Ce = /* @__PURE__ */ b({
+}), Ee = /* @__PURE__ */ b({
   __name: "index",
   props: {
     item: {}
   },
   setup(e) {
-    const t = y("queryParams", {}), o = y("size"), a = v({
-      ...Y,
+    const t = f("queryParams", {}), n = f("size"), l = $({
+      ...te,
       ...e.item.selectSetting,
       ...e.item.setting
     });
-    return (r, l) => {
-      const d = m("el-cascader");
-      return n(), u(d, h({
-        modelValue: p(t)[r.item.prop],
-        "onUpdate:modelValue": l[0] || (l[0] = (s) => p(t)[r.item.prop] = s),
-        size: p(o),
-        options: r.item.options || []
-      }, a.value), null, 16, ["modelValue", "size", "options"]);
+    return (s, i) => {
+      const u = d("el-cascader");
+      return o(), c(u, v({
+        modelValue: m(t)[s.item.prop],
+        "onUpdate:modelValue": i[0] || (i[0] = (r) => m(t)[s.item.prop] = r),
+        size: m(n),
+        options: s.item.options || []
+      }, l.value), null, 16, ["modelValue", "size", "options"]);
     };
   }
-}), De = b({
+}), Fe = b({
   name: "GeneralBasicForm",
   components: {
-    Input: K,
-    InputNumber: fe,
-    InputGraphicVerification: ge,
-    InputMobileVerification: Se,
-    Divider: Pe,
-    Radio: qe,
-    Checkbox: Ve,
-    DatePicker: Ie,
-    Select: Le,
-    Cascader: Ce
+    Input: U,
+    InputNumber: be,
+    InputGraphicVerification: re,
+    InputMobileVerification: se,
+    Divider: De,
+    Radio: Le,
+    Checkbox: xe,
+    DatePicker: Be,
+    Select: Re,
+    Cascader: Ee
   },
   props: {
     showSearch: {
@@ -448,14 +578,14 @@ const Pe = /* @__PURE__ */ w(ze, [["render", $e]]), qe = /* @__PURE__ */ b({
     };
   },
   setup(e) {
-    const { size: t, noUrlParameters: o, getList: a } = e, r = ce(), l = v({
-      ...o ? {} : r == null ? void 0 : r.query
+    const { size: t, noUrlParameters: n, getList: l } = e, s = _e(), i = $({
+      ...n ? {} : s == null ? void 0 : s.query
     });
     return O(
       /* 注入名 */
       "queryParams",
       /* 值 */
-      l
+      i
     ), O(
       /* 注入名 */
       "size",
@@ -465,9 +595,9 @@ const Pe = /* @__PURE__ */ w(ze, [["render", $e]]), qe = /* @__PURE__ */ b({
       /* 注入名 */
       "getList",
       /* 值 */
-      a
+      l
     ), {
-      queryParams: l
+      queryParams: i
     };
   },
   watch: {
@@ -499,8 +629,8 @@ const Pe = /* @__PURE__ */ w(ze, [["render", $e]]), qe = /* @__PURE__ */ b({
   provide() {
     return {
       // 显式提供一个计算属性
-      [Z]: {
-        formLoading: j(() => this.formLoading),
+      [oe]: {
+        formLoading: G(() => this.formLoading),
         updateFormLoading: (e) => {
           this.formLoading = e;
         }
@@ -510,9 +640,9 @@ const Pe = /* @__PURE__ */ w(ze, [["render", $e]]), qe = /* @__PURE__ */ b({
   methods: {
     /** 搜索按钮操作 */
     handleQuery() {
-      var o;
+      var n;
       const e = { page: 1, limit: 10 }, t = {
-        ...(o = this.$route) == null ? void 0 : o.query,
+        ...(n = this.$route) == null ? void 0 : n.query,
         ...this.queryParams,
         ...e
       };
@@ -534,111 +664,111 @@ const Pe = /* @__PURE__ */ w(ze, [["render", $e]]), qe = /* @__PURE__ */ b({
       }, this.afterReset(), this.handleQuery();
     },
     getItemRules(e) {
-      const { type: t, rules: o = [] } = e, a = [...o];
-      return this.noInputBlank && t === "input" && a.push({
+      const { type: t, rules: n = [] } = e, l = [...n];
+      return this.noInputBlank && t === "input" && l.push({
         pattern: this.trimRegex,
         message: "请输入（不能仅输入空格）",
         trigger: "blur"
-      }), a;
+      }), l;
     }
   }
 });
-function we(e, t, o, a, r, l) {
-  const d = m("Input"), s = m("Radio"), c = m("Select"), z = m("Divider"), $ = m("Cascader"), L = m("Checkbox"), F = m("DatePicker"), G = m("InputNumber"), N = m("InputMobileVerification"), x = m("InputGraphicVerification"), q = m("el-form-item"), R = m("el-button"), E = m("el-form"), g = U("loading");
-  return C((n(), u(E, h({
+function Ae(e, t, n, l, s, i) {
+  const u = d("Input"), r = d("Radio"), a = d("Select"), g = d("Divider"), P = d("Cascader"), q = d("Checkbox"), w = d("DatePicker"), z = d("InputNumber"), y = d("InputMobileVerification"), B = d("InputGraphicVerification"), C = d("el-form-item"), T = d("el-button"), M = d("el-form"), S = j("loading");
+  return A((o(), c(M, v({
     model: e.queryParams,
     ref: "queryFormRef",
     inline: "",
     "label-position": "left",
     "label-width": e.labelWidth
   }, e.$attrs), {
-    default: f(() => [
-      (n(!0), k(I, null, P(e.formItem, (i) => (n(), u(q, {
-        label: i.label,
-        prop: i.prop,
-        key: i.prop,
-        rules: e.getItemRules(i)
+    default: _(() => [
+      (o(!0), k(L, null, I(e.formItem, (p) => (o(), c(C, {
+        label: p.label,
+        prop: p.prop,
+        key: p.prop,
+        rules: e.getItemRules(p)
       }, {
-        default: f(() => [
-          i.type === "input" ? (n(), u(d, {
+        default: _(() => [
+          /^input$/i.test(p.type) ? (o(), c(u, {
             key: 0,
-            item: i
-          }, null, 8, ["item"])) : _("", !0),
-          i.type === "radio" ? (n(), u(s, {
+            item: p
+          }, null, 8, ["item"])) : h("", !0),
+          /^radio$/i.test(p.type) ? (o(), c(r, {
             key: 1,
-            item: i
-          }, null, 8, ["item"])) : _("", !0),
-          i.type === "select" ? (n(), u(c, {
+            item: p
+          }, null, 8, ["item"])) : h("", !0),
+          /^select$/i.test(p.type) ? (o(), c(a, {
             key: 2,
-            item: i
-          }, null, 8, ["item"])) : _("", !0),
-          i.type === "divider" ? (n(), u(z, {
+            item: p
+          }, null, 8, ["item"])) : h("", !0),
+          /^divider$/i.test(p.type) ? (o(), c(g, {
             key: 3,
-            item: i
-          }, null, 8, ["item"])) : _("", !0),
-          i.type === "cascader" ? (n(), u($, {
+            item: p
+          }, null, 8, ["item"])) : h("", !0),
+          /^cascader$/i.test(p.type) ? (o(), c(P, {
             key: 4,
-            item: i
-          }, null, 8, ["item"])) : _("", !0),
-          i.type === "checkbox" ? (n(), u(L, {
+            item: p
+          }, null, 8, ["item"])) : h("", !0),
+          /^checkbox$/i.test(p.type) ? (o(), c(q, {
             key: 5,
-            item: i
-          }, null, 8, ["item"])) : _("", !0),
-          i.type === "date-picker" ? (n(), u(F, {
+            item: p
+          }, null, 8, ["item"])) : h("", !0),
+          /^date-picker$/i.test(p.type) ? (o(), c(w, {
             key: 6,
-            item: i
-          }, null, 8, ["item"])) : _("", !0),
-          i.type === "input-number" ? (n(), u(G, {
+            item: p
+          }, null, 8, ["item"])) : h("", !0),
+          /^input-number$/i.test(p.type) ? (o(), c(z, {
             key: 7,
-            item: i
-          }, null, 8, ["item"])) : _("", !0),
-          i.type === "form-item-slot" ? Q(e.$slots, i.name, { key: 8 }) : _("", !0),
-          i.type === "input-mobile-verification" ? (n(), u(N, {
+            item: p
+          }, null, 8, ["item"])) : h("", !0),
+          /^form-item-slot$/i.test(p.type) ? K(e.$slots, p.name, { key: 8 }) : h("", !0),
+          /^input-mobile-verification$/i.test(p.type) ? (o(), c(y, {
             key: 9,
-            item: i
-          }, null, 8, ["item"])) : _("", !0),
-          i.type === "input-graphic-verification" ? (n(), u(x, {
-            item: i,
-            key: i.key
-          }, null, 8, ["item"])) : _("", !0)
+            item: p
+          }, null, 8, ["item"])) : h("", !0),
+          /^input-graphic-verification$/i.test(p.type) ? (o(), c(B, {
+            item: p,
+            key: p.key
+          }, null, 8, ["item"])) : h("", !0)
         ]),
         _: 2
       }, 1032, ["label", "prop", "rules"]))), 128)),
-      Q(e.$slots, "default"),
-      e.formOnly ? _("", !0) : (n(), u(q, { key: 0 }, {
-        default: f(() => [
-          C((n(), u(R, {
+      K(e.$slots, "default"),
+      e.formOnly ? h("", !0) : (o(), c(C, { key: 0 }, {
+        default: _(() => [
+          A((o(), c(T, {
             type: "primary",
             size: e.size,
             onClick: e.handleQuery
           }, {
-            default: f(() => t[0] || (t[0] = [
-              V("查询")
+            default: _(() => t[0] || (t[0] = [
+              D("查询")
             ])),
             _: 1
           }, 8, ["size", "onClick"])), [
-            [g, e.formLoading]
+            [S, e.formLoading]
           ]),
-          T(R, {
+          ee(T, {
             size: e.size,
             onClick: e.resetQuery
           }, {
-            default: f(() => t[1] || (t[1] = [
-              V("重置")
+            default: _(() => t[1] || (t[1] = [
+              D("重置")
             ])),
             _: 1
           }, 8, ["size", "onClick"])
         ]),
         _: 1
       })),
-      Q(e.$slots, "behind-the-button")
+      K(e.$slots, "behind-the-button")
     ]),
     _: 3
   }, 16, ["model", "label-width"])), [
-    [le, e.showSearch]
+    [de, e.showSearch]
   ]);
 }
-const xe = /* @__PURE__ */ w(De, [["render", we]]), Be = ["infinite-scroll-disabled"], Fe = ["infinite-scroll-disabled"], Re = { class: "checkbox" }, Ue = /* @__PURE__ */ b({
+const Ue = /* @__PURE__ */ x(Fe, [["render", Ae]]), Te = ["infinite-scroll-disabled"], Ge = ["infinite-scroll-disabled"], Me = { class: "checkbox" }, Ne = /* @__PURE__ */ b({
   __name: "InfiniteScrollList",
   props: {
     search: {
@@ -667,103 +797,103 @@ const xe = /* @__PURE__ */ w(De, [["render", we]]), Be = ["infinite-scroll-disab
     }
   },
   setup(e, { expose: t }) {
-    const o = e, { search: a, id: r, name: l, extra: d } = o, s = v([]), c = v(1), z = v(!1), $ = v([]), L = v(!1), F = (g, i) => {
-      const { i: A } = g;
-      return d && d !== "false" ? d(A) : "";
-    }, G = (g) => {
-      $.value = g.map((i) => typeof i == "object" ? i[r] : i);
+    const n = e, { search: l, id: s, name: i, extra: u } = n, r = $([]), a = $(1), g = $(!1), P = $([]), q = $(!1), w = (S, p) => {
+      const { i: N } = S;
+      return u && u !== "false" ? u(N) : "";
+    }, z = (S) => {
+      P.value = S.map((p) => typeof p == "object" ? p[s] : p);
     };
-    ue(
-      () => o.defaultSelection,
-      (g = [], i = []) => {
-        G(g);
+    fe(
+      () => n.defaultSelection,
+      (S = [], p = []) => {
+        z(S);
       },
       { immediate: !0 }
     );
-    const N = () => {
-      x(), $.value = [];
-    }, x = () => {
-      c.value = 1, s.value = [], z.value = !1;
-    }, q = async () => {
-      if (L.value || z.value)
+    const y = () => {
+      B(), P.value = [];
+    }, B = () => {
+      a.value = 1, r.value = [], g.value = !1;
+    }, C = async () => {
+      if (q.value || g.value)
         return;
-      L.value = !0;
-      const g = await a(c.value);
-      g && g.length > 0 ? (s.value = [...s.value, ...g], c.value += 1) : z.value = !0, L.value = !1;
-    }, R = () => {
-      x(), q();
-    }, E = j(
-      () => s.value.filter((g) => $.value.includes(g[r]))
+      q.value = !0;
+      const S = await l(a.value);
+      S && S.length > 0 ? (r.value = [...r.value, ...S], a.value += 1) : g.value = !0, q.value = !1;
+    }, T = () => {
+      B(), C();
+    }, M = G(
+      () => r.value.filter((S) => P.value.includes(S[s]))
     ) || {};
     return t({
-      reset: N,
-      lowReset: x,
-      loadList: q,
-      selectInfo: E,
-      list: s,
-      ifbottom: z,
-      refreshList: R
-    }), (g, i) => {
-      const A = m("el-checkbox"), ee = m("el-checkbox-group"), M = U("infinite-scroll"), te = U("loading");
-      return o.checkbox ? C((n(), u(ee, h({
+      reset: y,
+      lowReset: B,
+      loadList: C,
+      selectInfo: M,
+      list: r,
+      ifbottom: g,
+      refreshList: T
+    }), (S, p) => {
+      const N = d("el-checkbox"), ie = d("el-checkbox-group"), W = j("infinite-scroll"), ae = j("loading");
+      return n.checkbox ? A((o(), c(ie, v({
         key: 0,
-        modelValue: $.value,
-        "onUpdate:modelValue": i[0] || (i[0] = (S) => $.value = S)
-      }, o), {
-        default: f(() => [
-          C((n(), k("ul", {
+        modelValue: P.value,
+        "onUpdate:modelValue": p[0] || (p[0] = (V) => P.value = V)
+      }, n), {
+        default: _(() => [
+          A((o(), k("ul", {
             class: "list",
-            "infinite-scroll-disabled": z.value
+            "infinite-scroll-disabled": g.value
           }, [
-            (n(!0), k(I, null, P(s.value, (S) => (n(), k("li", {
-              key: S[p(r)],
+            (o(!0), k(L, null, I(r.value, (V) => (o(), k("li", {
+              key: V[m(s)],
               class: "list-item"
             }, [
-              T(A, {
-                value: S[p(r)],
+              ee(N, {
+                value: V[m(s)],
                 class: "checkbox"
               }, {
-                default: f(() => [
-                  V(D(S[p(l)]) + " ", 1),
-                  o.extra ? (n(), u(F, {
+                default: _(() => [
+                  D(R(V[m(i)]) + " ", 1),
+                  n.extra ? (o(), c(w, {
                     key: 0,
-                    i: S
-                  }, null, 8, ["i"])) : _("", !0)
+                    i: V
+                  }, null, 8, ["i"])) : h("", !0)
                 ]),
                 _: 2
               }, 1032, ["value"])
             ]))), 128))
-          ], 8, Be)), [
-            [M, q]
+          ], 8, Te)), [
+            [W, C]
           ])
         ]),
         _: 1
       }, 16, ["modelValue"])), [
-        [te, L.value]
-      ]) : C((n(), k("ul", h({
+        [ae, q.value]
+      ]) : A((o(), k("ul", v({
         key: 1,
         class: "list",
-        "infinite-scroll-disabled": z.value
-      }, o), [
-        (n(!0), k(I, null, P(s.value, (S) => (n(), k("li", {
-          key: S[p(r)],
+        "infinite-scroll-disabled": g.value
+      }, n), [
+        (o(!0), k(L, null, I(r.value, (V) => (o(), k("li", {
+          key: V[m(s)],
           class: "list-item"
         }, [
-          H("div", Re, [
-            V(D(S[p(l)]) + " ", 1),
-            o.extra ? (n(), u(F, {
+          ye("div", Me, [
+            D(R(V[m(i)]) + " ", 1),
+            n.extra ? (o(), c(w, {
               key: 0,
-              i: S
-            }, null, 8, ["i"])) : _("", !0)
+              i: V
+            }, null, 8, ["i"])) : h("", !0)
           ])
         ]))), 128))
-      ], 16, Fe)), [
-        [M, q]
+      ], 16, Ge)), [
+        [W, C]
       ]);
     };
   }
 });
-const Ge = /* @__PURE__ */ w(Ue, [["__scopeId", "data-v-77737aab"]]), Ne = { key: 1 }, Ee = /* @__PURE__ */ b({
+const Oe = /* @__PURE__ */ x(Ne, [["__scopeId", "data-v-77737aab"]]), Ke = { key: 1 }, je = /* @__PURE__ */ b({
   __name: "Descriptions",
   props: {
     formData: {
@@ -776,33 +906,33 @@ const Ge = /* @__PURE__ */ w(Ue, [["__scopeId", "data-v-77737aab"]]), Ne = { key
     }
   },
   setup(e) {
-    const t = e, o = (a, r) => {
-      const { i: l, render: d, formData: s } = a;
-      return d({
-        row: s,
-        $index: l
+    const t = e, n = (l, s) => {
+      const { i, render: u, formData: r } = l;
+      return u({
+        row: r,
+        $index: i
       });
     };
-    return (a, r) => {
-      const l = m("el-descriptions-item"), d = m("el-descriptions");
-      return n(), u(d, h({
+    return (l, s) => {
+      const i = d("el-descriptions-item"), u = d("el-descriptions");
+      return o(), c(u, v({
         column: 1,
         border: "",
         class: "form-width"
       }, t), {
-        default: f(() => [
-          (n(!0), k(I, null, P(t.formItem, (s, c) => (n(), u(l, h({
-            key: s.prop,
-            label: s.label,
+        default: _(() => [
+          (o(!0), k(L, null, I(t.formItem, (r, a) => (o(), c(i, v({
+            key: r.prop,
+            label: r.label,
             ref_for: !0
-          }, s.descriptionsItemProps), {
-            default: f(() => [
-              s.render ? (n(), u(o, {
+          }, r.descriptionsItemProps), {
+            default: _(() => [
+              r.render ? (o(), c(n, {
                 key: 0,
-                i: c,
-                render: s.render,
+                i: a,
+                render: r.render,
                 formData: e.formData
-              }, null, 8, ["i", "render", "formData"])) : (n(), k("span", Ne, D(e.formData[s.prop]), 1))
+              }, null, 8, ["i", "render", "formData"])) : (o(), k("span", Ke, R(e.formData[r.prop]), 1))
             ]),
             _: 2
           }, 1040, ["label"]))), 128))
@@ -811,9 +941,11 @@ const Ge = /* @__PURE__ */ w(Ue, [["__scopeId", "data-v-77737aab"]]), Ne = { key
       }, 16);
     };
   }
-}), Qe = xe, Te = Ge, je = Ee;
+}), Ye = Ue, We = Oe, Je = je, He = re, Ze = se;
 export {
-  je as VDescriptions,
-  Qe as VGeneralBasicForm,
-  Te as VInfiniteScrollList
+  Je as VDescriptions,
+  Ye as VGeneralBasicForm,
+  We as VInfiniteScrollList,
+  He as VInputGraphicVerification,
+  Ze as VInputMobilecVerification
 };

package/dist/index.umd.cjs

@@ -1 +1 @@
-(function(d,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("vue-router")):typeof define=="function"&&define.amd?define(["exports","vue","vue-router"],e):(d=typeof globalThis<"u"?globalThis:d||self,e(d.Index={},d.Vue,d["vue-router"]))})(this,function(d,e,I){"use strict";const z={placeholder:"请输入",style:"width: 200px",clearable:!0},L={style:"width: 227px","start-placeholder":"开始日期","end-placeholder":"结束日期",type:"daterange"},$={placeholder:"请选择",filterable:!0,clearable:!0,style:"width: 200px"},N=e.defineComponent({components:{InputArchive:t=>{const{templateEle:o}=t;return o()}},props:{item:null},setup(){const t=e.inject("queryParams",{}),o=e.inject("getList"),n=e.inject("size");return{queryParams:t,getList:o,size:n}},data(){return{inputSetting:{...z,...this.item.inputSetting,...this.item.setting}}},methods:{currentInputComponent(){return"input-archive"}}}),y=(t,o)=>{const n=t.__vccOpts||t;for(const[s,r]of o)n[s]=r;return n};function F(t,o,n,s,r,a){const p=e.resolveComponent("el-input");return e.openBlock(),e.createBlock(p,e.mergeProps({onKeydown:e.withKeys(t.getList,["enter"]),modelValue:t.queryParams[t.item.prop],"onUpdate:modelValue":o[0]||(o[0]=l=>t.queryParams[t.item.prop]=l),size:t.size},t.inputSetting),e.createSlots({_:2},[e.renderList(t.item.template,(l,c)=>({name:c,fn:e.withCtx(()=>[l?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:c,templateEle:l},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040,["onKeydown","modelValue","size"])}const V=y(N,[["render",F]]),E=e.defineComponent({__name:"index",props:{item:{}},setup(t){const o=e.inject("queryParams",{}),n=e.inject("size"),s=e.ref({...z,...t.item.inputSetting,...t.item.setting});return(r,a)=>{const p=e.resolveComponent("el-input-number");return e.openBlock(),e.createBlock(p,e.mergeProps({modelValue:e.unref(o)[r.item.prop],"onUpdate:modelValue":a[0]||(a[0]=l=>e.unref(o)[r.item.prop]=l),size:e.unref(n)},s.value),null,16,["modelValue","size"])}}}),q=Symbol(),j={class:"input-graphic-verification"},R=["src","alt"],U=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{graphicSrc:o="",graphicAlt:n="",getGraphic:s=()=>{},key:r}=t.item,{formLoading:a,updateFormLoading:p}=e.inject(q),l=async()=>{s&&!a.value&&await s()};return(c,k)=>{const _=e.resolveDirective("loading");return e.withDirectives((e.openBlock(),e.createElementBlock("div",j,[e.createVNode(V,{item:c.item,class:"input"},null,8,["item"]),e.createElementVNode("img",{class:"graphic",onClick:l,src:e.unref(o),alt:e.unref(n)||`${e.unref(r)}`},null,8,R)])),[[_,e.unref(a)]])}}}),ke="",T=y(U,[["__scopeId","data-v-006751c3"]]),h="获取验证码",G=60,A=e.defineComponent({__name:"verification-button",props:{getSmscode:{type:Function}},setup(t){const o=e.ref(h),n=e.ref(null),s=e.computed(()=>o.value===h),r=()=>{n&&(clearInterval(n.value),n.value=null,o.value=h)},a=async()=>{if(o.value===h)if(o.value=G,n.value=setInterval(()=>{if(Number(o.value)<=0||!o.value){r();return}else o.value=Number(o.value)-1},1e3),t.getSmscode)await t.getSmscode()===!1&&r();else return};return e.onBeforeUnmount(()=>{r()}),(p,l)=>{const c=e.resolveComponent("el-button");return e.openBlock(),e.createBlock(c,{class:"verifiaction-button",style:e.normalizeStyle({color:s.value?"var(--color-primary, #409EFF)":"var(--text-color-placeholder, #A8ABB2)",cursor:s.value?"pointer":"default"}),onClick:a},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.value?h:o.value+"s"),1)]),_:1},8,["style"])}}}),_e="",O=y(A,[["__scopeId","data-v-4074e137"]]),Q=e.defineComponent({__name:"index",props:{item:{}},setup(t){const o=t.item;return o.template={append:()=>e.h(O,{getSmscode:o.getSmscode})},(n,s)=>(e.openBlock(),e.createBlock(V,{item:e.unref(o),class:"input"},null,8,["item"]))}}),K=e.defineComponent({components:{slotArchive:t=>{const{templateEle:o}=t;return o()}},props:{item:null},setup(){},data(){return{dividerSetting:{...this.item.dividerSetting,...this.item.setting}}},methods:{currentInputComponent(){return"slot-archive"}}});function M(t,o,n,s,r,a){const p=e.resolveComponent("el-divider");return e.openBlock(),e.createBlock(p,e.normalizeProps(e.guardReactiveProps(t.dividerSetting)),e.createSlots({_:2},[e.renderList(t.item.template,(l,c)=>({name:c,fn:e.withCtx(()=>[l?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:c,templateEle:l},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040)}const J=y(K,[["render",M]]),W=e.defineComponent({__name:"index",props:{item:{}},setup(t){const o=e.inject("queryParams",{}),n=e.inject("size"),s=e.ref({...t.item.radioGroupSetting,...t.item.setting});return(r,a)=>{const p=e.resolveComponent("el-radio"),l=e.resolveComponent("el-radio-group");return e.openBlock(),e.createBlock(l,e.mergeProps({modelValue:e.unref(o)[r.item.prop],"onUpdate:modelValue":a[0]||(a[0]=c=>e.unref(o)[r.item.prop]=c),size:e.unref(n)},s.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.item.option||[],c=>(e.openBlock(),e.createBlock(p,e.mergeProps({size:e.unref(n),key:c.value,ref_for:!0},c),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(c.label),1)]),_:2},1040,["size"]))),128))]),_:1},16,["modelValue","size"])}}}),H=e.defineComponent({__name:"index",props:{item:{}},setup(t){const o=e.inject("queryParams",{}),n=e.inject("size"),s=e.ref({...t.item.checkboxGroupSetting,...t.item.setting});return(r,a)=>{const p=e.resolveComponent("el-checkbox"),l=e.resolveComponent("el-checkbox-group");return e.openBlock(),e.createBlock(l,e.mergeProps({modelValue:e.unref(o)[r.item.prop],"onUpdate:modelValue":a[0]||(a[0]=c=>e.unref(o)[r.item.prop]=c),size:e.unref(n)},s.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.item.option||[],c=>(e.openBlock(),e.createBlock(p,e.mergeProps({size:e.unref(n),key:c.value,ref_for:!0},c),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(c.label),1)]),_:2},1040,["size"]))),128))]),_:1},16,["modelValue","size"])}}}),X=e.defineComponent({__name:"index",props:{item:{}},setup(t){const o=e.inject("queryParams",{}),n=e.inject("size"),s=e.ref({...L,...t.item.datePackerSetting,...t.item.setting});return(r,a)=>{const p=e.resolveComponent("el-date-picker");return e.openBlock(),e.createBlock(p,e.mergeProps({modelValue:e.unref(o)[r.item.prop],"onUpdate:modelValue":a[0]||(a[0]=l=>e.unref(o)[r.item.prop]=l),size:e.unref(n)},s.value),null,16,["modelValue","size"])}}}),Y=e.defineComponent({__name:"index",props:{item:{}},setup(t){const o=e.inject("queryParams",{}),n=e.inject("size"),s=e.ref({...$,...t.item.selectSetting,...t.item.setting});return(r,a)=>{const p=e.resolveComponent("el-option"),l=e.resolveComponent("el-select");return e.openBlock(),e.createBlock(l,e.mergeProps({modelValue:e.unref(o)[r.item.prop],"onUpdate:modelValue":a[0]||(a[0]=c=>e.unref(o)[r.item.prop]=c),size:e.unref(n)},s.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.item.option||[],c=>(e.openBlock(),e.createBlock(p,e.mergeProps({key:c.value,ref_for:!0},c),null,16))),128))]),_:1},16,["modelValue","size"])}}}),Z=e.defineComponent({__name:"index",props:{item:{}},setup(t){const o=e.inject("queryParams",{}),n=e.inject("size"),s=e.ref({...$,...t.item.selectSetting,...t.item.setting});return(r,a)=>{const p=e.resolveComponent("el-cascader");return e.openBlock(),e.createBlock(p,e.mergeProps({modelValue:e.unref(o)[r.item.prop],"onUpdate:modelValue":a[0]||(a[0]=l=>e.unref(o)[r.item.prop]=l),size:e.unref(n),options:r.item.options||[]},s.value),null,16,["modelValue","size","options"])}}}),v=e.defineComponent({name:"GeneralBasicForm",components:{Input:V,InputNumber:E,InputGraphicVerification:T,InputMobileVerification:Q,Divider:J,Radio:W,Checkbox:H,DatePicker:X,Select:Y,Cascader:Z},props:{showSearch:{type:Boolean,default:!0},loading:{type:Boolean,default:!1},formOnly:{type:Boolean,default:!1},getList:{type:Function,default:()=>{}},afterReset:{type:Function,default:()=>{}},formItem:{type:Array,default:[]},size:{type:String,default:"default"},labelWidth:{type:String,default:"90px"},noUrlParameters:{type:Boolean,default:()=>!1},formData:{type:Object,default:()=>{}},noInputBlank:{type:Boolean,default:()=>!1}},data(){return{formLoading:this.loading||!1,trimRegex:/\S/}},setup(t){const{size:o,noUrlParameters:n,getList:s}=t,r=I.useRoute(),a=e.ref({...n?{}:r==null?void 0:r.query});return e.provide("queryParams",a),e.provide("size",o),e.provide("getList",s),{queryParams:a}},watch:{formData:{handler(t,o){JSON.stringify(t)!==JSON.stringify(o)&&(this.queryParams={...this.noUrlParameters?{}:this.queryParams,...t})},immediate:!0},queryParams:{handler(t){this.$emit("update:formData",t)},deep:!0},loading(t){this.formLoading!==t&&(this.formLoading=t)},formLoading(t){this.loading!==t&&this.$emit("update:loading",t)}},provide(){return{[q]:{formLoading:e.computed(()=>this.formLoading),updateFormLoading:t=>{this.formLoading=t}}}},methods:{handleQuery(){var n;const t={page:1,limit:10},o={...(n=this.$route)==null?void 0:n.query,...this.queryParams,...t};this.noUrlParameters||this.$router.push({query:{...o}}),this.getList({...o})},async resetQuery(){var o;this.$refs.queryFormRef.resetFields();const t={page:1};this.noUrlParameters||await this.$router.push({query:{...t}}),this.queryParams={...this.noUrlParameters?{}:(o=this.$route)==null?void 0:o.query},this.afterReset(),this.handleQuery()},getItemRules(t){const{type:o,rules:n=[]}=t,s=[...n];return this.noInputBlank&&o==="input"&&s.push({pattern:this.trimRegex,message:"请输入（不能仅输入空格）",trigger:"blur"}),s}}});function ee(t,o,n,s,r,a){const p=e.resolveComponent("Input"),l=e.resolveComponent("Radio"),c=e.resolveComponent("Select"),k=e.resolveComponent("Divider"),_=e.resolveComponent("Cascader"),g=e.resolveComponent("Checkbox"),C=e.resolveComponent("DatePicker"),S=e.resolveComponent("InputNumber"),P=e.resolveComponent("InputMobileVerification"),B=e.resolveComponent("InputGraphicVerification"),u=e.resolveComponent("el-form-item"),b=e.resolveComponent("el-button"),w=e.resolveComponent("el-form"),m=e.resolveDirective("loading");return e.withDirectives((e.openBlock(),e.createBlock(w,e.mergeProps({model:t.queryParams,ref:"queryFormRef",inline:"","label-position":"left","label-width":t.labelWidth},t.$attrs),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.formItem,i=>(e.openBlock(),e.createBlock(u,{label:i.label,prop:i.prop,key:i.prop,rules:t.getItemRules(i)},{default:e.withCtx(()=>[i.type==="input"?(e.openBlock(),e.createBlock(p,{key:0,item:i},null,8,["item"])):e.createCommentVNode("",!0),i.type==="radio"?(e.openBlock(),e.createBlock(l,{key:1,item:i},null,8,["item"])):e.createCommentVNode("",!0),i.type==="select"?(e.openBlock(),e.createBlock(c,{key:2,item:i},null,8,["item"])):e.createCommentVNode("",!0),i.type==="divider"?(e.openBlock(),e.createBlock(k,{key:3,item:i},null,8,["item"])):e.createCommentVNode("",!0),i.type==="cascader"?(e.openBlock(),e.createBlock(_,{key:4,item:i},null,8,["item"])):e.createCommentVNode("",!0),i.type==="checkbox"?(e.openBlock(),e.createBlock(g,{key:5,item:i},null,8,["item"])):e.createCommentVNode("",!0),i.type==="date-picker"?(e.openBlock(),e.createBlock(C,{key:6,item:i},null,8,["item"])):e.createCommentVNode("",!0),i.type==="input-number"?(e.openBlock(),e.createBlock(S,{key:7,item:i},null,8,["item"])):e.createCommentVNode("",!0),i.type==="form-item-slot"?e.renderSlot(t.$slots,i.name,{key:8}):e.createCommentVNode("",!0),i.type==="input-mobile-verification"?(e.openBlock(),e.createBlock(P,{key:9,item:i},null,8,["item"])):e.createCommentVNode("",!0),i.type==="input-graphic-verification"?(e.openBlock(),e.createBlock(B,{item:i,key:i.key},null,8,["item"])):e.createCommentVNode("",!0)]),_:2},1032,["label","prop","rules"]))),128)),e.renderSlot(t.$slots,"default"),t.formOnly?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(u,{key:0},{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createBlock(b,{type:"primary",size:t.size,onClick:t.handleQuery},{default:e.withCtx(()=>o[0]||(o[0]=[e.createTextVNode("查询")])),_:1},8,["size","onClick"])),[[m,t.formLoading]]),e.createVNode(b,{size:t.size,onClick:t.resetQuery},{default:e.withCtx(()=>o[1]||(o[1]=[e.createTextVNode("重置")])),_:1},8,["size","onClick"])]),_:1})),e.renderSlot(t.$slots,"behind-the-button")]),_:3},16,["model","label-width"])),[[e.vShow,t.showSearch]])}const te=y(v,[["render",ee]]),oe=["infinite-scroll-disabled"],ne=["infinite-scroll-disabled"],re={class:"checkbox"},le=e.defineComponent({__name:"InfiniteScrollList",props:{search:{type:Function,required:!0},checkbox:{type:Boolean,required:!1},id:{type:String,required:!0},name:{type:String,required:!0},extra:{type:null,required:!1},defaultSelection:{type:Array,required:!1}},setup(t,{expose:o}){const n=t,{search:s,id:r,name:a,extra:p}=n,l=e.ref([]),c=e.ref(1),k=e.ref(!1),_=e.ref([]),g=e.ref(!1),C=(m,i)=>{const{i:x}=m;return p&&p!=="false"?p(x):""},S=m=>{_.value=m.map(i=>typeof i=="object"?i[r]:i)};e.watch(()=>n.defaultSelection,(m=[],i=[])=>{S(m)},{immediate:!0});const P=()=>{B(),_.value=[]},B=()=>{c.value=1,l.value=[],k.value=!1},u=async()=>{if(g.value||k.value)return;g.value=!0;const m=await s(c.value);m&&m.length>0?(l.value=[...l.value,...m],c.value+=1):k.value=!0,g.value=!1},b=()=>{B(),u()},w=e.computed(()=>l.value.filter(m=>_.value.includes(m[r])))||{};return o({reset:P,lowReset:B,loadList:u,selectInfo:w,list:l,ifbottom:k,refreshList:b}),(m,i)=>{const x=e.resolveComponent("el-checkbox"),de=e.resolveComponent("el-checkbox-group"),D=e.resolveDirective("infinite-scroll"),fe=e.resolveDirective("loading");return n.checkbox?e.withDirectives((e.openBlock(),e.createBlock(de,e.mergeProps({key:0,modelValue:_.value,"onUpdate:modelValue":i[0]||(i[0]=f=>_.value=f)},n),{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createElementBlock("ul",{class:"list","infinite-scroll-disabled":k.value},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,f=>(e.openBlock(),e.createElementBlock("li",{key:f[e.unref(r)],class:"list-item"},[e.createVNode(x,{value:f[e.unref(r)],class:"checkbox"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(f[e.unref(a)])+" ",1),n.extra?(e.openBlock(),e.createBlock(C,{key:0,i:f},null,8,["i"])):e.createCommentVNode("",!0)]),_:2},1032,["value"])]))),128))],8,oe)),[[D,u]])]),_:1},16,["modelValue"])),[[fe,g.value]]):e.withDirectives((e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:1,class:"list","infinite-scroll-disabled":k.value},n),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,f=>(e.openBlock(),e.createElementBlock("li",{key:f[e.unref(r)],class:"list-item"},[e.createElementVNode("div",re,[e.createTextVNode(e.toDisplayString(f[e.unref(a)])+" ",1),n.extra?(e.openBlock(),e.createBlock(C,{key:0,i:f},null,8,["i"])):e.createCommentVNode("",!0)])]))),128))],16,ne)),[[D,u]])}}}),ue="",ie=y(le,[["__scopeId","data-v-77737aab"]]),se={key:1},ae=e.defineComponent({__name:"Descriptions",props:{formData:{type:Object,required:!0},formItem:{type:Array,required:!0}},setup(t){const o=t,n=(s,r)=>{const{i:a,render:p,formData:l}=s;return p({row:l,$index:a})};return(s,r)=>{const a=e.resolveComponent("el-descriptions-item"),p=e.resolveComponent("el-descriptions");return e.openBlock(),e.createBlock(p,e.mergeProps({column:1,border:"",class:"form-width"},o),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.formItem,(l,c)=>(e.openBlock(),e.createBlock(a,e.mergeProps({key:l.prop,label:l.label,ref_for:!0},l.descriptionsItemProps),{default:e.withCtx(()=>[l.render?(e.openBlock(),e.createBlock(n,{key:0,i:c,render:l.render,formData:t.formData},null,8,["i","render","formData"])):(e.openBlock(),e.createElementBlock("span",se,e.toDisplayString(t.formData[l.prop]),1))]),_:2},1040,["label"]))),128))]),_:1},16)}}}),ce=te,pe=ie,me=ae;d.VDescriptions=me,d.VGeneralBasicForm=ce,d.VInfiniteScrollList=pe,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});
+(function(u,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):(u=typeof globalThis<"u"?globalThis:u||self,e(u.Index={},u.Vue,u["vue-router"]))})(this,function(u,e,j){"use strict";const $={placeholder:"请输入",style:"width: 200px",clearable:!0},F={style:"width: 227px","start-placeholder":"开始日期","end-placeholder":"结束日期",type:"daterange"},z={placeholder:"请选择",filterable:!0,clearable:!0,style:"width: 200px"},T=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:{...$,...this.item.inputSetting,...this.item.setting}}},methods:{currentInputComponent(){return"input-archive"}}}),B=(t,n)=>{const o=t.__vccOpts||t;for(const[a,l]of n)o[a]=l;return o};function R(t,n,o,a,l,i){const c=e.resolveComponent("el-input");return e.openBlock(),e.createBlock(c,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,s)=>({name:s,fn:e.withCtx(()=>[r?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:s,templateEle:r},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040,["onKeydown","modelValue","size"])}const V=B(T,[["render",R]]),A=e.defineComponent({__name:"index",props:{item:{}},setup(t){const n=e.inject("queryParams",{}),o=e.inject("size"),a=e.ref({...$,...t.item.inputSetting,...t.item.setting});return(l,i)=>{const c=e.resolveComponent("el-input-number");return e.openBlock(),e.createBlock(c,e.mergeProps({modelValue:e.unref(n)[l.item.prop],"onUpdate:modelValue":i[0]||(i[0]=r=>e.unref(n)[l.item.prop]=r),size:e.unref(o)},a.value),null,16,["modelValue","size"])}}}),U=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:{...$,...this.item.inputSetting,...this.item.setting}}},methods:{currentInputComponent(){return"input-archive"}}});function G(t,n,o,a,l,i){const c=e.resolveComponent("a-input");return e.openBlock(),e.createBlock(c,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,s)=>({name:s,fn:e.withCtx(()=>[r?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:s,templateEle:r},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040,["onKeydown","modelValue","size"])}const q=B(U,[["render",G]]),D=Symbol(),M=e.defineComponent({__name:"index",props:{imgSrc:{}},setup(t){const n=e.ref();return e.onMounted(()=>{console.log("onMounted");const o=new Image,a=[],l=8,i=8;let c=0,r=0;const s=300,d=n.value,k=d.getContext("2d");o.onload=function(){d.width=o.width,d.height=o.height,r=Math.floor(o.width/l),c=Math.floor(o.height/i),g(),_()},o.src=t.imgSrc;const g=()=>{for(let y=0;y<i;y++)for(let m=0;m<l;m++)a.push({x:r*m,y:c*y,offsetX:(Math.random()-.5)*s,offsetY:(Math.random()-.5)*s})},_=()=>{k.clearRect(0,0,d.width,d.height);let y=!0;a.forEach((m,b)=>{k.drawImage(o,m.x,m.y,r,c,m.x+m.offsetX,m.y+m.offsetY,r,c),Math.abs(m.offsetX)>.5&&(y=!1,m.offsetX*=.95),Math.abs(m.offsetY)>.5&&(m.offsetY*=.95,y=!1)}),y?setTimeout(()=>{g(),_()},300):requestAnimationFrame(_)}}),(o,a)=>(e.openBlock(),e.createElementBlock("canvas",{ref_key:"loadingCanvas",ref:n},null,512))}}),O={class:"input-graphic-verification"},K=["src","alt"],Q=e.defineComponent({__name:"index",props:{item:{},componentType:{default:"Element Plus"},loading:{type:Boolean,default:!1}},setup(t){const{graphicSrc:n="",graphicAlt:o="",getGraphic:a=()=>{},key:l}=t.item,{formLoading:i}=e.inject(D,!1),c=e.computed(()=>(i==null?void 0:i.value)||t.loading),r=async()=>{a&&!(c!=null&&c.value)&&await a()},s=e.shallowRef(V);switch(t.componentType){case"Element Plus":s.value=V;break;case"Ant Design Vue":s.value=q;break}return(d,k)=>(e.openBlock(),e.createElementBlock("div",O,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.value),{item:d.item,class:"input"},null,8,["item"])),c.value?(e.openBlock(),e.createBlock(M,{key:0,class:"graphic",imgSrc:e.unref(n)},null,8,["imgSrc"])):(e.openBlock(),e.createElementBlock("img",{key:1,class:"graphic",onClick:r,src:e.unref(n),alt:e.unref(o)||`${e.unref(l)}`},null,8,K))]))}}),Be="",x=B(Q,[["__scopeId","data-v-f76fdd37"]]),S="获取验证码",X=60,Y=e.defineComponent({__name:"verification-button",props:{getSmscode:{type:Function},componentType:{default:"Element Plus"}},setup(t){const n=e.ref(S),o=e.ref(null),a=e.computed(()=>n.value===S),l=e.shallowRef("el-button");switch(console.log(t.componentType),t.componentType){case"Element Plus":l.value="el-button";break;case"Ant Design Vue":l.value="a-button";break}const i=()=>{o&&(clearInterval(o.value),o.value=null,n.value=S)},c=async()=>{if(n.value===S)if(n.value=X,o.value=setInterval(()=>{if(Number(n.value)<=0||!n.value){i();return}else n.value=Number(n.value)-1},1e3),t.getSmscode)await t.getSmscode()===!1&&i();else return};return e.onBeforeUnmount(()=>{i()}),(r,s)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.value),{class:"verifiaction-button",style:e.normalizeStyle({color:a.value?"var(--color-primary, #409EFF)":"var(--text-color-placeholder, #A8ABB2)",cursor:a.value?"pointer":"default"}),onClick:c},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.value?S:n.value+"s"),1)]),_:1},8,["style"]))}}),Ce="",L=B(Y,[["__scopeId","data-v-2477efb7"]]),N=e.defineComponent({__name:"index",props:{item:{},componentType:{default:"Element Plus"}},setup(t){const n=t.item,o=e.shallowRef(V);switch(t.componentType){case"Element Plus":o.value=V,n.template={append:()=>e.h(L,{getSmscode:n.getSmscode})};break;case"Ant Design Vue":o.value=q,n.template={addonAfter:()=>e.h(L,{getSmscode:n.getSmscode})};break}return(a,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.value),{item:e.unref(n),class:"input"},null,8,["item"]))}}),W=e.defineComponent({components:{slotArchive:t=>{const{templateEle:n}=t;return n()}},props:{item:null},setup(){},data(){return{dividerSetting:{...this.item.dividerSetting,...this.item.setting}}},methods:{currentInputComponent(){return"slot-archive"}}});function J(t,n,o,a,l,i){const c=e.resolveComponent("el-divider");return e.openBlock(),e.createBlock(c,e.normalizeProps(e.guardReactiveProps(t.dividerSetting)),e.createSlots({_:2},[e.renderList(t.item.template,(r,s)=>({name:s,fn:e.withCtx(()=>[r?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:s,templateEle:r},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040)}const H=B(W,[["render",J]]),Z=e.defineComponent({__name:"index",props:{item:{}},setup(t){const n=e.inject("queryParams",{}),o=e.inject("size"),a=e.ref({...t.item.radioGroupSetting,...t.item.setting});return(l,i)=>{const c=e.resolveComponent("el-radio"),r=e.resolveComponent("el-radio-group");return e.openBlock(),e.createBlock(r,e.mergeProps({modelValue:e.unref(n)[l.item.prop],"onUpdate:modelValue":i[0]||(i[0]=s=>e.unref(n)[l.item.prop]=s),size:e.unref(o)},a.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.item.option||[],s=>(e.openBlock(),e.createBlock(c,e.mergeProps({size:e.unref(o),key:s.value,ref_for:!0},s),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.label),1)]),_:2},1040,["size"]))),128))]),_:1},16,["modelValue","size"])}}}),v=e.defineComponent({__name:"index",props:{item:{}},setup(t){const n=e.inject("queryParams",{}),o=e.inject("size"),a=e.ref({...t.item.checkboxGroupSetting,...t.item.setting});return(l,i)=>{const c=e.resolveComponent("el-checkbox"),r=e.resolveComponent("el-checkbox-group");return e.openBlock(),e.createBlock(r,e.mergeProps({modelValue:e.unref(n)[l.item.prop],"onUpdate:modelValue":i[0]||(i[0]=s=>e.unref(n)[l.item.prop]=s),size:e.unref(o)},a.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.item.option||[],s=>(e.openBlock(),e.createBlock(c,e.mergeProps({size:e.unref(o),key:s.value,ref_for:!0},s),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.label),1)]),_:2},1040,["size"]))),128))]),_:1},16,["modelValue","size"])}}}),ee=e.defineComponent({__name:"index",props:{item:{}},setup(t){const n=e.inject("queryParams",{}),o=e.inject("size"),a=e.ref({...F,...t.item.datePackerSetting,...t.item.setting});return(l,i)=>{const c=e.resolveComponent("el-date-picker");return e.openBlock(),e.createBlock(c,e.mergeProps({modelValue:e.unref(n)[l.item.prop],"onUpdate:modelValue":i[0]||(i[0]=r=>e.unref(n)[l.item.prop]=r),size:e.unref(o)},a.value),null,16,["modelValue","size"])}}}),te=e.defineComponent({__name:"index",props:{item:{}},setup(t){const n=e.inject("queryParams",{}),o=e.inject("size"),a=e.ref({...z,...t.item.selectSetting,...t.item.setting});return(l,i)=>{const c=e.resolveComponent("el-option"),r=e.resolveComponent("el-select");return e.openBlock(),e.createBlock(r,e.mergeProps({modelValue:e.unref(n)[l.item.prop],"onUpdate:modelValue":i[0]||(i[0]=s=>e.unref(n)[l.item.prop]=s),size:e.unref(o)},a.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.item.option||[],s=>(e.openBlock(),e.createBlock(c,e.mergeProps({key:s.value,ref_for:!0},s),null,16))),128))]),_:1},16,["modelValue","size"])}}}),ne=e.defineComponent({__name:"index",props:{item:{}},setup(t){const n=e.inject("queryParams",{}),o=e.inject("size"),a=e.ref({...z,...t.item.selectSetting,...t.item.setting});return(l,i)=>{const c=e.resolveComponent("el-cascader");return e.openBlock(),e.createBlock(c,e.mergeProps({modelValue:e.unref(n)[l.item.prop],"onUpdate:modelValue":i[0]||(i[0]=r=>e.unref(n)[l.item.prop]=r),size:e.unref(o),options:l.item.options||[]},a.value),null,16,["modelValue","size","options"])}}}),oe=e.defineComponent({name:"GeneralBasicForm",components:{Input:V,InputNumber:A,InputGraphicVerification:x,InputMobileVerification:N,Divider:H,Radio:Z,Checkbox:v,DatePicker:ee,Select:te,Cascader:ne},props:{showSearch:{type:Boolean,default:!0},loading:{type:Boolean,default:!1},formOnly:{type:Boolean,default:!1},getList:{type:Function,default:()=>{}},afterReset:{type:Function,default:()=>{}},formItem:{type:Array,default:[]},size:{type:String,default:"default"},labelWidth:{type:String,default:"90px"},noUrlParameters:{type:Boolean,default:()=>!1},formData:{type:Object,default:()=>{}},noInputBlank:{type:Boolean,default:()=>!1}},data(){return{formLoading:this.loading||!1,trimRegex:/\S/}},setup(t){const{size:n,noUrlParameters:o,getList:a}=t,l=j.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,n){JSON.stringify(t)!==JSON.stringify(n)&&(this.queryParams={...this.noUrlParameters?{}:this.queryParams,...t})},immediate:!0},queryParams:{handler(t){this.$emit("update:formData",t)},deep:!0},loading(t){this.formLoading!==t&&(this.formLoading=t)},formLoading(t){this.loading!==t&&this.$emit("update:loading",t)}},provide(){return{[D]:{formLoading:e.computed(()=>this.formLoading),updateFormLoading:t=>{this.formLoading=t}}}},methods:{handleQuery(){var o;const t={page:1,limit:10},n={...(o=this.$route)==null?void 0:o.query,...this.queryParams,...t};this.noUrlParameters||this.$router.push({query:{...n}}),this.getList({...n})},async resetQuery(){var n;this.$refs.queryFormRef.resetFields();const t={page:1};this.noUrlParameters||await this.$router.push({query:{...t}}),this.queryParams={...this.noUrlParameters?{}:(n=this.$route)==null?void 0:n.query},this.afterReset(),this.handleQuery()},getItemRules(t){const{type:n,rules:o=[]}=t,a=[...o];return this.noInputBlank&&n==="input"&&a.push({pattern:this.trimRegex,message:"请输入（不能仅输入空格）",trigger:"blur"}),a}}});function re(t,n,o,a,l,i){const c=e.resolveComponent("Input"),r=e.resolveComponent("Radio"),s=e.resolveComponent("Select"),d=e.resolveComponent("Divider"),k=e.resolveComponent("Cascader"),g=e.resolveComponent("Checkbox"),_=e.resolveComponent("DatePicker"),y=e.resolveComponent("InputNumber"),m=e.resolveComponent("InputMobileVerification"),b=e.resolveComponent("InputGraphicVerification"),C=e.resolveComponent("el-form-item"),P=e.resolveComponent("el-button"),w=e.resolveComponent("el-form"),f=e.resolveDirective("loading");return e.withDirectives((e.openBlock(),e.createBlock(w,e.mergeProps({model:t.queryParams,ref:"queryFormRef",inline:"","label-position":"left","label-width":t.labelWidth},t.$attrs),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.formItem,p=>(e.openBlock(),e.createBlock(C,{label:p.label,prop:p.prop,key:p.prop,rules:t.getItemRules(p)},{default:e.withCtx(()=>[/^input$/i.test(p.type)?(e.openBlock(),e.createBlock(c,{key:0,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^radio$/i.test(p.type)?(e.openBlock(),e.createBlock(r,{key:1,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^select$/i.test(p.type)?(e.openBlock(),e.createBlock(s,{key:2,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^divider$/i.test(p.type)?(e.openBlock(),e.createBlock(d,{key:3,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^cascader$/i.test(p.type)?(e.openBlock(),e.createBlock(k,{key:4,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^checkbox$/i.test(p.type)?(e.openBlock(),e.createBlock(g,{key:5,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^date-picker$/i.test(p.type)?(e.openBlock(),e.createBlock(_,{key:6,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^input-number$/i.test(p.type)?(e.openBlock(),e.createBlock(y,{key:7,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^form-item-slot$/i.test(p.type)?e.renderSlot(t.$slots,p.name,{key:8}):e.createCommentVNode("",!0),/^input-mobile-verification$/i.test(p.type)?(e.openBlock(),e.createBlock(m,{key:9,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^input-graphic-verification$/i.test(p.type)?(e.openBlock(),e.createBlock(b,{item:p,key:p.key},null,8,["item"])):e.createCommentVNode("",!0)]),_:2},1032,["label","prop","rules"]))),128)),e.renderSlot(t.$slots,"default"),t.formOnly?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(C,{key:0},{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createBlock(P,{type:"primary",size:t.size,onClick:t.handleQuery},{default:e.withCtx(()=>n[0]||(n[0]=[e.createTextVNode("查询")])),_:1},8,["size","onClick"])),[[f,t.formLoading]]),e.createVNode(P,{size:t.size,onClick:t.resetQuery},{default:e.withCtx(()=>n[1]||(n[1]=[e.createTextVNode("重置")])),_:1},8,["size","onClick"])]),_:1})),e.renderSlot(t.$slots,"behind-the-button")]),_:3},16,["model","label-width"])),[[e.vShow,t.showSearch]])}const le=B(oe,[["render",re]]),ie=["infinite-scroll-disabled"],se=["infinite-scroll-disabled"],ae={class:"checkbox"},ce=e.defineComponent({__name:"InfiniteScrollList",props:{search:{type:Function,required:!0},checkbox:{type:Boolean,required:!1},id:{type:String,required:!0},name:{type:String,required:!0},extra:{type:null,required:!1},defaultSelection:{type:Array,required:!1}},setup(t,{expose:n}){const o=t,{search:a,id:l,name:i,extra:c}=o,r=e.ref([]),s=e.ref(1),d=e.ref(!1),k=e.ref([]),g=e.ref(!1),_=(f,p)=>{const{i:I}=f;return c&&c!=="false"?c(I):""},y=f=>{k.value=f.map(p=>typeof p=="object"?p[l]:p)};e.watch(()=>o.defaultSelection,(f=[],p=[])=>{y(f)},{immediate:!0});const m=()=>{b(),k.value=[]},b=()=>{s.value=1,r.value=[],d.value=!1},C=async()=>{if(g.value||d.value)return;g.value=!0;const f=await a(s.value);f&&f.length>0?(r.value=[...r.value,...f],s.value+=1):d.value=!0,g.value=!1},P=()=>{b(),C()},w=e.computed(()=>r.value.filter(f=>k.value.includes(f[l])))||{};return n({reset:m,lowReset:b,loadList:C,selectInfo:w,list:r,ifbottom:d,refreshList:P}),(f,p)=>{const I=e.resolveComponent("el-checkbox"),ge=e.resolveComponent("el-checkbox-group"),E=e.resolveDirective("infinite-scroll"),_e=e.resolveDirective("loading");return o.checkbox?e.withDirectives((e.openBlock(),e.createBlock(ge,e.mergeProps({key:0,modelValue:k.value,"onUpdate:modelValue":p[0]||(p[0]=h=>k.value=h)},o),{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createElementBlock("ul",{class:"list","infinite-scroll-disabled":d.value},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,h=>(e.openBlock(),e.createElementBlock("li",{key:h[e.unref(l)],class:"list-item"},[e.createVNode(I,{value:h[e.unref(l)],class:"checkbox"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(h[e.unref(i)])+" ",1),o.extra?(e.openBlock(),e.createBlock(_,{key:0,i:h},null,8,["i"])):e.createCommentVNode("",!0)]),_:2},1032,["value"])]))),128))],8,ie)),[[E,C]])]),_:1},16,["modelValue"])),[[_e,g.value]]):e.withDirectives((e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:1,class:"list","infinite-scroll-disabled":d.value},o),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,h=>(e.openBlock(),e.createElementBlock("li",{key:h[e.unref(l)],class:"list-item"},[e.createElementVNode("div",ae,[e.createTextVNode(e.toDisplayString(h[e.unref(i)])+" ",1),o.extra?(e.openBlock(),e.createBlock(_,{key:0,i:h},null,8,["i"])):e.createCommentVNode("",!0)])]))),128))],16,se)),[[E,C]])}}}),be="",pe=B(ce,[["__scopeId","data-v-77737aab"]]),me={key:1},de=e.defineComponent({__name:"Descriptions",props:{formData:{type:Object,required:!0},formItem:{type:Array,required:!0}},setup(t){const n=t,o=(a,l)=>{const{i,render:c,formData:r}=a;return c({row:r,$index:i})};return(a,l)=>{const i=e.resolveComponent("el-descriptions-item"),c=e.resolveComponent("el-descriptions");return e.openBlock(),e.createBlock(c,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,s)=>(e.openBlock(),e.createBlock(i,e.mergeProps({key:r.prop,label:r.label,ref_for:!0},r.descriptionsItemProps),{default:e.withCtx(()=>[r.render?(e.openBlock(),e.createBlock(o,{key:0,i:s,render:r.render,formData:t.formData},null,8,["i","render","formData"])):(e.openBlock(),e.createElementBlock("span",me,e.toDisplayString(t.formData[r.prop]),1))]),_:2},1040,["label"]))),128))]),_:1},16)}}}),fe=le,ue=pe,ke=de,ye=x,he=N;u.VDescriptions=ke,u.VGeneralBasicForm=fe,u.VInfiniteScrollList=ue,u.VInputGraphicVerification=ye,u.VInputMobilecVerification=he,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})});

package/dist/style.css

@@ -1 +1 @@
-.input-graphic-verification[data-v-006751c3]{display:flex;gap:12px;width:100%}.input-graphic-verification .input[data-v-006751c3]{flex:auto}.input-graphic-verification .graphic[data-v-006751c3]{width:109px;height:43px;object-fit:fill;flex:none}.verifiaction-button[data-v-4074e137]{width:109px}.list[data-v-77737aab]{height:272px;overflow:auto;padding:8px 0}.list .checkbox[data-v-77737aab]{width:calc(100% - 32px);padding:0 16px}
+.input-graphic-verification[data-v-f76fdd37]{display:flex;gap:12px;width:100%}.input-graphic-verification .input[data-v-f76fdd37]{flex:auto}.input-graphic-verification .graphic[data-v-f76fdd37]{width:108px;height:43px;object-fit:fill;flex:none}.verifiaction-button[data-v-2477efb7]{width:109px}.list[data-v-77737aab]{height:272px;overflow:auto;padding:8px 0}.list .checkbox[data-v-77737aab]{width:calc(100% - 32px);padding:0 16px}

package/package.json

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