general-basic-form 2.0.61 → 2.0.62

package/README.md

@@ -11,6 +11,7 @@
 | VInputMobilecVerification | | √ | √ | √ |  |
 | VInputGraphicVerification | | √ | √ | √ |  |
 | VTreeTransfer | √ |  |  |  | √ |
+| VTabs | √ | | | | √ |
 
 示例:
 

package/dist/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as S, inject as y, resolveComponent as d, openBlock as s, createBlock as p, mergeProps as b, withKeys as te, createSlots as Y, renderList as q, withCtx as g, resolveDynamicComponent as w, createCommentVNode as _, ref as v, unref as m, onMounted as pe, createElementBlock as $, computed as N, shallowRef as O, onBeforeUnmount as me, createTextVNode as x, toDisplayString as T, h as H, normalizeProps as de, guardReactiveProps as fe, Fragment as L, provide as Q, resolveDirective as X, withDirectives as R, renderSlot as K, createVNode as ne, vShow as ye, watch as oe, normalizeStyle as he, createElementVNode as ge } from "vue";
+import { defineComponent as S, inject as y, resolveComponent as d, openBlock as s, createBlock as p, mergeProps as b, withKeys as te, createSlots as Y, renderList as q, withCtx as g, resolveDynamicComponent as w, createCommentVNode as _, ref as v, unref as m, onMounted as pe, createElementBlock as P, computed as U, shallowRef as O, onBeforeUnmount as me, createTextVNode as x, toDisplayString as T, h as H, normalizeProps as de, guardReactiveProps as fe, Fragment as L, provide as M, resolveDirective as X, withDirectives as R, renderSlot as Q, createVNode as ne, vShow as ye, watch as re, normalizeStyle as he, createElementVNode as ge } from "vue";
 import { useRoute as _e } from "vue-router";
 const J = {
   placeholder: "请输入",
@@ -9,7 +9,7 @@ const J = {
   "start-placeholder": "开始日期",
   "end-placeholder": "结束日期",
   type: "daterange"
-}, re = {
+}, oe = {
   placeholder: "请选择",
   filterable: !0,
   clearable: !0,
@@ -57,11 +57,11 @@ const J = {
   // },
 }), B = (e, t) => {
   const n = e.__vccOpts || e;
-  for (const [i, r] of t)
-    n[i] = r;
+  for (const [i, o] of t)
+    n[i] = o;
   return n;
 };
-function ke(e, t, n, i, r, l) {
+function ke(e, t, n, i, o, l) {
   const a = d("el-input");
   return s(), p(a, b({
     onKeydown: te(e.getList, ["enter"]),
@@ -69,11 +69,11 @@ function ke(e, t, n, i, r, l) {
     "onUpdate:modelValue": t[0] || (t[0] = (u) => e.queryParams[e.item.prop] = u),
     size: e.size
   }, e.inputSetting), Y({ _: 2 }, [
-    q(e.item.template, (u, o) => ({
-      name: o,
+    q(e.item.template, (u, r) => ({
+      name: r,
       fn: g(() => [
         u ? (s(), p(w(e.currentInputComponent()), {
-          key: o,
+          key: r,
           templateEle: u
         }, null, 8, ["templateEle"])) : _("", !0)
       ])
@@ -91,16 +91,16 @@ const A = /* @__PURE__ */ B(be, [["render", ke]]), Se = /* @__PURE__ */ S({
       ...e.item.inputSetting,
       ...e.item.setting
     });
-    return (r, l) => {
+    return (o, l) => {
       const a = d("el-input-number");
       return s(), p(a, b({
-        modelValue: m(t)[r.item.prop],
-        "onUpdate:modelValue": l[0] || (l[0] = (u) => m(t)[r.item.prop] = u),
+        modelValue: m(t)[o.item.prop],
+        "onUpdate:modelValue": l[0] || (l[0] = (u) => m(t)[o.item.prop] = u),
         size: m(n)
       }, i.value), null, 16, ["modelValue", "size"]);
     };
   }
-}), $e = S({
+}), Pe = S({
   components: {
     InputArchive: (e) => {
       const { templateEle: t } = e;
@@ -113,8 +113,8 @@ const A = /* @__PURE__ */ B(be, [["render", ke]]), Se = /* @__PURE__ */ S({
   },
   setup() {
     const e = y("queryParams", {}), t = y("getList", () => {
-    }), n = y("size", "default"), r = y("Form").useInjectFormItemContext();
-    return { queryParams: e, getList: t, size: n, formItemContext: r };
+    }), n = y("size", "default"), o = y("Form").useInjectFormItemContext();
+    return { queryParams: e, getList: t, size: n, formItemContext: o };
   },
   data() {
     return {
@@ -146,7 +146,7 @@ const A = /* @__PURE__ */ B(be, [["render", ke]]), Se = /* @__PURE__ */ S({
   //   },
   // },
 });
-function Pe(e, t, n, i, r, l) {
+function $e(e, t, n, i, o, l) {
   const a = d("a-input");
   return s(), p(a, b({
     onKeydown: te(e.getList, ["enter"]),
@@ -154,18 +154,18 @@ function Pe(e, t, n, i, r, l) {
     value: e.queryParams[e.item.prop],
     size: e.size
   }, e.inputSetting), Y({ _: 2 }, [
-    q(e.item.template, (u, o) => ({
-      name: o,
+    q(e.item.template, (u, r) => ({
+      name: r,
       fn: g(() => [
         u ? (s(), p(w(e.currentInputComponent()), {
-          key: o,
+          key: r,
           templateEle: u
         }, null, 8, ["templateEle"])) : _("", !0)
       ])
     }))
   ]), 1040, ["onKeydown", "onChange", "value", "size"]);
 }
-const se = /* @__PURE__ */ B($e, [["render", Pe]]), ae = Symbol(), Ie = /* @__PURE__ */ S({
+const se = /* @__PURE__ */ B(Pe, [["render", $e]]), ae = Symbol(), Ie = /* @__PURE__ */ S({
   __name: "index",
   props: {
     imgSrc: {}
@@ -173,31 +173,31 @@ const se = /* @__PURE__ */ B($e, [["render", Pe]]), ae = Symbol(), Ie = /* @__PU
   setup(e) {
     const t = v();
     return pe(() => {
-      const n = new Image(), i = [], r = 8, l = 8;
+      const n = new Image(), i = [], o = 8, l = 8;
       let a = 0, u = 0;
-      const o = 300, f = t.value, k = f.getContext("2d");
+      const r = 300, f = t.value, k = f.getContext("2d");
       n.onload = function() {
-        f.width = n.width, f.height = n.height, u = Math.floor(n.width / r), a = Math.floor(n.height / l), P(), z();
+        f.width = n.width, f.height = n.height, u = Math.floor(n.width / o), a = Math.floor(n.height / l), $(), z();
       }, n.src = e.imgSrc;
-      const P = () => {
+      const $ = () => {
         for (let I = 0; I < l; I++)
-          for (let h = 0; h < r; h++)
+          for (let h = 0; h < o; h++)
             i.push({
               x: u * h,
               y: a * I,
-              offsetX: (Math.random() - 0.5) * o,
-              offsetY: (Math.random() - 0.5) * o
+              offsetX: (Math.random() - 0.5) * r,
+              offsetY: (Math.random() - 0.5) * r
             });
       }, z = () => {
         k.clearRect(0, 0, f.width, f.height);
         let I = !0;
-        i.forEach((h, U) => {
+        i.forEach((h, N) => {
           k.drawImage(n, h.x, h.y, u, a, h.x + h.offsetX, h.y + h.offsetY, u, a), Math.abs(h.offsetX) > 0.5 && (I = !1, h.offsetX *= 0.95), Math.abs(h.offsetY) > 0.5 && (h.offsetY *= 0.95, I = !1);
         }), I ? setTimeout(() => {
-          P(), z();
+          $(), z();
         }, 300) : requestAnimationFrame(z);
       };
-    }), (n, i) => (s(), $("canvas", {
+    }), (n, i) => (s(), P("canvas", {
       ref_key: "loadingCanvas",
       ref: t
     }, null, 512));
@@ -215,20 +215,20 @@ const se = /* @__PURE__ */ B($e, [["render", Pe]]), ae = Symbol(), Ie = /* @__PU
       graphicAlt: n = "",
       getGraphic: i = () => {
       },
-      key: r
-    } = e.item, { formLoading: l } = y(ae, !1), a = N(() => (l == null ? void 0 : l.value) || e.loading), u = async () => {
+      key: o
+    } = e.item, { formLoading: l } = y(ae, !1), a = U(() => (l == null ? void 0 : l.value) || e.loading), u = async () => {
       i && !(a != null && a.value) && await i();
-    }, o = O(A);
+    }, r = O(A);
     switch (e.componentType) {
       case "Element Plus":
-        o.value = A;
+        r.value = A;
         break;
       case "Ant Design Vue":
-        o.value = se;
+        r.value = se;
         break;
     }
-    return (f, k) => (s(), $("div", ze, [
-      (s(), p(w(o.value), {
+    return (f, k) => (s(), P("div", ze, [
+      (s(), p(w(r.value), {
         item: f.item,
         class: "input"
       }, null, 8, ["item"])),
@@ -236,12 +236,12 @@ const se = /* @__PURE__ */ B($e, [["render", Pe]]), ae = Symbol(), Ie = /* @__PU
         key: 0,
         class: "graphic",
         imgSrc: m(t)
-      }, null, 8, ["imgSrc"])) : (s(), $("img", {
+      }, null, 8, ["imgSrc"])) : (s(), P("img", {
         key: 1,
         class: "graphic",
         onClick: u,
         src: m(t),
-        alt: m(n) || `${m(r)}`
+        alt: m(n) || `${m(o)}`
       }, null, 8, Ve))
     ]));
   }
@@ -254,7 +254,7 @@ const ie = /* @__PURE__ */ B(qe, [["__scopeId", "data-v-fb7aa300"]]), E = "获
     item: {}
   },
   setup(e, { expose: t }) {
-    const n = v(E), i = v(null), r = N(() => n.value === E), l = O("el-button");
+    const n = v(E), i = v(null), o = U(() => n.value === E), l = O("el-button");
     switch (e.componentType) {
       case "Element Plus":
         l.value = "el-button";
@@ -281,17 +281,17 @@ const ie = /* @__PURE__ */ B(qe, [["__scopeId", "data-v-fb7aa300"]]), E = "获
     me(() => {
       a();
     });
-    const o = { ...e.item.buttonSetting };
+    const r = { ...e.item.buttonSetting };
     return t({ buttonClick: u, reset: a }), (f, k) => (s(), p(w(l.value), b({
       class: "verifiaction-button",
       style: {
-        color: r.value ? "var(--color-primary, #409EFF)" : "var(--text-color-placeholder, #A8ABB2)",
-        cursor: r.value ? "pointer" : "default"
+        color: o.value ? "var(--color-primary, #409EFF)" : "var(--text-color-placeholder, #A8ABB2)",
+        cursor: o.value ? "pointer" : "default"
       },
       onClick: u
-    }, o), {
+    }, r), {
       default: g(() => [
-        x(T(r.value ? E : n.value + "s"), 1)
+        x(T(o.value ? E : n.value + "s"), 1)
       ]),
       _: 1
     }, 16, ["style"]));
@@ -304,14 +304,14 @@ const Z = /* @__PURE__ */ B(we, [["__scopeId", "data-v-aa89c1b7"]]), le = /* @__
     componentType: { default: "Element Plus" }
   },
   setup(e, { expose: t }) {
-    const n = e.item, i = O(A), r = v();
+    const n = e.item, i = O(A), o = v();
     switch (e.componentType) {
       case "Element Plus":
         i.value = A, n.template = {
           append: () => H(Z, {
             getSmscode: n.getSmscode,
             item: e.item,
-            ref: r
+            ref: o
           })
         };
         break;
@@ -320,12 +320,12 @@ const Z = /* @__PURE__ */ B(we, [["__scopeId", "data-v-aa89c1b7"]]), le = /* @__
           suffix: () => H(Z, {
             getSmscode: n.getSmscode,
             item: e.item,
-            ref: r
+            ref: o
           })
         };
         break;
     }
-    return t({ VerificationButtonRef: r }), (l, a) => (s(), p(w(i.value), {
+    return t({ VerificationButtonRef: o }), (l, a) => (s(), p(w(i.value), {
       item: m(n),
       class: "input"
     }, null, 8, ["item"]));
@@ -357,14 +357,14 @@ const Z = /* @__PURE__ */ B(we, [["__scopeId", "data-v-aa89c1b7"]]), le = /* @__
     }
   }
 });
-function xe(e, t, n, i, r, l) {
+function xe(e, t, n, i, o, l) {
   const a = d("el-divider");
   return s(), p(a, de(fe(e.dividerSetting)), Y({ _: 2 }, [
-    q(e.item.template, (u, o) => ({
-      name: o,
+    q(e.item.template, (u, r) => ({
+      name: r,
       fn: g(() => [
         u ? (s(), p(w(e.currentInputComponent()), {
-          key: o,
+          key: r,
           templateEle: u
         }, null, 8, ["templateEle"])) : _("", !0)
       ])
@@ -381,21 +381,21 @@ const Le = /* @__PURE__ */ B(De, [["render", xe]]), Be = /* @__PURE__ */ S({
       ...e.item.radioGroupSetting,
       ...e.item.setting
     });
-    return (r, l) => {
+    return (o, l) => {
       const a = d("el-radio"), u = d("el-radio-group");
       return s(), p(u, b({
-        modelValue: m(t)[r.item.prop],
-        "onUpdate:modelValue": l[0] || (l[0] = (o) => m(t)[r.item.prop] = o),
+        modelValue: m(t)[o.item.prop],
+        "onUpdate:modelValue": l[0] || (l[0] = (r) => m(t)[o.item.prop] = r),
         size: m(n)
       }, i.value), {
         default: g(() => [
-          (s(!0), $(L, null, q(r.item.option || [], (o) => (s(), p(a, b({
+          (s(!0), P(L, null, q(o.item.option || [], (r) => (s(), p(a, b({
             size: m(n),
-            key: o.value,
+            key: r.value,
             ref_for: !0
-          }, o), {
+          }, r), {
             default: g(() => [
-              x(T(o.label), 1)
+              x(T(r.label), 1)
             ]),
             _: 2
           }, 1040, ["size"]))), 128))
@@ -414,21 +414,21 @@ const Le = /* @__PURE__ */ B(De, [["render", xe]]), Be = /* @__PURE__ */ S({
       ...e.item.checkboxGroupSetting,
       ...e.item.setting
     });
-    return (r, l) => {
+    return (o, l) => {
       const a = d("el-checkbox"), u = d("el-checkbox-group");
       return s(), p(u, b({
-        modelValue: m(t)[r.item.prop],
-        "onUpdate:modelValue": l[0] || (l[0] = (o) => m(t)[r.item.prop] = o),
+        modelValue: m(t)[o.item.prop],
+        "onUpdate:modelValue": l[0] || (l[0] = (r) => m(t)[o.item.prop] = r),
         size: m(n)
       }, i.value), {
         default: g(() => [
-          (s(!0), $(L, null, q(r.item.option || [], (o) => (s(), p(a, b({
+          (s(!0), P(L, null, q(o.item.option || [], (r) => (s(), p(a, b({
             size: m(n),
-            key: o.value,
+            key: r.value,
             ref_for: !0
-          }, o), {
+          }, r), {
             default: g(() => [
-              x(T(o.label), 1)
+              x(T(r.label), 1)
             ]),
             _: 2
           }, 1040, ["size"]))), 128))
@@ -448,11 +448,11 @@ const Le = /* @__PURE__ */ B(De, [["render", xe]]), Be = /* @__PURE__ */ S({
       ...e.item.datePackerSetting,
       ...e.item.setting
     });
-    return (r, l) => {
+    return (o, l) => {
       const a = d("el-date-picker");
       return s(), p(a, b({
-        modelValue: m(t)[r.item.prop],
-        "onUpdate:modelValue": l[0] || (l[0] = (u) => m(t)[r.item.prop] = u),
+        modelValue: m(t)[o.item.prop],
+        "onUpdate:modelValue": l[0] || (l[0] = (u) => m(t)[o.item.prop] = u),
         size: m(n)
       }, i.value), null, 16, ["modelValue", "size"]);
     };
@@ -464,22 +464,22 @@ const Le = /* @__PURE__ */ B(De, [["render", xe]]), Be = /* @__PURE__ */ S({
   },
   setup(e) {
     const t = y("queryParams", {}), n = y("size"), i = v({
-      ...re,
+      ...oe,
       ...e.item.selectSetting,
       ...e.item.setting
     });
-    return (r, l) => {
+    return (o, l) => {
       const a = d("el-option"), u = d("el-select");
       return s(), p(u, b({
-        modelValue: m(t)[r.item.prop],
-        "onUpdate:modelValue": l[0] || (l[0] = (o) => m(t)[r.item.prop] = o),
+        modelValue: m(t)[o.item.prop],
+        "onUpdate:modelValue": l[0] || (l[0] = (r) => m(t)[o.item.prop] = r),
         size: m(n)
       }, i.value), {
         default: g(() => [
-          (s(!0), $(L, null, q(r.item.option || [], (o) => (s(), p(a, b({
-            key: o.value,
+          (s(!0), P(L, null, q(o.item.option || [], (r) => (s(), p(a, b({
+            key: r.value,
             ref_for: !0
-          }, o), null, 16))), 128))
+          }, r), null, 16))), 128))
         ]),
         _: 1
       }, 16, ["modelValue", "size"]);
@@ -492,17 +492,17 @@ const Le = /* @__PURE__ */ B(De, [["render", xe]]), Be = /* @__PURE__ */ S({
   },
   setup(e) {
     const t = y("queryParams", {}), n = y("size"), i = v({
-      ...re,
+      ...oe,
       ...e.item.selectSetting,
       ...e.item.setting
     });
-    return (r, l) => {
+    return (o, l) => {
       const a = d("el-cascader");
       return s(), p(a, b({
-        modelValue: m(t)[r.item.prop],
-        "onUpdate:modelValue": l[0] || (l[0] = (u) => m(t)[r.item.prop] = u),
+        modelValue: m(t)[o.item.prop],
+        "onUpdate:modelValue": l[0] || (l[0] = (u) => m(t)[o.item.prop] = u),
         size: m(n),
-        options: r.item.options || []
+        options: o.item.options || []
       }, i.value), null, 16, ["modelValue", "size", "options"]);
     };
   }
@@ -523,7 +523,7 @@ const Le = /* @__PURE__ */ B(De, [["render", xe]]), Be = /* @__PURE__ */ S({
       }
     }
   return e;
-}, Ue = { paramsToQuery: Oe, queryToData: Ae }, ee = Ue, Ne = S({
+}, Ne = { paramsToQuery: Oe, queryToData: Ae }, ee = Ne, Ue = S({
   name: "GeneralBasicForm",
   components: {
     Input: A,
@@ -595,6 +595,22 @@ const Le = /* @__PURE__ */ B(De, [["render", xe]]), Be = /* @__PURE__ */ S({
       // 用于判断input框是否校验仅空格
       type: Boolean,
       default: () => !1
+    },
+    currentPageKey: {
+      type: String,
+      default: "page"
+    },
+    pageSizeKey: {
+      type: String,
+      default: "limit"
+    },
+    defCurrentPage: {
+      type: Number,
+      default: 1
+    },
+    defPageSize: {
+      type: Number,
+      default: 10
     }
   },
   data() {
@@ -604,20 +620,20 @@ const Le = /* @__PURE__ */ B(De, [["render", xe]]), Be = /* @__PURE__ */ S({
     };
   },
   setup(e) {
-    const { size: t, noUrlParameters: n, getList: i } = e, r = _e(), l = v({
-      ...n ? {} : ee.queryToData(r == null ? void 0 : r.query)
+    const { size: t, noUrlParameters: n, getList: i } = e, o = _e(), l = v({
+      ...n ? {} : ee.queryToData(o == null ? void 0 : o.query)
     });
-    return Q(
+    return M(
       /* 注入名 */
       "queryParams",
       /* 值 */
       l
-    ), Q(
+    ), M(
       /* 注入名 */
       "size",
       /* 值 */
       t
-    ), Q(
+    ), M(
       /* 注入名 */
       "getList",
       /* 值 */
@@ -630,7 +646,7 @@ const Le = /* @__PURE__ */ B(De, [["render", xe]]), Be = /* @__PURE__ */ S({
     formData: {
       handler(e, t) {
         JSON.stringify(e) !== JSON.stringify(t) && (this.queryParams = {
-          ...this.noUrlParameters ? {} : this.queryParams,
+          ...this.queryParams,
           ...e
         });
       },
@@ -656,7 +672,7 @@ const Le = /* @__PURE__ */ B(De, [["render", xe]]), Be = /* @__PURE__ */ S({
     return {
       // 显式提供一个计算属性
       [ae]: {
-        formLoading: N(() => this.formLoading),
+        formLoading: U(() => this.formLoading),
         updateFormLoading: (e) => {
           this.formLoading = e;
         }
@@ -667,7 +683,7 @@ const Le = /* @__PURE__ */ B(De, [["render", xe]]), Be = /* @__PURE__ */ S({
     /** 搜索按钮操作 */
     handleQuery() {
       var n;
-      const e = { page: 1, limit: 10 }, t = ee.paramsToQuery({
+      const e = { [this.currentPageKey]: this.defCurrentPage, [this.pageSizeKey]: this.defPageSize }, t = ee.paramsToQuery({
         ...(n = this.$route) == null ? void 0 : n.query,
         ...this.queryParams,
         ...e
@@ -682,7 +698,7 @@ const Le = /* @__PURE__ */ B(De, [["render", xe]]), Be = /* @__PURE__ */ S({
     async resetQuery() {
       var t;
       this.$refs.queryFormRef.resetFields();
-      const e = { page: 1 };
+      const e = { [this.currentPageKey]: this.defCurrentPage };
       this.noUrlParameters || await this.$router.push({
         query: { ...e }
       }), this.queryParams = {
@@ -699,8 +715,8 @@ const Le = /* @__PURE__ */ B(De, [["render", xe]]), Be = /* @__PURE__ */ S({
     }
   }
 });
-function je(e, t, n, i, r, l) {
-  const a = d("Input"), u = d("Radio"), o = d("Select"), f = d("Divider"), k = d("Cascader"), P = d("Checkbox"), z = d("DatePicker"), I = d("InputNumber"), h = d("InputMobileVerification"), U = d("InputGraphicVerification"), F = d("el-form-item"), D = d("el-button"), j = d("el-form"), G = X("loading");
+function je(e, t, n, i, o, l) {
+  const a = d("Input"), u = d("Radio"), r = d("Select"), f = d("Divider"), k = d("Cascader"), $ = d("Checkbox"), z = d("DatePicker"), I = d("InputNumber"), h = d("InputMobileVerification"), N = d("InputGraphicVerification"), F = d("el-form-item"), D = d("el-button"), j = d("el-form"), G = X("loading");
   return R((s(), p(j, b({
     model: e.queryParams,
     ref: "queryFormRef",
@@ -709,7 +725,7 @@ function je(e, t, n, i, r, l) {
     "label-width": e.labelWidth
   }, e.$attrs), {
     default: g(() => [
-      (s(!0), $(L, null, q(e.formItem, (c) => (s(), p(F, {
+      (s(!0), P(L, null, q(e.formItem, (c) => (s(), p(F, {
         label: c.label,
         prop: c.prop,
         key: c.prop,
@@ -724,7 +740,7 @@ function je(e, t, n, i, r, l) {
             key: 1,
             item: c
           }, null, 8, ["item"])) : _("", !0),
-          /^select$/i.test(c.type) ? (s(), p(o, {
+          /^select$/i.test(c.type) ? (s(), p(r, {
             key: 2,
             item: c
           }, null, 8, ["item"])) : _("", !0),
@@ -736,7 +752,7 @@ function je(e, t, n, i, r, l) {
             key: 4,
             item: c
           }, null, 8, ["item"])) : _("", !0),
-          /^checkbox$/i.test(c.type) ? (s(), p(P, {
+          /^checkbox$/i.test(c.type) ? (s(), p($, {
             key: 5,
             item: c
           }, null, 8, ["item"])) : _("", !0),
@@ -748,19 +764,19 @@ function je(e, t, n, i, r, l) {
             key: 7,
             item: c
           }, null, 8, ["item"])) : _("", !0),
-          /^form-item-slot$/i.test(c.type) ? K(e.$slots, c.name, { key: 8 }) : _("", !0),
+          /^form-item-slot$/i.test(c.type) ? Q(e.$slots, c.name, { key: 8 }) : _("", !0),
           /^input-mobile-verification$/i.test(c.type) ? (s(), p(h, {
             key: 9,
             item: c
           }, null, 8, ["item"])) : _("", !0),
-          /^input-graphic-verification$/i.test(c.type) ? (s(), p(U, {
+          /^input-graphic-verification$/i.test(c.type) ? (s(), p(N, {
             item: c,
             key: c.key
           }, null, 8, ["item"])) : _("", !0)
         ]),
         _: 2
       }, 1032, ["label", "prop", "rules"]))), 128)),
-      K(e.$slots, "default"),
+      Q(e.$slots, "default"),
       e.formOnly ? _("", !0) : (s(), p(F, { key: 0 }, {
         default: g(() => [
           R((s(), p(D, {
@@ -787,14 +803,14 @@ function je(e, t, n, i, r, l) {
         ]),
         _: 1
       })),
-      K(e.$slots, "behind-the-button")
+      Q(e.$slots, "behind-the-button")
     ]),
     _: 3
   }, 16, ["model", "label-width"])), [
     [ye, e.showSearch]
   ]);
 }
-const Ge = /* @__PURE__ */ B(Ne, [["render", je]]), Me = ["infinite-scroll-disabled"], Qe = ["infinite-scroll-disabled"], Ke = { class: "checkbox" }, Xe = /* @__PURE__ */ S({
+const Ge = /* @__PURE__ */ B(Ue, [["render", je]]), Ke = ["infinite-scroll-disabled"], Me = ["infinite-scroll-disabled"], Qe = { class: "checkbox" }, Xe = /* @__PURE__ */ S({
   __name: "InfiniteScrollList",
   props: {
     search: {
@@ -828,62 +844,62 @@ const Ge = /* @__PURE__ */ B(Ne, [["render", je]]), Me = ["infinite-scroll-disab
     }
   },
   setup(e, { expose: t }) {
-    const n = e, { search: i, id: r, name: l, extra: a, height: u } = n, o = v([]), f = v(1), k = v(!1), P = v([]), z = v(!1), I = (c, C) => {
-      const { i: M } = c;
-      return a && a !== "false" ? a(M) : "";
+    const n = e, { search: i, id: o, name: l, extra: a, height: u } = n, r = v([]), f = v(1), k = v(!1), $ = v([]), z = v(!1), I = (c, C) => {
+      const { i: K } = c;
+      return a && a !== "false" ? a(K) : "";
     }, h = (c) => {
-      P.value = c.map((C) => typeof C == "object" ? C[r] : C);
+      $.value = c.map((C) => typeof C == "object" ? C[o] : C);
     };
-    oe(
+    re(
       () => n.defaultSelection,
       (c = [], C = []) => {
         h(c);
       },
       { immediate: !0 }
     );
-    const U = () => {
-      F(), P.value = [];
+    const N = () => {
+      F(), $.value = [];
     }, F = () => {
-      f.value = 1, o.value = [], k.value = !1;
+      f.value = 1, r.value = [], k.value = !1;
     }, D = async () => {
       if (z.value || k.value)
         return;
       z.value = !0;
       const c = await i(f.value);
-      c && c.length > 0 ? (o.value = [...o.value, ...c], f.value += 1) : k.value = !0, z.value = !1;
+      c && c.length > 0 ? (r.value = [...r.value, ...c], f.value += 1) : k.value = !0, z.value = !1;
     }, j = () => {
       F(), D();
-    }, G = N(
-      () => o.value.filter((c) => P.value.includes(c[r]))
+    }, G = U(
+      () => r.value.filter((c) => $.value.includes(c[o]))
     ) || {};
     return t({
-      reset: U,
+      reset: N,
       lowReset: F,
       loadList: D,
       selectInfo: G,
-      list: o,
+      list: r,
       ifbottom: k,
       refreshList: j,
       loading: z
     }), (c, C) => {
-      const M = d("el-checkbox"), ue = d("el-checkbox-group"), W = X("infinite-scroll"), ce = X("loading");
+      const K = d("el-checkbox"), ue = d("el-checkbox-group"), W = X("infinite-scroll"), ce = X("loading");
       return n.checkbox ? R((s(), p(ue, b({
         key: 0,
-        modelValue: P.value,
-        "onUpdate:modelValue": C[0] || (C[0] = (V) => P.value = V)
+        modelValue: $.value,
+        "onUpdate:modelValue": C[0] || (C[0] = (V) => $.value = V)
       }, n), {
         default: g(() => [
-          R((s(), $("ul", {
+          R((s(), P("ul", {
             class: "list",
             "infinite-scroll-disabled": k.value,
             style: he({ height: m(u) })
           }, [
-            (s(!0), $(L, null, q(o.value, (V) => (s(), $("li", {
-              key: V[m(r)],
+            (s(!0), P(L, null, q(r.value, (V) => (s(), P("li", {
+              key: V[m(o)],
               class: "list-item"
             }, [
-              ne(M, {
-                value: V[m(r)],
+              ne(K, {
+                value: V[m(o)],
                 class: "checkbox"
               }, {
                 default: g(() => [
@@ -896,24 +912,24 @@ const Ge = /* @__PURE__ */ B(Ne, [["render", je]]), Me = ["infinite-scroll-disab
                 _: 2
               }, 1032, ["value"])
             ]))), 128))
-          ], 12, Me)), [
+          ], 12, Ke)), [
             [W, D]
           ])
         ]),
         _: 1
       }, 16, ["modelValue"])), [
         [ce, z.value]
-      ]) : R((s(), $("ul", b({
+      ]) : R((s(), P("ul", b({
         key: 1,
         class: "list",
         "infinite-scroll-disabled": k.value,
         style: { height: m(u) }
       }, n), [
-        (s(!0), $(L, null, q(o.value, (V) => (s(), $("li", {
-          key: V[m(r)],
+        (s(!0), P(L, null, q(r.value, (V) => (s(), P("li", {
+          key: V[m(o)],
           class: "list-item"
         }, [
-          ge("div", Ke, [
+          ge("div", Qe, [
             x(T(V[m(l)]) + " ", 1),
             n.extra ? (s(), p(I, {
               key: 0,
@@ -921,7 +937,7 @@ const Ge = /* @__PURE__ */ B(Ne, [["render", je]]), Me = ["infinite-scroll-disab
             }, null, 8, ["i"])) : _("", !0)
           ])
         ]))), 128))
-      ], 16, Qe)), [
+      ], 16, Me)), [
         [W, D]
       ]);
     };
@@ -950,31 +966,31 @@ const Ye = /* @__PURE__ */ B(Xe, [["__scopeId", "data-v-e29b1da3"]]), Je = { key
   },
   setup(e) {
     const t = e, n = v([]);
-    oe(
+    re(
       () => [t.formData, t.formItem],
       ([a = {}, u = []]) => {
-        let o = u;
+        let r = u;
         if (t.strict)
           for (const f in a)
-            Object.prototype.hasOwnProperty.call(a, f) && (a[f] || (o = o.filter((P) => P.prop !== f || P.render)));
-        n.value = o;
+            Object.prototype.hasOwnProperty.call(a, f) && (a[f] || (r = r.filter(($) => $.prop !== f || $.render)));
+        n.value = r;
       },
       { immediate: !0 }
     );
-    const i = O("el-descriptions-item"), r = O("descriptions-item");
+    const i = O("el-descriptions-item"), o = O("descriptions-item");
     switch (t.componentType) {
       case "Element Plus":
-        i.value = "el-descriptions-item", r.value = "el-descriptions-item";
+        i.value = "el-descriptions-item", o.value = "el-descriptions-item";
         break;
       case "Ant Design Vue":
-        i.value = "a-descriptions", r.value = "a-descriptions-item";
+        i.value = "a-descriptions", o.value = "a-descriptions-item";
         break;
     }
     const l = (a, u) => {
-      const { i: o, render: f, formData: k } = a;
+      const { i: r, render: f, formData: k } = a;
       return f({
         row: k,
-        $index: o
+        $index: r
       });
     };
     return (a, u) => (s(), p(w(i.value), b({
@@ -983,18 +999,18 @@ const Ye = /* @__PURE__ */ B(Xe, [["__scopeId", "data-v-e29b1da3"]]), Je = { key
       class: "form-width"
     }, a.$attrs), {
       default: g(() => [
-        (s(!0), $(L, null, q(n.value, (o, f) => (s(), p(w(r.value), b({
-          key: o.prop,
-          label: o.label,
+        (s(!0), P(L, null, q(n.value, (r, f) => (s(), p(w(o.value), b({
+          key: r.prop,
+          label: r.label,
           ref_for: !0
-        }, o.descriptionsItemProps), {
+        }, r.descriptionsItemProps), {
           default: g(() => [
-            o.render ? (s(), p(l, {
+            r.render ? (s(), p(l, {
               key: 0,
               i: f,
-              render: o.render,
+              render: r.render,
               formData: e.formData
-            }, null, 8, ["i", "render", "formData"])) : (s(), $("span", Je, T(e.formData[o.prop]), 1))
+            }, null, 8, ["i", "render", "formData"])) : (s(), P("span", Je, T(e.formData[r.prop]), 1))
           ]),
           _: 2
         }, 1040, ["label"]))), 128))
@@ -1002,11 +1018,11 @@ const Ye = /* @__PURE__ */ B(Xe, [["__scopeId", "data-v-e29b1da3"]]), Je = { key
       _: 1
     }, 16));
   }
-}), et = Ge, tt = Ye, nt = We, ot = ie, rt = le;
+}), et = Ge, tt = Ye, nt = We, rt = ie, ot = le;
 export {
   nt as VDescriptions,
   et as VGeneralBasicForm,
   tt as VInfiniteScrollList,
-  ot as VInputGraphicVerification,
-  rt as VInputMobilecVerification
+  rt as VInputGraphicVerification,
+  ot as VInputMobilecVerification
 };

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,F){"use strict";const w={placeholder:"请输入",style:"width: 200px",clearable:!0},R={style:"width: 227px","start-placeholder":"开始日期","end-placeholder":"结束日期",type:"daterange"},q={placeholder:"请选择",filterable:!0,clearable:!0,style:"width: 200px"},O=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 S=B(O,[["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 z=B(G,[["render",M]]),D=Symbol(),K=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(),k()},o.src=t.imgSrc;const u=()=>{for(let y=0;y<a;y++)for(let d=0;d<i;d++)s.push({x:c*d,y:l*y,offsetX:(Math.random()-.5)*r,offsetY:(Math.random()-.5)*r})},k=()=>{f.clearRect(0,0,m.width,m.height);let y=!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&&(y=!1,d.offsetX*=.95),Math.abs(d.offsetY)>.5&&(d.offsetY*=.95,y=!1)}),y?setTimeout(()=>{u(),k()},300):requestAnimationFrame(k)}}),(o,s)=>(e.openBlock(),e.createElementBlock("canvas",{ref_key:"loadingCanvas",ref:n},null,512))}}),Q={class:"input-graphic-verification"},X=["src","alt"],Y=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(S);switch(t.componentType){case"Element Plus":r.value=S;break;case"Ant Design Vue":r.value=z;break}return(m,f)=>(e.openBlock(),e.createElementBlock("div",Q,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.value),{item:m.item,class:"input"},null,8,["item"])),l.value?(e.openBlock(),e.createBlock(K,{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,X))]))}}),Pe="",L=B(Y,[["__scopeId","data-v-fb7aa300"]]),V="获取验证码",J=60,W=e.defineComponent({__name:"verification-button",props:{getSmscode:{type:Function},componentType:{default:"Element Plus"},item:{}},setup(t,{expose:n}){const o=e.ref(V),s=e.ref(null),i=e.computed(()=>o.value===V),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,o.value=V)},c=async()=>{if(o.value===V)if(o.value=J,s.value=setInterval(()=>{if(Number(o.value)<=0||!o.value){l();return}else o.value=Number(o.value)-1},1e3),t.getSmscode)await t.getSmscode()===!1&&l();else return};e.onBeforeUnmount(()=>{l()});const r={...t.item.buttonSetting};return n({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?V:o.value+"s"),1)]),_:1},16,["style"]))}}),we="",N=B(W,[["__scopeId","data-v-aa89c1b7"]]),j=e.defineComponent({__name:"index",props:{item:{},componentType:{default:"Element Plus"}},setup(t,{expose:n}){const o=t.item,s=e.shallowRef(S),i=e.ref();switch(t.componentType){case"Element Plus":s.value=S,o.template={append:()=>e.h(N,{getSmscode:o.getSmscode,item:t.item,ref:i})};break;case"Ant Design Vue":s.value=z,o.template={suffix:()=>e.h(N,{getSmscode:o.getSmscode,item:t.item,ref:i})};break}return n({VerificationButtonRef:i}),(a,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.value),{item:e.unref(o),class:"input"},null,8,["item"]))}}),H=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 Z(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 v=B(H,[["render",Z]]),ee=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"])}}}),te=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"])}}}),ne=e.defineComponent({__name:"index",props:{item:{}},setup(t){const n=e.inject("queryParams",{}),o=e.inject("size"),s=e.ref({...R,...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"])}}}),oe=e.defineComponent({__name:"index",props:{item:{}},setup(t){const n=e.inject("queryParams",{}),o=e.inject("size"),s=e.ref({...q,...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"])}}}),re=e.defineComponent({__name:"index",props:{item:{}},setup(t){const n=e.inject("queryParams",{}),o=e.inject("size"),s=e.ref({...q,...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"])}}}),ie=(t={})=>{for(const n in t)if(Object.prototype.hasOwnProperty.call(t,n)){const o=t[n];Object.prototype.toString.call(o)==="[object Object]"&&(t[n]=JSON.stringify(o))}return t},le=(t={})=>{for(const n in t)if(Object.prototype.hasOwnProperty.call(t,n)){const o=t[n];try{/[{]+/g.test(o)&&/[}]+/g.test(o)&&(t[n]=JSON.parse(o))}catch{}}return t},se={paramsToQuery:ie,queryToData:le},E=se,ae=e.defineComponent({name:"GeneralBasicForm",components:{Input:S,InputNumber:U,InputGraphicVerification:L,InputMobileVerification:j,Divider:v,Radio:ee,Checkbox:te,DatePicker:ne,Select:oe,Cascader:re},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=F.useRoute(),a=e.ref({...o?{}:E.queryToData(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=E.paramsToQuery({...(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 ce(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"),k=e.resolveComponent("DatePicker"),y=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(k,{key:6,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^input-number$/i.test(p.type)?(e.openBlock(),e.createBlock(y,{key:7,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^form-item-slot$/i.test(p.type)?e.renderSlot(t.$slots,p.name,{key:8}):e.createCommentVNode("",!0),/^input-mobile-verification$/i.test(p.type)?(e.openBlock(),e.createBlock(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 pe=B(ae,[["render",ce]]),me=["infinite-scroll-disabled"],de=["infinite-scroll-disabled"],fe={class:"checkbox"},ue=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([]),k=e.ref(!1),y=(p,_)=>{const{i:x}=p;return l&&l!=="false"?l(x):""},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(k.value||f.value)return;k.value=!0;const p=await s(m.value);p&&p.length>0?(r.value=[...r.value,...p],m.value+=1):f.value=!0,k.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:k}),(p,_)=>{const x=e.resolveComponent("el-checkbox"),Se=e.resolveComponent("el-checkbox-group"),T=e.resolveDirective("infinite-scroll"),Ve=e.resolveDirective("loading");return o.checkbox?e.withDirectives((e.openBlock(),e.createBlock(Se,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(x,{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(y,{key:0,i:g},null,8,["i"])):e.createCommentVNode("",!0)]),_:2},1032,["value"])]))),128))],12,me)),[[T,C]])]),_:1},16,["modelValue"])),[[Ve,k.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",fe,[e.createTextVNode(e.toDisplayString(g[e.unref(a)])+" ",1),o.extra?(e.openBlock(),e.createBlock(y,{key:0,i:g},null,8,["i"])):e.createCommentVNode("",!0)])]))),128))],16,de)),[[T,C]])}}}),$e="",he=B(ue,[["__scopeId","data-v-e29b1da3"]]),ye={key:1},ke=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",ye,e.toDisplayString(t.formData[r.prop]),1))]),_:2},1040,["label"]))),128))]),_:1},16))}}),ge=pe,_e=he,Be=ke,Ce=L,be=j;h.VDescriptions=Be,h.VGeneralBasicForm=ge,h.VInfiniteScrollList=_e,h.VInputGraphicVerification=Ce,h.VInputMobilecVerification=be,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,F){"use strict";const w={placeholder:"请输入",style:"width: 200px",clearable:!0},R={style:"width: 227px","start-placeholder":"开始日期","end-placeholder":"结束日期",type:"daterange"},x={placeholder:"请选择",filterable:!0,clearable:!0,style:"width: 200px"},O=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 S=B(O,[["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(),K=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(),k()},o.src=t.imgSrc;const u=()=>{for(let y=0;y<a;y++)for(let d=0;d<i;d++)s.push({x:c*d,y:l*y,offsetX:(Math.random()-.5)*r,offsetY:(Math.random()-.5)*r})},k=()=>{f.clearRect(0,0,m.width,m.height);let y=!0;s.forEach((d,V)=>{f.drawImage(o,d.x,d.y,c,l,d.x+d.offsetX,d.y+d.offsetY,c,l),Math.abs(d.offsetX)>.5&&(y=!1,d.offsetX*=.95),Math.abs(d.offsetY)>.5&&(d.offsetY*=.95,y=!1)}),y?setTimeout(()=>{u(),k()},300):requestAnimationFrame(k)}}),(o,s)=>(e.openBlock(),e.createElementBlock("canvas",{ref_key:"loadingCanvas",ref:n},null,512))}}),Q={class:"input-graphic-verification"},X=["src","alt"],Y=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(S);switch(t.componentType){case"Element Plus":r.value=S;break;case"Ant Design Vue":r.value=q;break}return(m,f)=>(e.openBlock(),e.createElementBlock("div",Q,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.value),{item:m.item,class:"input"},null,8,["item"])),l.value?(e.openBlock(),e.createBlock(K,{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,X))]))}}),Ve="",N=B(Y,[["__scopeId","data-v-fb7aa300"]]),P="获取验证码",J=60,W=e.defineComponent({__name:"verification-button",props:{getSmscode:{type:Function},componentType:{default:"Element Plus"},item:{}},setup(t,{expose:n}){const o=e.ref(P),s=e.ref(null),i=e.computed(()=>o.value===P),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,o.value=P)},c=async()=>{if(o.value===P)if(o.value=J,s.value=setInterval(()=>{if(Number(o.value)<=0||!o.value){l();return}else o.value=Number(o.value)-1},1e3),t.getSmscode)await t.getSmscode()===!1&&l();else return};e.onBeforeUnmount(()=>{l()});const r={...t.item.buttonSetting};return n({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?P:o.value+"s"),1)]),_:1},16,["style"]))}}),we="",L=B(W,[["__scopeId","data-v-aa89c1b7"]]),j=e.defineComponent({__name:"index",props:{item:{},componentType:{default:"Element Plus"}},setup(t,{expose:n}){const o=t.item,s=e.shallowRef(S),i=e.ref();switch(t.componentType){case"Element Plus":s.value=S,o.template={append:()=>e.h(L,{getSmscode:o.getSmscode,item:t.item,ref:i})};break;case"Ant Design Vue":s.value=q,o.template={suffix:()=>e.h(L,{getSmscode:o.getSmscode,item:t.item,ref:i})};break}return n({VerificationButtonRef:i}),(a,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.value),{item:e.unref(o),class:"input"},null,8,["item"]))}}),H=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 Z(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 v=B(H,[["render",Z]]),ee=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"])}}}),te=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"])}}}),ne=e.defineComponent({__name:"index",props:{item:{}},setup(t){const n=e.inject("queryParams",{}),o=e.inject("size"),s=e.ref({...R,...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"])}}}),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-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"])}}}),re=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"])}}}),ie=(t={})=>{for(const n in t)if(Object.prototype.hasOwnProperty.call(t,n)){const o=t[n];Object.prototype.toString.call(o)==="[object Object]"&&(t[n]=JSON.stringify(o))}return t},le=(t={})=>{for(const n in t)if(Object.prototype.hasOwnProperty.call(t,n)){const o=t[n];try{/[{]+/g.test(o)&&/[}]+/g.test(o)&&(t[n]=JSON.parse(o))}catch{}}return t},se={paramsToQuery:ie,queryToData:le},E=se,ae=e.defineComponent({name:"GeneralBasicForm",components:{Input:S,InputNumber:U,InputGraphicVerification:N,InputMobileVerification:j,Divider:v,Radio:ee,Checkbox:te,DatePicker:ne,Select:oe,Cascader:re},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},currentPageKey:{type:String,default:"page"},pageSizeKey:{type:String,default:"limit"},defCurrentPage:{type:Number,default:1},defPageSize:{type:Number,default:10}},data(){return{formLoading:this.loading||!1,trimRegex:/\S/}},setup(t){const{size:n,noUrlParameters:o,getList:s}=t,i=F.useRoute(),a=e.ref({...o?{}:E.queryToData(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.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={[this.currentPageKey]:this.defCurrentPage,[this.pageSizeKey]:this.defPageSize},n=E.paramsToQuery({...(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={[this.currentPageKey]:this.defCurrentPage};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 ce(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"),k=e.resolveComponent("DatePicker"),y=e.resolveComponent("InputNumber"),d=e.resolveComponent("InputMobileVerification"),V=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(k,{key:6,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^input-number$/i.test(p.type)?(e.openBlock(),e.createBlock(y,{key:7,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^form-item-slot$/i.test(p.type)?e.renderSlot(t.$slots,p.name,{key:8}):e.createCommentVNode("",!0),/^input-mobile-verification$/i.test(p.type)?(e.openBlock(),e.createBlock(d,{key:9,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^input-graphic-verification$/i.test(p.type)?(e.openBlock(),e.createBlock(V,{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 pe=B(ae,[["render",ce]]),me=["infinite-scroll-disabled"],de=["infinite-scroll-disabled"],fe={class:"checkbox"},ue=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([]),k=e.ref(!1),y=(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 V=()=>{b(),u.value=[]},b=()=>{m.value=1,r.value=[],f.value=!1},C=async()=>{if(k.value||f.value)return;k.value=!0;const p=await s(m.value);p&&p.length>0?(r.value=[...r.value,...p],m.value+=1):f.value=!0,k.value=!1},$=()=>{b(),C()},I=e.computed(()=>r.value.filter(p=>u.value.includes(p[i])))||{};return n({reset:V,lowReset:b,loadList:C,selectInfo:I,list:r,ifbottom:f,refreshList:$,loading:k}),(p,_)=>{const z=e.resolveComponent("el-checkbox"),Se=e.resolveComponent("el-checkbox-group"),T=e.resolveDirective("infinite-scroll"),Pe=e.resolveDirective("loading");return o.checkbox?e.withDirectives((e.openBlock(),e.createBlock(Se,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(y,{key:0,i:g},null,8,["i"])):e.createCommentVNode("",!0)]),_:2},1032,["value"])]))),128))],12,me)),[[T,C]])]),_:1},16,["modelValue"])),[[Pe,k.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",fe,[e.createTextVNode(e.toDisplayString(g[e.unref(a)])+" ",1),o.extra?(e.openBlock(),e.createBlock(y,{key:0,i:g},null,8,["i"])):e.createCommentVNode("",!0)])]))),128))],16,de)),[[T,C]])}}}),$e="",he=B(ue,[["__scopeId","data-v-e29b1da3"]]),ye={key:1},ke=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",ye,e.toDisplayString(t.formData[r.prop]),1))]),_:2},1040,["label"]))),128))]),_:1},16))}}),ge=pe,_e=he,Be=ke,Ce=N,be=j;h.VDescriptions=Be,h.VGeneralBasicForm=ge,h.VInfiniteScrollList=_e,h.VInputGraphicVerification=Ce,h.VInputMobilecVerification=be,Object.defineProperty(h,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,64 +1,64 @@
-{
-  "name": "general-basic-form",
-  "version": "2.0.61",
-  "description": "",
-  "main": "./dist/index.umd.cjs",
-  "type": "module",
-  "scripts": {
-    "build": "cross-env CURRENT_ENV=prod run-p type-check build-only",
-    "test:e2e": "playwright test",
-    "build-only": "vite build",
-    "type-check": "tsc --noEmit -p tsconfig.json --composite false",
-    "link": "tsx script/link.ts && yarn link",
-    "unlink": "tsx script/unlink.ts && yarn unlink && run-p build",
-    "unlinkSetting": "tsx script/unlink.ts"
-  },
-  "keywords": [
-    "general-basic-form",
-    "form",
-    "vue",
-    "vue2",
-    "vue3",
-    "element-plus"
-  ],
-  "author": "chendeli419287484@qq.com",
-  "license": "ISC",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/Alan1034/GeneralBasicForm.git"
-  },
-  "devDependencies": {
-    "@playwright/test": "^1.36.1",
-    "@types/node": "^20.8.10",
-    "@vitejs/plugin-legacy": "^4.1.1",
-    "@vitejs/plugin-vue": "^4.2.3",
-    "@vitejs/plugin-vue-jsx": "^3.0.1",
-    "chalk": "^2.4.2",
-    "cross-env": "^7.0.3",
-    "less": "^4.2.0",
-    "npm-run-all": "^4.1.5",
-    "tsx": "^4.0.0",
-    "typescript": "^5.2.2",
-    "vite-plugin-image-optimizer": "^1.1.6"
-  },
-  "peerDependencies": {
-    "element-plus": ">=2.6.0",
-    "vue": ">=3.3.4",
-    "vue-router": ">=4.2.4"
-  },
-  "typings": "./dist/index.d.ts",
-  "module": "./dist/index.js",
-  "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "require": "./dist/index.umd.cjs"
-    },
-    "./style": "./dist/style.css"
-  },
-  "files": [
-    "/dist"
-  ],
-  "dependencies": {
-    "network-spanner": "^1.2.8"
-  }
-}
+{
+  "name": "general-basic-form",
+  "version": "2.0.62",
+  "description": "",
+  "main": "./dist/index.umd.cjs",
+  "type": "module",
+  "scripts": {
+    "build": "cross-env CURRENT_ENV=prod run-p type-check build-only",
+    "test:e2e": "playwright test",
+    "build-only": "vite build",
+    "type-check": "tsc --noEmit -p tsconfig.json --composite false",
+    "link": "tsx script/link.ts && yarn link",
+    "unlink": "tsx script/unlink.ts && yarn unlink && run-p build",
+    "unlinkSetting": "tsx script/unlink.ts"
+  },
+  "keywords": [
+    "general-basic-form",
+    "form",
+    "vue",
+    "vue2",
+    "vue3",
+    "element-plus"
+  ],
+  "author": "chendeli419287484@qq.com",
+  "license": "ISC",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Alan1034/GeneralBasicForm.git"
+  },
+  "devDependencies": {
+    "@playwright/test": "^1.36.1",
+    "@types/node": "^20.8.10",
+    "@vitejs/plugin-legacy": "^4.1.1",
+    "@vitejs/plugin-vue": "^4.2.3",
+    "@vitejs/plugin-vue-jsx": "^3.0.1",
+    "chalk": "^2.4.2",
+    "cross-env": "^7.0.3",
+    "less": "^4.2.0",
+    "npm-run-all": "^4.1.5",
+    "tsx": "^4.0.0",
+    "typescript": "^5.2.2",
+    "vite-plugin-image-optimizer": "^1.1.6"
+  },
+  "peerDependencies": {
+    "element-plus": ">=2.6.0",
+    "vue": ">=3.3.4",
+    "vue-router": ">=4.2.4"
+  },
+  "typings": "./dist/index.d.ts",
+  "dependencies": {
+    "network-spanner": "^1.2.8"
+  },
+  "module": "./dist/index.js",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.umd.cjs"
+    },
+    "./style": "./dist/style.css"
+  },
+  "files": [
+    "/dist"
+  ]
+}