general-basic-form 2.0.50 → 2.0.52

package/README.md

@@ -7,7 +7,7 @@
 | VGeneralBasicForm    | √    | √    |     | √   | √   |
 | VSearchBox           | √    |      |      |  | √ |
 | VInfiniteScrollList |      | √    |     | √   |     |
-| VDescriptions       |      | √    |     | √   |     |
+| VDescriptions       |      | √    | √ | √   |     |
 | VInputMobilecVerification | | √ | √ | √ |  |
 | VInputGraphicVerification | | √ | √ | √ |  |
 
@@ -226,10 +226,14 @@ getList会传出默认的参数,首次请求时会有页数和分页大小,重
           label: '',
           prop: 'bsName3',
           type: 'input-mobile-verification',
-          setting: {
+          inputSetting: {
             placeholder: '请输入手机验证码',
             style: 'width: 100%'
           },
+    	  buttonSetting: {
+      		type: "text",
+      		style: 'text-align: end',
+    	  },
           rules: [
             {
               message: '请输入手机验证码',
@@ -511,13 +515,14 @@ import { VDescriptions } from 'general-basic-form'
  <VDescriptions
   :formData="props.formData"
   :formItem="formItem"
+  componentType="Ant Design Vue"
   ...其他el-descriptions的配置
  />
 ```
 
 ```
-formData：Object
-formItem：[ {
+formData:Object
+formItem:[ {
       label: '受访人',
       prop: 'contactors',
       render: (scope: any) => {
@@ -530,11 +535,12 @@ formItem：[ {
     {
       label: '拜访详情',
       prop: 'detail',
-      descriptionsItemProps：{
+      descriptionsItemProps:{
        'label-class-name': 'label-class-name'
       }
   }]
-descriptionsItemProps:el-descriptions-item的配置
+componentType:"Ant Design Vue"|"Element Plus"（默认）
+descriptionsItemProps:a-descriptions-item|el-descriptions-item的配置
 ```
 
 # VInputMobilecVerification，VInputGraphicVerification表单里的图形验证码、手机验证码组件，可以单独引入
@@ -545,11 +551,9 @@ descriptionsItemProps:el-descriptions-item的配置
 <VInputMobilecVerification :item="{同表单，可忽略label和rules字段}" componentType="Ant Design Vue"></VInputMobilecVerification>
 ```
 
-componentType： 
-
-"Ant Design Vue"
-
- "Element Plus" （默认）
+```
+componentType:"Ant Design Vue"|"Element Plus"（默认）
+```
 
 ```
 此用法下必须提供：

package/dist/index.js

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

package/dist/index.umd.cjs

@@ -1 +1 @@
-(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,F){"use strict";const $={placeholder:"请输入",style:"width: 200px",clearable:!0},j={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","default");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[s,r]of n)o[s]=r;return o};function R(t,n,o,s,r,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]=l=>t.queryParams[t.item.prop]=l),size:t.size},t.inputSetting),e.createSlots({_:2},[e.renderList(t.item.template,(l,a)=>({name:a,fn:e.withCtx(()=>[l?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:a,templateEle:l},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"),s=e.ref({...$,...t.item.inputSetting,...t.item.setting});return(r,i)=>{const c=e.resolveComponent("el-input-number");return e.openBlock(),e.createBlock(c,e.mergeProps({modelValue:e.unref(n)[r.item.prop],"onUpdate:modelValue":i[0]||(i[0]=l=>e.unref(n)[r.item.prop]=l),size:e.unref(o)},s.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","default"),r=e.inject("Form").useInjectFormItemContext();return{queryParams:t,getList:n,size:o,formItemContext:r}},data(){return{inputSetting:{...$,...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 G(t,n,o,s,r,i){const c=e.resolveComponent("a-input");return e.openBlock(),e.createBlock(c,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,(l,a)=>({name:a,fn:e.withCtx(()=>[l?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:a,templateEle:l},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040,["onKeydown","onChange","value","size"])}const x=B(U,[["render",G]]),q=Symbol(),M=e.defineComponent({__name:"index",props:{imgSrc:{}},setup(t){const n=e.ref();return e.onMounted(()=>{const o=new Image,s=[],r=8,i=8;let c=0,l=0;const a=300,d=n.value,k=d.getContext("2d");o.onload=function(){d.width=o.width,d.height=o.height,l=Math.floor(o.width/r),c=Math.floor(o.height/i),g(),_()},o.src=t.imgSrc;const g=()=>{for(let h=0;h<i;h++)for(let m=0;m<r;m++)s.push({x:l*m,y:c*h,offsetX:(Math.random()-.5)*a,offsetY:(Math.random()-.5)*a})},_=()=>{k.clearRect(0,0,d.width,d.height);let h=!0;s.forEach((m,b)=>{k.drawImage(o,m.x,m.y,l,c,m.x+m.offsetX,m.y+m.offsetY,l,c),Math.abs(m.offsetX)>.5&&(h=!1,m.offsetX*=.95),Math.abs(m.offsetY)>.5&&(m.offsetY*=.95,h=!1)}),h?setTimeout(()=>{g(),_()},300):requestAnimationFrame(_)}}),(o,s)=>(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:s=()=>{},key:r}=t.item,{formLoading:i}=e.inject(q,!1),c=e.computed(()=>(i==null?void 0:i.value)||t.loading),l=async()=>{s&&!(c!=null&&c.value)&&await s()},a=e.shallowRef(V);switch(t.componentType){case"Element Plus":a.value=V;break;case"Ant Design Vue":a.value=x;break}return(d,k)=>(e.openBlock(),e.createElementBlock("div",O,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.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:l,src:e.unref(n),alt:e.unref(o)||`${e.unref(r)}`},null,8,K))]))}}),Be="",D=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),s=e.computed(()=>n.value===S),r=e.shallowRef("el-button");switch(t.componentType){case"Element Plus":r.value="el-button";break;case"Ant Design Vue":r.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()}),(l,a)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.value),{class:"verifiaction-button",style:e.normalizeStyle({color:s.value?"var(--color-primary, #409EFF)":"var(--text-color-placeholder, #A8ABB2)",cursor:s.value?"pointer":"default"}),onClick:c},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.value?S:n.value+"s"),1)]),_:1},8,["style"]))}}),Ce="",L=B(Y,[["__scopeId","data-v-9d71b690"]]),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=x,n.template={addonAfter:()=>e.h(L,{getSmscode:n.getSmscode})};break}return(s,r)=>(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,s,r,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,(l,a)=>({name:a,fn:e.withCtx(()=>[l?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:a,templateEle:l},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"),s=e.ref({...t.item.radioGroupSetting,...t.item.setting});return(r,i)=>{const c=e.resolveComponent("el-radio"),l=e.resolveComponent("el-radio-group");return e.openBlock(),e.createBlock(l,e.mergeProps({modelValue:e.unref(n)[r.item.prop],"onUpdate:modelValue":i[0]||(i[0]=a=>e.unref(n)[r.item.prop]=a),size:e.unref(o)},s.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.item.option||[],a=>(e.openBlock(),e.createBlock(c,e.mergeProps({size:e.unref(o),key:a.value,ref_for:!0},a),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.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"),s=e.ref({...t.item.checkboxGroupSetting,...t.item.setting});return(r,i)=>{const c=e.resolveComponent("el-checkbox"),l=e.resolveComponent("el-checkbox-group");return e.openBlock(),e.createBlock(l,e.mergeProps({modelValue:e.unref(n)[r.item.prop],"onUpdate:modelValue":i[0]||(i[0]=a=>e.unref(n)[r.item.prop]=a),size:e.unref(o)},s.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.item.option||[],a=>(e.openBlock(),e.createBlock(c,e.mergeProps({size:e.unref(o),key:a.value,ref_for:!0},a),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.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({...j,...t.item.datePackerSetting,...t.item.setting});return(r,i)=>{const c=e.resolveComponent("el-date-picker");return e.openBlock(),e.createBlock(c,e.mergeProps({modelValue:e.unref(n)[r.item.prop],"onUpdate:modelValue":i[0]||(i[0]=l=>e.unref(n)[r.item.prop]=l),size:e.unref(o)},s.value),null,16,["modelValue","size"])}}}),te=e.defineComponent({__name:"index",props:{item:{}},setup(t){const n=e.inject("queryParams",{}),o=e.inject("size"),s=e.ref({...z,...t.item.selectSetting,...t.item.setting});return(r,i)=>{const c=e.resolveComponent("el-option"),l=e.resolveComponent("el-select");return e.openBlock(),e.createBlock(l,e.mergeProps({modelValue:e.unref(n)[r.item.prop],"onUpdate:modelValue":i[0]||(i[0]=a=>e.unref(n)[r.item.prop]=a),size:e.unref(o)},s.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.item.option||[],a=>(e.openBlock(),e.createBlock(c,e.mergeProps({key:a.value,ref_for:!0},a),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"),s=e.ref({...z,...t.item.selectSetting,...t.item.setting});return(r,i)=>{const c=e.resolveComponent("el-cascader");return e.openBlock(),e.createBlock(c,e.mergeProps({modelValue:e.unref(n)[r.item.prop],"onUpdate:modelValue":i[0]||(i[0]=l=>e.unref(n)[r.item.prop]=l),size:e.unref(o),options:r.item.options||[]},s.value),null,16,["modelValue","size","options"])}}}),oe=e.defineComponent({name:"GeneralBasicForm",components:{Input:V,InputNumber:A,InputGraphicVerification:D,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:s}=t,r=F.useRoute(),i=e.ref({...o?{}:r==null?void 0:r.query});return e.provide("queryParams",i),e.provide("size",n),e.provide("getList",s),{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{[q]:{formLoading:e.computed(()=>this.formLoading),updateFormLoading:t=>{this.formLoading=t}}}},methods:{handleQuery(){var o;const t={page:1,limit:10},n={...(o=this.$route)==null?void 0:o.query,...this.queryParams,...t};this.noUrlParameters||this.$router.push({query:{...n}}),this.getList({...n})},async resetQuery(){var n;this.$refs.queryFormRef.resetFields();const t={page:1};this.noUrlParameters||await this.$router.push({query:{...t}}),this.queryParams={...this.noUrlParameters?{}:(n=this.$route)==null?void 0:n.query},this.afterReset(),this.handleQuery()},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 re(t,n,o,s,r,i){const c=e.resolveComponent("Input"),l=e.resolveComponent("Radio"),a=e.resolveComponent("Select"),d=e.resolveComponent("Divider"),k=e.resolveComponent("Cascader"),g=e.resolveComponent("Checkbox"),_=e.resolveComponent("DatePicker"),h=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(l,{key:1,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^select$/i.test(p.type)?(e.openBlock(),e.createBlock(a,{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(h,{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:s,id:r,name:i,extra:c}=o,l=e.ref([]),a=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):""},h=f=>{k.value=f.map(p=>typeof p=="object"?p[r]:p)};e.watch(()=>o.defaultSelection,(f=[],p=[])=>{h(f)},{immediate:!0});const m=()=>{b(),k.value=[]},b=()=>{a.value=1,l.value=[],d.value=!1},C=async()=>{if(g.value||d.value)return;g.value=!0;const f=await s(a.value);f&&f.length>0?(l.value=[...l.value,...f],a.value+=1):d.value=!0,g.value=!1},P=()=>{b(),C()},w=e.computed(()=>l.value.filter(f=>k.value.includes(f[r])))||{};return n({reset:m,lowReset:b,loadList:C,selectInfo:w,list:l,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]=y=>k.value=y)},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(l.value,y=>(e.openBlock(),e.createElementBlock("li",{key:y[e.unref(r)],class:"list-item"},[e.createVNode(I,{value:y[e.unref(r)],class:"checkbox"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(y[e.unref(i)])+" ",1),o.extra?(e.openBlock(),e.createBlock(_,{key:0,i:y},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(l.value,y=>(e.openBlock(),e.createElementBlock("li",{key:y[e.unref(r)],class:"list-item"},[e.createElementVNode("div",ae,[e.createTextVNode(e.toDisplayString(y[e.unref(i)])+" ",1),o.extra?(e.openBlock(),e.createBlock(_,{key:0,i:y},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=(s,r)=>{const{i,render:c,formData:l}=s;return c({row:l,$index:i})};return(s,r)=>{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,(l,a)=>(e.openBlock(),e.createBlock(i,e.mergeProps({key:l.prop,label:l.label,ref_for:!0},l.descriptionsItemProps),{default:e.withCtx(()=>[l.render?(e.openBlock(),e.createBlock(o,{key:0,i:a,render:l.render,formData:t.formData},null,8,["i","render","formData"])):(e.openBlock(),e.createElementBlock("span",me,e.toDisplayString(t.formData[l.prop]),1))]),_:2},1040,["label"]))),128))]),_:1},16)}}}),fe=le,ue=pe,ke=de,he=D,ye=N;u.VDescriptions=ke,u.VGeneralBasicForm=fe,u.VInfiniteScrollList=ue,u.VInputGraphicVerification=he,u.VInputMobilecVerification=ye,Object.defineProperty(u,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,F){"use strict";const w={placeholder:"请输入",style:"width: 200px",clearable:!0},j={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","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,r]of n)o[s]=r;return o};function R(t,n,o,s,r,a){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]=i=>t.queryParams[t.item.prop]=i),size:t.size},t.inputSetting),e.createSlots({_:2},[e.renderList(t.item.template,(i,l)=>({name:l,fn:e.withCtx(()=>[i?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:l,templateEle:i},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"),s=e.ref({...w,...t.item.inputSetting,...t.item.setting});return(r,a)=>{const c=e.resolveComponent("el-input-number");return e.openBlock(),e.createBlock(c,e.mergeProps({modelValue:e.unref(n)[r.item.prop],"onUpdate:modelValue":a[0]||(a[0]=i=>e.unref(n)[r.item.prop]=i),size:e.unref(o)},s.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","default"),r=e.inject("Form").useInjectFormItemContext();return{queryParams:t,getList:n,size:o,formItemContext:r}},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 G(t,n,o,s,r,a){const c=e.resolveComponent("a-input");return e.openBlock(),e.createBlock(c,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,(i,l)=>({name:l,fn:e.withCtx(()=>[i?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:l,templateEle:i},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040,["onKeydown","onChange","value","size"])}const D=B(U,[["render",G]]),x=Symbol(),M=e.defineComponent({__name:"index",props:{imgSrc:{}},setup(t){const n=e.ref();return e.onMounted(()=>{const o=new Image,s=[],r=8,a=8;let c=0,i=0;const l=300,m=n.value,k=m.getContext("2d");o.onload=function(){m.width=o.width,m.height=o.height,i=Math.floor(o.width/r),c=Math.floor(o.height/a),g(),_()},o.src=t.imgSrc;const g=()=>{for(let h=0;h<a;h++)for(let d=0;d<r;d++)s.push({x:i*d,y:c*h,offsetX:(Math.random()-.5)*l,offsetY:(Math.random()-.5)*l})},_=()=>{k.clearRect(0,0,m.width,m.height);let h=!0;s.forEach((d,b)=>{k.drawImage(o,d.x,d.y,i,c,d.x+d.offsetX,d.y+d.offsetY,i,c),Math.abs(d.offsetX)>.5&&(h=!1,d.offsetX*=.95),Math.abs(d.offsetY)>.5&&(d.offsetY*=.95,h=!1)}),h?setTimeout(()=>{g(),_()},300):requestAnimationFrame(_)}}),(o,s)=>(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:s=()=>{},key:r}=t.item,{formLoading:a}=e.inject(x,!1),c=e.computed(()=>(a==null?void 0:a.value)||t.loading),i=async()=>{s&&!(c!=null&&c.value)&&await s()},l=e.shallowRef(V);switch(t.componentType){case"Element Plus":l.value=V;break;case"Ant Design Vue":l.value=D;break}return(m,k)=>(e.openBlock(),e.createElementBlock("div",O,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.value),{item:m.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:i,src:e.unref(n),alt:e.unref(o)||`${e.unref(r)}`},null,8,K))]))}}),Be="",q=B(Q,[["__scopeId","data-v-f76fdd37"]]),S="获取验证码",X=60,Y=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),r=e.shallowRef("el-button");switch(t.componentType){case"Element Plus":r.value="el-button";break;case"Ant Design Vue":r.value="a-button";break}const a=()=>{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){a();return}else n.value=Number(n.value)-1},1e3),t.getSmscode)await t.getSmscode()===!1&&a();else return};e.onBeforeUnmount(()=>{a()});const i={...t.item.buttonSetting};return(l,m)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.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:c},i),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.value?S:n.value+"s"),1)]),_:1},16,["style"]))}}),Ce="",L=B(Y,[["__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(L,{getSmscode:n.getSmscode,item:t.item})};break;case"Ant Design Vue":o.value=D,n.template={suffix:()=>e.h(L,{getSmscode:n.getSmscode,item:t.item})};break}return(s,r)=>(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,s,r,a){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,(i,l)=>({name:l,fn:e.withCtx(()=>[i?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:l,templateEle:i},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"),s=e.ref({...t.item.radioGroupSetting,...t.item.setting});return(r,a)=>{const c=e.resolveComponent("el-radio"),i=e.resolveComponent("el-radio-group");return e.openBlock(),e.createBlock(i,e.mergeProps({modelValue:e.unref(n)[r.item.prop],"onUpdate:modelValue":a[0]||(a[0]=l=>e.unref(n)[r.item.prop]=l),size:e.unref(o)},s.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.item.option||[],l=>(e.openBlock(),e.createBlock(c,e.mergeProps({size:e.unref(o),key:l.value,ref_for:!0},l),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.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"),s=e.ref({...t.item.checkboxGroupSetting,...t.item.setting});return(r,a)=>{const c=e.resolveComponent("el-checkbox"),i=e.resolveComponent("el-checkbox-group");return e.openBlock(),e.createBlock(i,e.mergeProps({modelValue:e.unref(n)[r.item.prop],"onUpdate:modelValue":a[0]||(a[0]=l=>e.unref(n)[r.item.prop]=l),size:e.unref(o)},s.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.item.option||[],l=>(e.openBlock(),e.createBlock(c,e.mergeProps({size:e.unref(o),key:l.value,ref_for:!0},l),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.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({...j,...t.item.datePackerSetting,...t.item.setting});return(r,a)=>{const c=e.resolveComponent("el-date-picker");return e.openBlock(),e.createBlock(c,e.mergeProps({modelValue:e.unref(n)[r.item.prop],"onUpdate:modelValue":a[0]||(a[0]=i=>e.unref(n)[r.item.prop]=i),size:e.unref(o)},s.value),null,16,["modelValue","size"])}}}),te=e.defineComponent({__name:"index",props:{item:{}},setup(t){const n=e.inject("queryParams",{}),o=e.inject("size"),s=e.ref({...z,...t.item.selectSetting,...t.item.setting});return(r,a)=>{const c=e.resolveComponent("el-option"),i=e.resolveComponent("el-select");return e.openBlock(),e.createBlock(i,e.mergeProps({modelValue:e.unref(n)[r.item.prop],"onUpdate:modelValue":a[0]||(a[0]=l=>e.unref(n)[r.item.prop]=l),size:e.unref(o)},s.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.item.option||[],l=>(e.openBlock(),e.createBlock(c,e.mergeProps({key:l.value,ref_for:!0},l),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"),s=e.ref({...z,...t.item.selectSetting,...t.item.setting});return(r,a)=>{const c=e.resolveComponent("el-cascader");return e.openBlock(),e.createBlock(c,e.mergeProps({modelValue:e.unref(n)[r.item.prop],"onUpdate:modelValue":a[0]||(a[0]=i=>e.unref(n)[r.item.prop]=i),size:e.unref(o),options:r.item.options||[]},s.value),null,16,["modelValue","size","options"])}}}),oe=e.defineComponent({name:"GeneralBasicForm",components:{Input:V,InputNumber:A,InputGraphicVerification:q,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:s}=t,r=F.useRoute(),a=e.ref({...o?{}:r==null?void 0:r.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{[x]:{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 re(t,n,o,s,r,a){const c=e.resolveComponent("Input"),i=e.resolveComponent("Radio"),l=e.resolveComponent("Select"),m=e.resolveComponent("Divider"),k=e.resolveComponent("Cascader"),g=e.resolveComponent("Checkbox"),_=e.resolveComponent("DatePicker"),h=e.resolveComponent("InputNumber"),d=e.resolveComponent("InputMobileVerification"),b=e.resolveComponent("InputGraphicVerification"),C=e.resolveComponent("el-form-item"),P=e.resolveComponent("el-button"),$=e.resolveComponent("el-form"),f=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(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(i,{key:1,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^select$/i.test(p.type)?(e.openBlock(),e.createBlock(l,{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(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(h,{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(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 ie=B(oe,[["render",re]]),le=["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:s,id:r,name:a,extra:c}=o,i=e.ref([]),l=e.ref(1),m=e.ref(!1),k=e.ref([]),g=e.ref(!1),_=(f,p)=>{const{i:I}=f;return c&&c!=="false"?c(I):""},h=f=>{k.value=f.map(p=>typeof p=="object"?p[r]:p)};e.watch(()=>o.defaultSelection,(f=[],p=[])=>{h(f)},{immediate:!0});const d=()=>{b(),k.value=[]},b=()=>{l.value=1,i.value=[],m.value=!1},C=async()=>{if(g.value||m.value)return;g.value=!0;const f=await s(l.value);f&&f.length>0?(i.value=[...i.value,...f],l.value+=1):m.value=!0,g.value=!1},P=()=>{b(),C()},$=e.computed(()=>i.value.filter(f=>k.value.includes(f[r])))||{};return n({reset:d,lowReset:b,loadList:C,selectInfo:$,list:i,ifbottom:m,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]=y=>k.value=y)},o),{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createElementBlock("ul",{class:"list","infinite-scroll-disabled":m.value},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,y=>(e.openBlock(),e.createElementBlock("li",{key:y[e.unref(r)],class:"list-item"},[e.createVNode(I,{value:y[e.unref(r)],class:"checkbox"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(y[e.unref(a)])+" ",1),o.extra?(e.openBlock(),e.createBlock(_,{key:0,i:y},null,8,["i"])):e.createCommentVNode("",!0)]),_:2},1032,["value"])]))),128))],8,le)),[[E,C]])]),_:1},16,["modelValue"])),[[_e,g.value]]):e.withDirectives((e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:1,class:"list","infinite-scroll-disabled":m.value},o),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,y=>(e.openBlock(),e.createElementBlock("li",{key:y[e.unref(r)],class:"list-item"},[e.createElementVNode("div",ae,[e.createTextVNode(e.toDisplayString(y[e.unref(a)])+" ",1),o.extra?(e.openBlock(),e.createBlock(_,{key:0,i:y},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},componentType:{type:String,default:"Element Plus"}},setup(t){const n=t,o=e.shallowRef("el-descriptions-item"),s=e.shallowRef("descriptions-item");switch(n.componentType){case"Element Plus":o.value="el-descriptions-item",s.value="el-descriptions-item";break;case"Ant Design Vue":o.value="a-descriptions",s.value="a-descriptions-item";break}const r=(a,c)=>{const{i,render:l,formData:m}=a;return l({row:m,$index:i})};return(a,c)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.value),e.mergeProps({column:1,border:"",class:"form-width"},a.$attrs),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.formItem,(i,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.value),e.mergeProps({key:i.prop,label:i.label,ref_for:!0},i.descriptionsItemProps),{default:e.withCtx(()=>[i.render?(e.openBlock(),e.createBlock(r,{key:0,i:l,render:i.render,formData:t.formData},null,8,["i","render","formData"])):(e.openBlock(),e.createElementBlock("span",me,e.toDisplayString(t.formData[i.prop]),1))]),_:2},1040,["label"]))),128))]),_:1},16))}}),fe=ie,ue=pe,ke=de,he=q,ye=N;u.VDescriptions=ke,u.VGeneralBasicForm=fe,u.VInfiniteScrollList=ue,u.VInputGraphicVerification=he,u.VInputMobilecVerification=ye,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})});

package/dist/style.css

@@ -1 +1 @@
-.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-9d71b690]{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-f5cd774b]{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.50",
+  "version": "2.0.52",
   "description": "",
   "main": "./dist/index.umd.cjs",
   "type": "module",