general-basic-form 2.0.57 → 2.0.58

package/README.md

@@ -562,7 +562,7 @@ descriptionsItemProps:a-descriptions-item|el-descriptions-item的配置
 ```
 <VInputGraphicVerification :item="{同表单，可忽略label和rules字段}" :loading="loading"></VInputGraphicVerification>
 
-<VInputMobilecVerification :item="{同表单，可忽略label和rules字段}" componentType="Ant Design Vue"></VInputMobilecVerification>
+<VInputMobilecVerification :item="{同表单，可忽略label和rules字段}" componentType="Ant Design Vue" ref="VInputMobilecVerificationRef"></VInputMobilecVerification>
 ```
 
 ```
@@ -580,6 +580,10 @@ provide(/* 注入名 */ "Form", /* Ant Design Vue Form实例，用于表单数
 可选：
 provide("size", size); // 同组件size
 provide("getList", getList); // 输入框回车触发
+
+调用发送短信验证码和重置的方法
+VInputMobilecVerificationRef.value.VerificationButtonRef.buttonClick()
+VInputMobilecVerificationRef.value.VerificationButtonRef.reset()
 ```
 
 安装：npm i general-basic-form<br/>

package/dist/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as k, inject as y, resolveComponent as d, openBlock as r, createBlock as p, mergeProps as v, withKeys as ee, createSlots as Y, renderList as q, withCtx as _, resolveDynamicComponent as w, createCommentVNode as g, ref as b, unref as m, onMounted as ce, createElementBlock as $, computed as M, shallowRef as T, onBeforeUnmount as pe, createTextVNode as L, toDisplayString as E, h as H, normalizeProps as me, guardReactiveProps as de, Fragment as x, provide as K, resolveDirective as X, withDirectives as A, renderSlot as Q, createVNode as te, vShow as fe, watch as ne, normalizeStyle as ye, createElementVNode as he } from "vue";
+import { defineComponent as S, inject as y, resolveComponent as d, openBlock as s, createBlock as p, mergeProps as b, withKeys as ee, createSlots as Y, renderList as q, withCtx as _, resolveDynamicComponent as w, createCommentVNode as g, ref as v, unref as m, onMounted as ce, createElementBlock as $, computed as M, shallowRef as T, onBeforeUnmount as pe, createTextVNode as D, toDisplayString as E, h as H, normalizeProps as me, guardReactiveProps as de, Fragment as L, provide as K, resolveDirective as X, withDirectives as A, renderSlot as Q, createVNode as te, vShow as fe, watch as ne, normalizeStyle as ye, createElementVNode as he } from "vue";
 import { useRoute as _e } from "vue-router";
 const W = {
   placeholder: "请输入",
@@ -14,11 +14,11 @@ const W = {
   filterable: !0,
   clearable: !0,
   style: "width: 200px"
-}, ve = k({
+}, ve = S({
   components: {
     InputArchive: (e) => {
-      const { templateEle: t } = e;
-      return t();
+      const { templateEle: n } = e;
+      return n();
     }
   },
   props: {
@@ -26,8 +26,8 @@ const W = {
     // null就是any
   },
   setup() {
-    const e = y("queryParams", {}), t = y("getList"), n = y("size", "default");
-    return { queryParams: e, getList: t, size: n };
+    const e = y("queryParams", {}), n = y("getList"), t = y("size", "default");
+    return { queryParams: e, getList: n, size: t };
   },
   data() {
     return {
@@ -55,24 +55,24 @@ const W = {
   //     console.log(val);
   //   },
   // },
-}), B = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [a, s] of t)
-    n[a] = s;
-  return n;
+}), B = (e, n) => {
+  const t = e.__vccOpts || e;
+  for (const [a, r] of n)
+    t[a] = r;
+  return t;
 };
-function be(e, t, n, a, s, l) {
+function be(e, n, t, a, r, l) {
   const i = d("el-input");
-  return r(), p(i, v({
+  return s(), p(i, b({
     onKeydown: ee(e.getList, ["enter"]),
     modelValue: e.queryParams[e.item.prop],
-    "onUpdate:modelValue": t[0] || (t[0] = (u) => e.queryParams[e.item.prop] = u),
+    "onUpdate:modelValue": n[0] || (n[0] = (u) => e.queryParams[e.item.prop] = u),
     size: e.size
   }, e.inputSetting), Y({ _: 2 }, [
     q(e.item.template, (u, o) => ({
       name: o,
       fn: _(() => [
-        u ? (r(), p(w(e.currentInputComponent()), {
+        u ? (s(), p(w(e.currentInputComponent()), {
           key: o,
           templateEle: u
         }, null, 8, ["templateEle"])) : g("", !0)
@@ -80,31 +80,31 @@ function be(e, t, n, a, s, l) {
     }))
   ]), 1040, ["onKeydown", "modelValue", "size"]);
 }
-const U = /* @__PURE__ */ B(ve, [["render", be]]), ke = /* @__PURE__ */ k({
+const U = /* @__PURE__ */ B(ve, [["render", be]]), ke = /* @__PURE__ */ S({
   __name: "index",
   props: {
     item: {}
   },
   setup(e) {
-    const t = y("queryParams", {}), n = y("size"), a = b({
+    const n = y("queryParams", {}), t = y("size"), a = v({
       ...W,
       ...e.item.inputSetting,
       ...e.item.setting
     });
-    return (s, l) => {
+    return (r, l) => {
       const i = d("el-input-number");
-      return r(), p(i, v({
-        modelValue: m(t)[s.item.prop],
-        "onUpdate:modelValue": l[0] || (l[0] = (u) => m(t)[s.item.prop] = u),
-        size: m(n)
+      return s(), p(i, b({
+        modelValue: m(n)[r.item.prop],
+        "onUpdate:modelValue": l[0] || (l[0] = (u) => m(n)[r.item.prop] = u),
+        size: m(t)
       }, a.value), null, 16, ["modelValue", "size"]);
     };
   }
-}), Se = k({
+}), Se = S({
   components: {
     InputArchive: (e) => {
-      const { templateEle: t } = e;
-      return t();
+      const { templateEle: n } = e;
+      return n();
     }
   },
   props: {
@@ -112,9 +112,9 @@ const U = /* @__PURE__ */ B(ve, [["render", be]]), ke = /* @__PURE__ */ k({
     // null就是any
   },
   setup() {
-    const e = y("queryParams", {}), t = y("getList", () => {
-    }), n = y("size", "default"), s = y("Form").useInjectFormItemContext();
-    return { queryParams: e, getList: t, size: n, formItemContext: s };
+    const e = y("queryParams", {}), n = y("getList", () => {
+    }), t = y("size", "default"), r = y("Form").useInjectFormItemContext();
+    return { queryParams: e, getList: n, size: t, formItemContext: r };
   },
   data() {
     return {
@@ -146,9 +146,9 @@ const U = /* @__PURE__ */ B(ve, [["render", be]]), ke = /* @__PURE__ */ k({
   //   },
   // },
 });
-function $e(e, t, n, a, s, l) {
+function $e(e, n, t, a, r, l) {
   const i = d("a-input");
-  return r(), p(i, v({
+  return s(), p(i, b({
     onKeydown: ee(e.getList, ["enter"]),
     onChange: e.onInputChange,
     value: e.queryParams[e.item.prop],
@@ -157,7 +157,7 @@ function $e(e, t, n, a, s, l) {
     q(e.item.template, (u, o) => ({
       name: o,
       fn: _(() => [
-        u ? (r(), p(w(e.currentInputComponent()), {
+        u ? (s(), p(w(e.currentInputComponent()), {
           key: o,
           templateEle: u
         }, null, 8, ["templateEle"])) : g("", !0)
@@ -165,23 +165,23 @@ function $e(e, t, n, a, s, l) {
     }))
   ]), 1040, ["onKeydown", "onChange", "value", "size"]);
 }
-const re = /* @__PURE__ */ B(Se, [["render", $e]]), se = Symbol(), Ie = /* @__PURE__ */ k({
+const re = /* @__PURE__ */ B(Se, [["render", $e]]), se = Symbol(), Ie = /* @__PURE__ */ S({
   __name: "index",
   props: {
     imgSrc: {}
   },
   setup(e) {
-    const t = b();
+    const n = v();
     return ce(() => {
-      const n = new Image(), a = [], s = 8, l = 8;
+      const t = new Image(), a = [], r = 8, l = 8;
       let i = 0, u = 0;
-      const o = 300, f = t.value, S = f.getContext("2d");
-      n.onload = function() {
-        f.width = n.width, f.height = n.height, u = Math.floor(n.width / s), i = Math.floor(n.height / l), I(), z();
-      }, n.src = e.imgSrc;
+      const o = 300, f = n.value, k = f.getContext("2d");
+      t.onload = function() {
+        f.width = t.width, f.height = t.height, u = Math.floor(t.width / r), i = Math.floor(t.height / l), I(), z();
+      }, t.src = e.imgSrc;
       const I = () => {
         for (let P = 0; P < l; P++)
-          for (let h = 0; h < s; h++)
+          for (let h = 0; h < r; h++)
             a.push({
               x: u * h,
               y: i * P,
@@ -189,20 +189,20 @@ const re = /* @__PURE__ */ B(Se, [["render", $e]]), se = Symbol(), Ie = /* @__PU
               offsetY: (Math.random() - 0.5) * o
             });
       }, z = () => {
-        S.clearRect(0, 0, f.width, f.height);
+        k.clearRect(0, 0, f.width, f.height);
         let P = !0;
         a.forEach((h, G) => {
-          S.drawImage(n, h.x, h.y, u, i, h.x + h.offsetX, h.y + h.offsetY, u, i), Math.abs(h.offsetX) > 0.5 && (P = !1, h.offsetX *= 0.95), Math.abs(h.offsetY) > 0.5 && (h.offsetY *= 0.95, P = !1);
+          k.drawImage(t, h.x, h.y, u, i, h.x + h.offsetX, h.y + h.offsetY, u, i), Math.abs(h.offsetX) > 0.5 && (P = !1, h.offsetX *= 0.95), Math.abs(h.offsetY) > 0.5 && (h.offsetY *= 0.95, P = !1);
         }), P ? setTimeout(() => {
           I(), z();
         }, 300) : requestAnimationFrame(z);
       };
-    }), (n, a) => (r(), $("canvas", {
+    }), (t, a) => (s(), $("canvas", {
       ref_key: "loadingCanvas",
-      ref: t
+      ref: n
     }, null, 512));
   }
-}), Pe = { class: "input-graphic-verification" }, ze = ["src", "alt"], Ve = /* @__PURE__ */ k({
+}), Pe = { class: "input-graphic-verification" }, ze = ["src", "alt"], Ve = /* @__PURE__ */ S({
   __name: "index",
   props: {
     item: {},
@@ -211,11 +211,11 @@ const re = /* @__PURE__ */ B(Se, [["render", $e]]), se = Symbol(), Ie = /* @__PU
   },
   setup(e) {
     const {
-      graphicSrc: t = "",
-      graphicAlt: n = "",
+      graphicSrc: n = "",
+      graphicAlt: t = "",
       getGraphic: a = () => {
       },
-      key: s
+      key: r
     } = e.item, { formLoading: l } = y(se, !1), i = M(() => (l == null ? void 0 : l.value) || e.loading), u = async () => {
       a && !(i != null && i.value) && await a();
     }, o = T(U);
@@ -227,112 +227,114 @@ const re = /* @__PURE__ */ B(Se, [["render", $e]]), se = Symbol(), Ie = /* @__PU
         o.value = re;
         break;
     }
-    return (f, S) => (r(), $("div", Pe, [
-      (r(), p(w(o.value), {
+    return (f, k) => (s(), $("div", Pe, [
+      (s(), p(w(o.value), {
         item: f.item,
         class: "input"
       }, null, 8, ["item"])),
-      i.value ? (r(), p(Ie, {
+      i.value ? (s(), p(Ie, {
         key: 0,
         class: "graphic",
-        imgSrc: m(t)
-      }, null, 8, ["imgSrc"])) : (r(), $("img", {
+        imgSrc: m(n)
+      }, null, 8, ["imgSrc"])) : (s(), $("img", {
         key: 1,
         class: "graphic",
         onClick: u,
-        src: m(t),
-        alt: m(n) || `${m(s)}`
+        src: m(n),
+        alt: m(t) || `${m(r)}`
       }, null, 8, ze))
     ]));
   }
 });
-const ie = /* @__PURE__ */ B(Ve, [["__scopeId", "data-v-fb7aa300"]]), R = "获取验证码", qe = 60, Ce = /* @__PURE__ */ k({
+const ie = /* @__PURE__ */ B(Ve, [["__scopeId", "data-v-fb7aa300"]]), R = "获取验证码", qe = 60, Ce = /* @__PURE__ */ S({
   __name: "verification-button",
   props: {
     getSmscode: { type: Function },
     componentType: { default: "Element Plus" },
     item: {}
   },
-  setup(e) {
-    const t = b(R), n = b(null), a = M(() => t.value === R), s = T("el-button");
+  setup(e, { expose: n }) {
+    const t = v(R), a = v(null), r = M(() => t.value === R), l = T("el-button");
     switch (e.componentType) {
       case "Element Plus":
-        s.value = "el-button";
+        l.value = "el-button";
         break;
       case "Ant Design Vue":
-        s.value = "a-button";
+        l.value = "a-button";
         break;
     }
-    const l = () => {
-      n && (clearInterval(n.value), n.value = null, t.value = R);
-    }, i = async () => {
+    const i = () => {
+      a && (clearInterval(a.value), a.value = null, t.value = R);
+    }, u = async () => {
       if (t.value === R)
-        if (t.value = qe, n.value = setInterval(() => {
+        if (t.value = qe, a.value = setInterval(() => {
           if (Number(t.value) <= 0 || !t.value) {
-            l();
+            i();
             return;
           } else
             t.value = Number(t.value) - 1;
         }, 1e3), e.getSmscode)
-          await e.getSmscode() === !1 && l();
+          await e.getSmscode() === !1 && i();
         else
           return;
     };
     pe(() => {
-      l();
+      i();
     });
-    const u = { ...e.item.buttonSetting };
-    return (o, f) => (r(), p(w(s.value), v({
+    const o = { ...e.item.buttonSetting };
+    return n({ buttonClick: u, reset: i }), (f, k) => (s(), p(w(l.value), b({
       class: "verifiaction-button",
       style: {
-        color: a.value ? "var(--color-primary, #409EFF)" : "var(--text-color-placeholder, #A8ABB2)",
-        cursor: a.value ? "pointer" : "default"
+        color: r.value ? "var(--color-primary, #409EFF)" : "var(--text-color-placeholder, #A8ABB2)",
+        cursor: r.value ? "pointer" : "default"
       },
-      onClick: i
-    }, u), {
+      onClick: u
+    }, o), {
       default: _(() => [
-        L(E(a.value ? R : t.value + "s"), 1)
+        D(E(r.value ? R : t.value + "s"), 1)
       ]),
       _: 1
     }, 16, ["style"]));
   }
 });
-const Z = /* @__PURE__ */ B(Ce, [["__scopeId", "data-v-f5cd774b"]]), ae = /* @__PURE__ */ k({
+const Z = /* @__PURE__ */ B(Ce, [["__scopeId", "data-v-aa89c1b7"]]), ae = /* @__PURE__ */ S({
   __name: "index",
   props: {
     item: {},
     componentType: { default: "Element Plus" }
   },
-  setup(e) {
-    const t = e.item, n = T(U);
+  setup(e, { expose: n }) {
+    const t = e.item, a = T(U), r = v();
     switch (e.componentType) {
       case "Element Plus":
-        n.value = U, t.template = {
+        a.value = U, t.template = {
           append: () => H(Z, {
             getSmscode: t.getSmscode,
-            item: e.item
+            item: e.item,
+            ref: r
           })
         };
         break;
       case "Ant Design Vue":
-        n.value = re, t.template = {
+        a.value = re, t.template = {
           suffix: () => H(Z, {
             getSmscode: t.getSmscode,
-            item: e.item
+            item: e.item,
+            ref: r
           })
         };
         break;
     }
-    return (a, s) => (r(), p(w(n.value), {
+    return n({ VerificationButtonRef: r }), (l, i) => (s(), p(w(a.value), {
       item: m(t),
       class: "input"
     }, null, 8, ["item"]));
   }
-}), we = k({
+}), we = S({
   components: {
     slotArchive: (e) => {
-      const { templateEle: t } = e;
-      return t();
+      const { templateEle: n } = e;
+      return n();
     }
   },
   props: {
@@ -355,13 +357,13 @@ const Z = /* @__PURE__ */ B(Ce, [["__scopeId", "data-v-f5cd774b"]]), ae = /* @__
     }
   }
 });
-function De(e, t, n, a, s, l) {
+function xe(e, n, t, a, r, l) {
   const i = d("el-divider");
-  return r(), p(i, me(de(e.dividerSetting)), Y({ _: 2 }, [
+  return s(), p(i, me(de(e.dividerSetting)), Y({ _: 2 }, [
     q(e.item.template, (u, o) => ({
       name: o,
       fn: _(() => [
-        u ? (r(), p(w(e.currentInputComponent()), {
+        u ? (s(), p(w(e.currentInputComponent()), {
           key: o,
           templateEle: u
         }, null, 8, ["templateEle"])) : g("", !0)
@@ -369,31 +371,31 @@ function De(e, t, n, a, s, l) {
     }))
   ]), 1040);
 }
-const Le = /* @__PURE__ */ B(we, [["render", De]]), xe = /* @__PURE__ */ k({
+const De = /* @__PURE__ */ B(we, [["render", xe]]), Le = /* @__PURE__ */ S({
   __name: "index",
   props: {
     item: {}
   },
   setup(e) {
-    const t = y("queryParams", {}), n = y("size"), a = b({
+    const n = y("queryParams", {}), t = y("size"), a = v({
       ...e.item.radioGroupSetting,
       ...e.item.setting
     });
-    return (s, l) => {
+    return (r, l) => {
       const i = d("el-radio"), u = d("el-radio-group");
-      return r(), p(u, v({
-        modelValue: m(t)[s.item.prop],
-        "onUpdate:modelValue": l[0] || (l[0] = (o) => m(t)[s.item.prop] = o),
-        size: m(n)
+      return s(), p(u, b({
+        modelValue: m(n)[r.item.prop],
+        "onUpdate:modelValue": l[0] || (l[0] = (o) => m(n)[r.item.prop] = o),
+        size: m(t)
       }, a.value), {
         default: _(() => [
-          (r(!0), $(x, null, q(s.item.option || [], (o) => (r(), p(i, v({
-            size: m(n),
+          (s(!0), $(L, null, q(r.item.option || [], (o) => (s(), p(i, b({
+            size: m(t),
             key: o.value,
             ref_for: !0
           }, o), {
             default: _(() => [
-              L(E(o.label), 1)
+              D(E(o.label), 1)
             ]),
             _: 2
           }, 1040, ["size"]))), 128))
@@ -402,31 +404,31 @@ const Le = /* @__PURE__ */ B(we, [["render", De]]), xe = /* @__PURE__ */ k({
       }, 16, ["modelValue", "size"]);
     };
   }
-}), Be = /* @__PURE__ */ k({
+}), Be = /* @__PURE__ */ S({
   __name: "index",
   props: {
     item: {}
   },
   setup(e) {
-    const t = y("queryParams", {}), n = y("size"), a = b({
+    const n = y("queryParams", {}), t = y("size"), a = v({
       ...e.item.checkboxGroupSetting,
       ...e.item.setting
     });
-    return (s, l) => {
+    return (r, l) => {
       const i = d("el-checkbox"), u = d("el-checkbox-group");
-      return r(), p(u, v({
-        modelValue: m(t)[s.item.prop],
-        "onUpdate:modelValue": l[0] || (l[0] = (o) => m(t)[s.item.prop] = o),
-        size: m(n)
+      return s(), p(u, b({
+        modelValue: m(n)[r.item.prop],
+        "onUpdate:modelValue": l[0] || (l[0] = (o) => m(n)[r.item.prop] = o),
+        size: m(t)
       }, a.value), {
         default: _(() => [
-          (r(!0), $(x, null, q(s.item.option || [], (o) => (r(), p(i, v({
-            size: m(n),
+          (s(!0), $(L, null, q(r.item.option || [], (o) => (s(), p(i, b({
+            size: m(t),
             key: o.value,
             ref_for: !0
           }, o), {
             default: _(() => [
-              L(E(o.label), 1)
+              D(E(o.label), 1)
             ]),
             _: 2
           }, 1040, ["size"]))), 128))
@@ -435,46 +437,46 @@ const Le = /* @__PURE__ */ B(we, [["render", De]]), xe = /* @__PURE__ */ k({
       }, 16, ["modelValue", "size"]);
     };
   }
-}), Fe = /* @__PURE__ */ k({
+}), Fe = /* @__PURE__ */ S({
   __name: "index",
   props: {
     item: {}
   },
   setup(e) {
-    const t = y("queryParams", {}), n = y("size"), a = b({
+    const n = y("queryParams", {}), t = y("size"), a = v({
       ...ge,
       ...e.item.datePackerSetting,
       ...e.item.setting
     });
-    return (s, l) => {
+    return (r, l) => {
       const i = d("el-date-picker");
-      return r(), p(i, v({
-        modelValue: m(t)[s.item.prop],
-        "onUpdate:modelValue": l[0] || (l[0] = (u) => m(t)[s.item.prop] = u),
-        size: m(n)
+      return s(), p(i, b({
+        modelValue: m(n)[r.item.prop],
+        "onUpdate:modelValue": l[0] || (l[0] = (u) => m(n)[r.item.prop] = u),
+        size: m(t)
       }, a.value), null, 16, ["modelValue", "size"]);
     };
   }
-}), Ee = /* @__PURE__ */ k({
+}), Ee = /* @__PURE__ */ S({
   __name: "index",
   props: {
     item: {}
   },
   setup(e) {
-    const t = y("queryParams", {}), n = y("size"), a = b({
+    const n = y("queryParams", {}), t = y("size"), a = v({
       ...oe,
       ...e.item.selectSetting,
       ...e.item.setting
     });
-    return (s, l) => {
+    return (r, l) => {
       const i = d("el-option"), u = d("el-select");
-      return r(), p(u, v({
-        modelValue: m(t)[s.item.prop],
-        "onUpdate:modelValue": l[0] || (l[0] = (o) => m(t)[s.item.prop] = o),
-        size: m(n)
+      return s(), p(u, b({
+        modelValue: m(n)[r.item.prop],
+        "onUpdate:modelValue": l[0] || (l[0] = (o) => m(n)[r.item.prop] = o),
+        size: m(t)
       }, a.value), {
         default: _(() => [
-          (r(!0), $(x, null, q(s.item.option || [], (o) => (r(), p(i, v({
+          (s(!0), $(L, null, q(r.item.option || [], (o) => (s(), p(i, b({
             key: o.value,
             ref_for: !0
           }, o), null, 16))), 128))
@@ -483,36 +485,36 @@ const Le = /* @__PURE__ */ B(we, [["render", De]]), xe = /* @__PURE__ */ k({
       }, 16, ["modelValue", "size"]);
     };
   }
-}), Re = /* @__PURE__ */ k({
+}), Re = /* @__PURE__ */ S({
   __name: "index",
   props: {
     item: {}
   },
   setup(e) {
-    const t = y("queryParams", {}), n = y("size"), a = b({
+    const n = y("queryParams", {}), t = y("size"), a = v({
       ...oe,
       ...e.item.selectSetting,
       ...e.item.setting
     });
-    return (s, l) => {
+    return (r, l) => {
       const i = d("el-cascader");
-      return r(), p(i, v({
-        modelValue: m(t)[s.item.prop],
-        "onUpdate:modelValue": l[0] || (l[0] = (u) => m(t)[s.item.prop] = u),
-        size: m(n),
-        options: s.item.options || []
+      return s(), p(i, b({
+        modelValue: m(n)[r.item.prop],
+        "onUpdate:modelValue": l[0] || (l[0] = (u) => m(n)[r.item.prop] = u),
+        size: m(t),
+        options: r.item.options || []
       }, a.value), null, 16, ["modelValue", "size", "options"]);
     };
   }
-}), Ae = k({
+}), Ae = S({
   name: "GeneralBasicForm",
   components: {
     Input: U,
     InputNumber: ke,
     InputGraphicVerification: ie,
     InputMobileVerification: ae,
-    Divider: Le,
-    Radio: xe,
+    Divider: De,
+    Radio: Le,
     Checkbox: Be,
     DatePicker: Fe,
     Select: Ee,
@@ -585,8 +587,8 @@ const Le = /* @__PURE__ */ B(we, [["render", De]]), xe = /* @__PURE__ */ k({
     };
   },
   setup(e) {
-    const { size: t, noUrlParameters: n, getList: a } = e, s = _e(), l = b({
-      ...n ? {} : s == null ? void 0 : s.query
+    const { size: n, noUrlParameters: t, getList: a } = e, r = _e(), l = v({
+      ...t ? {} : r == null ? void 0 : r.query
     });
     return K(
       /* 注入名 */
@@ -597,7 +599,7 @@ const Le = /* @__PURE__ */ B(we, [["render", De]]), xe = /* @__PURE__ */ k({
       /* 注入名 */
       "size",
       /* 值 */
-      t
+      n
     ), K(
       /* 注入名 */
       "getList",
@@ -609,8 +611,8 @@ const Le = /* @__PURE__ */ B(we, [["render", De]]), xe = /* @__PURE__ */ k({
   },
   watch: {
     formData: {
-      handler(e, t) {
-        JSON.stringify(e) !== JSON.stringify(t) && (this.queryParams = {
+      handler(e, n) {
+        JSON.stringify(e) !== JSON.stringify(n) && (this.queryParams = {
           ...this.noUrlParameters ? {} : this.queryParams,
           ...e
         });
@@ -647,32 +649,32 @@ const Le = /* @__PURE__ */ B(we, [["render", De]]), xe = /* @__PURE__ */ k({
   methods: {
     /** 搜索按钮操作 */
     handleQuery() {
-      var n;
-      const e = { page: 1, limit: 10 }, t = {
-        ...(n = this.$route) == null ? void 0 : n.query,
+      var t;
+      const e = { page: 1, limit: 10 }, n = {
+        ...(t = this.$route) == null ? void 0 : t.query,
         ...this.queryParams,
         ...e
       };
       this.noUrlParameters || this.$router.push({
-        query: { ...t }
+        query: { ...n }
       }), this.getList({
-        ...t
+        ...n
       });
     },
     /** 重置按钮操作 */
     async resetQuery() {
-      var t;
+      var n;
       this.$refs.queryFormRef.resetFields();
       const e = { page: 1 };
       this.noUrlParameters || await this.$router.push({
         query: { ...e }
       }), this.queryParams = {
-        ...this.noUrlParameters ? {} : (t = this.$route) == null ? void 0 : t.query
+        ...this.noUrlParameters ? {} : (n = this.$route) == null ? void 0 : n.query
       }, this.afterReset(), this.handleQuery();
     },
     getItemRules(e) {
-      const { type: t, rules: n = [] } = e, a = [...n];
-      return this.noInputBlank && t === "input" && a.push({
+      const { type: n, rules: t = [] } = e, a = [...t];
+      return this.noInputBlank && n === "input" && a.push({
         pattern: this.trimRegex,
         message: "请输入（不能仅输入空格）",
         trigger: "blur"
@@ -680,9 +682,9 @@ const Le = /* @__PURE__ */ B(we, [["render", De]]), xe = /* @__PURE__ */ k({
     }
   }
 });
-function Te(e, t, n, a, s, l) {
-  const i = d("Input"), u = d("Radio"), o = d("Select"), f = d("Divider"), S = d("Cascader"), I = d("Checkbox"), z = d("DatePicker"), P = d("InputNumber"), h = d("InputMobileVerification"), G = d("InputGraphicVerification"), F = d("el-form-item"), D = d("el-button"), N = d("el-form"), O = X("loading");
-  return A((r(), p(N, v({
+function Te(e, n, t, a, r, l) {
+  const i = d("Input"), u = d("Radio"), o = d("Select"), f = d("Divider"), k = d("Cascader"), I = d("Checkbox"), z = d("DatePicker"), P = d("InputNumber"), h = d("InputMobileVerification"), G = d("InputGraphicVerification"), F = d("el-form-item"), x = d("el-button"), N = d("el-form"), O = X("loading");
+  return A((s(), p(N, b({
     model: e.queryParams,
     ref: "queryFormRef",
     inline: "",
@@ -690,51 +692,51 @@ function Te(e, t, n, a, s, l) {
     "label-width": e.labelWidth
   }, e.$attrs), {
     default: _(() => [
-      (r(!0), $(x, null, q(e.formItem, (c) => (r(), p(F, {
+      (s(!0), $(L, null, q(e.formItem, (c) => (s(), p(F, {
         label: c.label,
         prop: c.prop,
         key: c.prop,
         rules: e.getItemRules(c)
       }, {
         default: _(() => [
-          /^input$/i.test(c.type) ? (r(), p(i, {
+          /^input$/i.test(c.type) ? (s(), p(i, {
             key: 0,
             item: c
           }, null, 8, ["item"])) : g("", !0),
-          /^radio$/i.test(c.type) ? (r(), p(u, {
+          /^radio$/i.test(c.type) ? (s(), p(u, {
             key: 1,
             item: c
           }, null, 8, ["item"])) : g("", !0),
-          /^select$/i.test(c.type) ? (r(), p(o, {
+          /^select$/i.test(c.type) ? (s(), p(o, {
             key: 2,
             item: c
           }, null, 8, ["item"])) : g("", !0),
-          /^divider$/i.test(c.type) ? (r(), p(f, {
+          /^divider$/i.test(c.type) ? (s(), p(f, {
             key: 3,
             item: c
           }, null, 8, ["item"])) : g("", !0),
-          /^cascader$/i.test(c.type) ? (r(), p(S, {
+          /^cascader$/i.test(c.type) ? (s(), p(k, {
             key: 4,
             item: c
           }, null, 8, ["item"])) : g("", !0),
-          /^checkbox$/i.test(c.type) ? (r(), p(I, {
+          /^checkbox$/i.test(c.type) ? (s(), p(I, {
             key: 5,
             item: c
           }, null, 8, ["item"])) : g("", !0),
-          /^date-picker$/i.test(c.type) ? (r(), p(z, {
+          /^date-picker$/i.test(c.type) ? (s(), p(z, {
             key: 6,
             item: c
           }, null, 8, ["item"])) : g("", !0),
-          /^input-number$/i.test(c.type) ? (r(), p(P, {
+          /^input-number$/i.test(c.type) ? (s(), p(P, {
             key: 7,
             item: c
           }, null, 8, ["item"])) : g("", !0),
           /^form-item-slot$/i.test(c.type) ? Q(e.$slots, c.name, { key: 8 }) : g("", !0),
-          /^input-mobile-verification$/i.test(c.type) ? (r(), p(h, {
+          /^input-mobile-verification$/i.test(c.type) ? (s(), p(h, {
             key: 9,
             item: c
           }, null, 8, ["item"])) : g("", !0),
-          /^input-graphic-verification$/i.test(c.type) ? (r(), p(G, {
+          /^input-graphic-verification$/i.test(c.type) ? (s(), p(G, {
             item: c,
             key: c.key
           }, null, 8, ["item"])) : g("", !0)
@@ -742,26 +744,26 @@ function Te(e, t, n, a, s, l) {
         _: 2
       }, 1032, ["label", "prop", "rules"]))), 128)),
       Q(e.$slots, "default"),
-      e.formOnly ? g("", !0) : (r(), p(F, { key: 0 }, {
+      e.formOnly ? g("", !0) : (s(), p(F, { key: 0 }, {
         default: _(() => [
-          A((r(), p(D, {
+          A((s(), p(x, {
             type: "primary",
             size: e.size,
             onClick: e.handleQuery
           }, {
-            default: _(() => t[0] || (t[0] = [
-              L("查询")
+            default: _(() => n[0] || (n[0] = [
+              D("查询")
             ])),
             _: 1
           }, 8, ["size", "onClick"])), [
             [O, e.formLoading]
           ]),
-          te(D, {
+          te(x, {
             size: e.size,
             onClick: e.resetQuery
           }, {
-            default: _(() => t[1] || (t[1] = [
-              L("重置")
+            default: _(() => n[1] || (n[1] = [
+              D("重置")
             ])),
             _: 1
           }, 8, ["size", "onClick"])
@@ -775,7 +777,7 @@ function Te(e, t, n, a, s, l) {
     [fe, e.showSearch]
   ]);
 }
-const Ue = /* @__PURE__ */ B(Ae, [["render", Te]]), Ge = ["infinite-scroll-disabled"], Me = ["infinite-scroll-disabled"], Ne = { class: "checkbox" }, Oe = /* @__PURE__ */ k({
+const Ue = /* @__PURE__ */ B(Ae, [["render", Te]]), Ge = ["infinite-scroll-disabled"], Me = ["infinite-scroll-disabled"], Ne = { class: "checkbox" }, Oe = /* @__PURE__ */ S({
   __name: "InfiniteScrollList",
   props: {
     search: {
@@ -808,15 +810,15 @@ const Ue = /* @__PURE__ */ B(Ae, [["render", Te]]), Ge = ["infinite-scroll-disab
       default: "272px"
     }
   },
-  setup(e, { expose: t }) {
-    const n = e, { search: a, id: s, name: l, extra: i, height: u } = n, o = b([]), f = b(1), S = b(!1), I = b([]), z = b(!1), P = (c, C) => {
+  setup(e, { expose: n }) {
+    const t = e, { search: a, id: r, name: l, extra: i, height: u } = t, o = v([]), f = v(1), k = v(!1), I = v([]), z = v(!1), P = (c, C) => {
       const { i: j } = c;
       return i && i !== "false" ? i(j) : "";
     }, h = (c) => {
-      I.value = c.map((C) => typeof C == "object" ? C[s] : C);
+      I.value = c.map((C) => typeof C == "object" ? C[r] : C);
     };
     ne(
-      () => n.defaultSelection,
+      () => t.defaultSelection,
       (c = [], C = []) => {
         h(c);
       },
@@ -825,51 +827,51 @@ const Ue = /* @__PURE__ */ B(Ae, [["render", Te]]), Ge = ["infinite-scroll-disab
     const G = () => {
       F(), I.value = [];
     }, F = () => {
-      f.value = 1, o.value = [], S.value = !1;
-    }, D = async () => {
-      if (z.value || S.value)
+      f.value = 1, o.value = [], k.value = !1;
+    }, x = async () => {
+      if (z.value || k.value)
         return;
       z.value = !0;
       const c = await a(f.value);
-      c && c.length > 0 ? (o.value = [...o.value, ...c], f.value += 1) : S.value = !0, z.value = !1;
+      c && c.length > 0 ? (o.value = [...o.value, ...c], f.value += 1) : k.value = !0, z.value = !1;
     }, N = () => {
-      F(), D();
+      F(), x();
     }, O = M(
-      () => o.value.filter((c) => I.value.includes(c[s]))
+      () => o.value.filter((c) => I.value.includes(c[r]))
     ) || {};
-    return t({
+    return n({
       reset: G,
       lowReset: F,
-      loadList: D,
+      loadList: x,
       selectInfo: O,
       list: o,
-      ifbottom: S,
+      ifbottom: k,
       refreshList: N,
       loading: z
     }), (c, C) => {
       const j = d("el-checkbox"), le = d("el-checkbox-group"), J = X("infinite-scroll"), ue = X("loading");
-      return n.checkbox ? A((r(), p(le, v({
+      return t.checkbox ? A((s(), p(le, b({
         key: 0,
         modelValue: I.value,
         "onUpdate:modelValue": C[0] || (C[0] = (V) => I.value = V)
-      }, n), {
+      }, t), {
         default: _(() => [
-          A((r(), $("ul", {
+          A((s(), $("ul", {
             class: "list",
-            "infinite-scroll-disabled": S.value,
+            "infinite-scroll-disabled": k.value,
             style: ye({ height: m(u) })
           }, [
-            (r(!0), $(x, null, q(o.value, (V) => (r(), $("li", {
-              key: V[m(s)],
+            (s(!0), $(L, null, q(o.value, (V) => (s(), $("li", {
+              key: V[m(r)],
               class: "list-item"
             }, [
               te(j, {
-                value: V[m(s)],
+                value: V[m(r)],
                 class: "checkbox"
               }, {
                 default: _(() => [
-                  L(E(V[m(l)]) + " ", 1),
-                  n.extra ? (r(), p(P, {
+                  D(E(V[m(l)]) + " ", 1),
+                  t.extra ? (s(), p(P, {
                     key: 0,
                     i: V
                   }, null, 8, ["i"])) : g("", !0)
@@ -878,37 +880,37 @@ const Ue = /* @__PURE__ */ B(Ae, [["render", Te]]), Ge = ["infinite-scroll-disab
               }, 1032, ["value"])
             ]))), 128))
           ], 12, Ge)), [
-            [J, D]
+            [J, x]
           ])
         ]),
         _: 1
       }, 16, ["modelValue"])), [
         [ue, z.value]
-      ]) : A((r(), $("ul", v({
+      ]) : A((s(), $("ul", b({
         key: 1,
         class: "list",
-        "infinite-scroll-disabled": S.value,
+        "infinite-scroll-disabled": k.value,
         style: { height: m(u) }
-      }, n), [
-        (r(!0), $(x, null, q(o.value, (V) => (r(), $("li", {
-          key: V[m(s)],
+      }, t), [
+        (s(!0), $(L, null, q(o.value, (V) => (s(), $("li", {
+          key: V[m(r)],
           class: "list-item"
         }, [
           he("div", Ne, [
-            L(E(V[m(l)]) + " ", 1),
-            n.extra ? (r(), p(P, {
+            D(E(V[m(l)]) + " ", 1),
+            t.extra ? (s(), p(P, {
               key: 0,
               i: V
             }, null, 8, ["i"])) : g("", !0)
           ])
         ]))), 128))
       ], 16, Me)), [
-        [J, D]
+        [J, x]
       ]);
     };
   }
 });
-const je = /* @__PURE__ */ B(Oe, [["__scopeId", "data-v-e29b1da3"]]), Ke = { key: 1 }, Qe = /* @__PURE__ */ k({
+const je = /* @__PURE__ */ B(Oe, [["__scopeId", "data-v-e29b1da3"]]), Ke = { key: 1 }, Qe = /* @__PURE__ */ S({
   __name: "Descriptions",
   props: {
     formData: {
@@ -930,52 +932,52 @@ const je = /* @__PURE__ */ B(Oe, [["__scopeId", "data-v-e29b1da3"]]), Ke = { key
     }
   },
   setup(e) {
-    const t = e, n = b([]);
+    const n = e, t = v([]);
     ne(
-      () => [t.formData, t.formItem],
+      () => [n.formData, n.formItem],
       ([i = {}, u = []]) => {
         let o = u;
-        if (t.strict)
+        if (n.strict)
           for (const f in i)
             Object.prototype.hasOwnProperty.call(i, f) && (i[f] || (o = o.filter((I) => I.prop !== f || I.render)));
-        n.value = o;
+        t.value = o;
       },
       { immediate: !0 }
     );
-    const a = T("el-descriptions-item"), s = T("descriptions-item");
-    switch (t.componentType) {
+    const a = T("el-descriptions-item"), r = T("descriptions-item");
+    switch (n.componentType) {
       case "Element Plus":
-        a.value = "el-descriptions-item", s.value = "el-descriptions-item";
+        a.value = "el-descriptions-item", r.value = "el-descriptions-item";
         break;
       case "Ant Design Vue":
-        a.value = "a-descriptions", s.value = "a-descriptions-item";
+        a.value = "a-descriptions", r.value = "a-descriptions-item";
         break;
     }
     const l = (i, u) => {
-      const { i: o, render: f, formData: S } = i;
+      const { i: o, render: f, formData: k } = i;
       return f({
-        row: S,
+        row: k,
         $index: o
       });
     };
-    return (i, u) => (r(), p(w(a.value), v({
+    return (i, u) => (s(), p(w(a.value), b({
       column: 1,
       border: "",
       class: "form-width"
     }, i.$attrs), {
       default: _(() => [
-        (r(!0), $(x, null, q(n.value, (o, f) => (r(), p(w(s.value), v({
+        (s(!0), $(L, null, q(t.value, (o, f) => (s(), p(w(r.value), b({
           key: o.prop,
           label: o.label,
           ref_for: !0
         }, o.descriptionsItemProps), {
           default: _(() => [
-            o.render ? (r(), p(l, {
+            o.render ? (s(), p(l, {
               key: 0,
               i: f,
               render: o.render,
               formData: e.formData
-            }, null, 8, ["i", "render", "formData"])) : (r(), $("span", Ke, E(e.formData[o.prop]), 1))
+            }, null, 8, ["i", "render", "formData"])) : (s(), $("span", Ke, E(e.formData[o.prop]), 1))
           ]),
           _: 2
         }, 1040, ["label"]))), 128))

package/dist/index.umd.cjs

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

package/dist/style.css

@@ -1 +1 @@
-.input-graphic-verification[data-v-fb7aa300]{display:flex;gap:12px;width:100%}.input-graphic-verification .input[data-v-fb7aa300]{flex:auto}.input-graphic-verification .graphic[data-v-fb7aa300]{width:108px;height:43px;object-fit:fill;flex:none}.verifiaction-button[data-v-f5cd774b]{width:109px}.list[data-v-e29b1da3]{overflow:auto;padding:0;margin:0}.list .checkbox[data-v-e29b1da3]{width:calc(100% - 32px);padding:0 16px}
+.input-graphic-verification[data-v-fb7aa300]{display:flex;gap:12px;width:100%}.input-graphic-verification .input[data-v-fb7aa300]{flex:auto}.input-graphic-verification .graphic[data-v-fb7aa300]{width:108px;height:43px;object-fit:fill;flex:none}.verifiaction-button[data-v-aa89c1b7]{width:109px}.list[data-v-e29b1da3]{overflow:auto;padding:0;margin:0}.list .checkbox[data-v-e29b1da3]{width:calc(100% - 32px);padding:0 16px}

package/package.json

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