general-basic-form 2.0.36 → 2.0.38

package/README.md

@@ -483,8 +483,10 @@ defaultSelection：包含数据key值的对象数组或者直接传入key值数
 
 ```
  defineExpose({ reset, loadList, selectInfo, list, ifbottom });
- InfiniteScrollListRef.value.reset()：重置列表内容
- InfiniteScrollListRef.value.loadList()：向下滚动列表内容，受到loading和ifbottom的影响
+ InfiniteScrollListRef?.value?.reset()：重置列表内容
+ InfiniteScrollListRef?.value?.lowReset()：重置列表内容，但保留已选择的选项
+ InfiniteScrollListRef?.value?.loadList()：向下滚动列表内容，受到loading和ifbottom的影响
+ InfiniteScrollListRef?.value?.refreshList()：刷新列表，滚动列表会对整个内容重新请求数据，已选择的内容会自动选择
  InfiniteScrollListRef?.value?.selectInfo：选择的内容
  InfiniteScrollListRef?.value?.list：列表的内容
  InfiniteScrollListRef?.value?.ifbottom：是否到底部

package/dist/index.js

@@ -1,20 +1,20 @@
-import { defineComponent as b, inject as h, resolveComponent as d, openBlock as n, createBlock as i, mergeProps as g, withKeys as Z, createSlots as K, renderList as P, withCtx as f, resolveDynamicComponent as M, createCommentVNode as y, ref as v, unref as m, resolveDirective as G, withDirectives as D, createElementBlock as S, createVNode as Q, createElementVNode as J, computed as T, onBeforeUnmount as ee, normalizeStyle as te, createTextVNode as I, toDisplayString as w, h as ne, normalizeProps as oe, guardReactiveProps as re, Fragment as L, provide as A, renderSlot as O, vShow as se, watch as ae } from "vue";
-import { useRoute as ie } from "vue-router";
-const W = {
+import { defineComponent as k, inject as h, resolveComponent as m, openBlock as n, createBlock as u, mergeProps as b, withKeys as ne, createSlots as J, renderList as $, withCtx as f, resolveDynamicComponent as W, createCommentVNode as y, ref as g, unref as d, resolveDirective as G, withDirectives as C, createElementBlock as S, createVNode as T, createElementVNode as H, computed as j, onBeforeUnmount as oe, normalizeStyle as re, createTextVNode as I, toDisplayString as D, h as se, normalizeProps as ae, guardReactiveProps as ie, Fragment as L, provide as O, renderSlot as Q, vShow as le, watch as ue } from "vue";
+import { useRoute as ce } from "vue-router";
+const X = {
   placeholder: "请输入",
   style: "width: 200px",
   clearable: !0
-}, le = {
+}, pe = {
   style: "width: 227px",
   "start-placeholder": "开始日期",
   "end-placeholder": "结束日期",
   type: "daterange"
-}, H = {
+}, Y = {
   placeholder: "请选择",
   filterable: !0,
   clearable: !0,
   style: "width: 200px"
-}, ue = b({
+}, de = k({
   components: {
     InputArchive: (e) => {
       const { templateEle: o } = e;
@@ -32,7 +32,7 @@ const W = {
   data() {
     return {
       inputSetting: {
-        ...W,
+        ...X,
         ...this.item.inputSetting
       }
     };
@@ -54,24 +54,24 @@ const W = {
   //     console.log(val);
   //   },
   // },
-}), x = (e, o) => {
+}), w = (e, o) => {
   const t = e.__vccOpts || e;
-  for (const [l, a] of o)
-    t[l] = a;
+  for (const [c, a] of o)
+    t[c] = a;
   return t;
 };
-function ce(e, o, t, l, a, s) {
-  const u = d("el-input");
-  return n(), i(u, g({
-    onKeydown: Z(e.getList, ["enter"]),
+function me(e, o, t, c, a, s) {
+  const i = m("el-input");
+  return n(), u(i, b({
+    onKeydown: ne(e.getList, ["enter"]),
     modelValue: e.queryParams[e.item.prop],
     "onUpdate:modelValue": o[0] || (o[0] = (r) => e.queryParams[e.item.prop] = r),
     size: e.size
-  }, e.inputSetting), K({ _: 2 }, [
-    P(e.item.template, (r, _) => ({
+  }, e.inputSetting), J({ _: 2 }, [
+    $(e.item.template, (r, _) => ({
       name: _,
       fn: f(() => [
-        r ? (n(), i(M(e.currentInputComponent()), {
+        r ? (n(), u(W(e.currentInputComponent()), {
           key: _,
           templateEle: r
         }, null, 8, ["templateEle"])) : y("", !0)
@@ -79,64 +79,70 @@ function ce(e, o, t, l, a, s) {
     }))
   ]), 1040, ["onKeydown", "modelValue", "size"]);
 }
-const j = /* @__PURE__ */ x(ue, [["render", ce]]), pe = /* @__PURE__ */ b({
+const K = /* @__PURE__ */ w(de, [["render", me]]), _e = /* @__PURE__ */ k({
   __name: "index",
   props: {
     item: {}
   },
   setup(e) {
-    const { item: o } = e, t = h("queryParams", {}), l = h("size"), a = v({
-      ...W,
+    const { item: o } = e, t = h("queryParams", {}), c = h("size"), a = g({
+      ...X,
       ...o.inputSetting
     });
-    return (s, u) => {
-      const r = d("el-input-number");
-      return n(), i(r, g({
-        modelValue: m(t)[s.item.prop],
-        "onUpdate:modelValue": u[0] || (u[0] = (_) => m(t)[s.item.prop] = _),
-        size: m(l)
+    return (s, i) => {
+      const r = m("el-input-number");
+      return n(), u(r, b({
+        modelValue: d(t)[s.item.prop],
+        "onUpdate:modelValue": i[0] || (i[0] = (_) => d(t)[s.item.prop] = _),
+        size: d(c)
       }, a.value), null, 16, ["modelValue", "size"]);
     };
   }
-}), X = Symbol(), de = { class: "input-graphic-verification" }, me = ["src"], _e = /* @__PURE__ */ b({
+}), Z = Symbol(), fe = { class: "input-graphic-verification" }, ye = ["src", "alt"], he = /* @__PURE__ */ k({
   __name: "index",
   props: {
     item: {}
   },
   setup(e) {
-    const { item: o } = e, { graphicSrc: t = "", getGraphic: l = () => {
-    } } = o, { formLoading: a, updateFormLoading: s } = h(X), u = async () => {
-      l && !a.value && await l();
+    const { item: o } = e, {
+      graphicSrc: t = "",
+      graphicAlt: c = "",
+      getGraphic: a = () => {
+      },
+      key: s
+    } = o, { formLoading: i, updateFormLoading: r } = h(Z), _ = async () => {
+      a && !i.value && await a();
     };
-    return (r, _) => {
-      const c = G("loading");
-      return D((n(), S("div", de, [
-        Q(j, {
-          item: r.item,
+    return (p, P) => {
+      const q = G("loading");
+      return C((n(), S("div", fe, [
+        T(K, {
+          item: p.item,
           class: "input"
         }, null, 8, ["item"]),
-        J("img", {
+        H("img", {
           class: "graphic",
-          onClick: u,
-          src: m(t)
-        }, null, 8, me)
+          onClick: _,
+          src: d(t),
+          alt: d(c) || `${d(s)}`
+        }, null, 8, ye)
       ])), [
-        [c, m(a)]
+        [q, d(i)]
       ]);
     };
   }
 });
-const fe = /* @__PURE__ */ x(_e, [["__scopeId", "data-v-500ec9b0"]]), B = "获取验证码", ye = 60, he = /* @__PURE__ */ b({
+const ve = /* @__PURE__ */ w(he, [["__scopeId", "data-v-006751c3"]]), B = "获取验证码", ge = 60, be = /* @__PURE__ */ k({
   __name: "verification-button",
   props: {
     getSmscode: { type: Function }
   },
   setup(e) {
-    const { getSmscode: o } = e, t = v(B), l = v(null), a = T(() => t.value === B), s = () => {
-      l && (clearInterval(l.value), l.value = null, t.value = B);
-    }, u = async () => {
+    const { getSmscode: o } = e, t = g(B), c = g(null), a = j(() => t.value === B), s = () => {
+      c && (clearInterval(c.value), c.value = null, t.value = B);
+    }, i = async () => {
       if (t.value === B)
-        if (t.value = ye, l.value = setInterval(() => {
+        if (t.value = ge, c.value = setInterval(() => {
           if (Number(t.value) <= 0 || !t.value) {
             s();
             return;
@@ -147,27 +153,27 @@ const fe = /* @__PURE__ */ x(_e, [["__scopeId", "data-v-500ec9b0"]]), B = "获
         else
           return;
     };
-    return ee(() => {
+    return oe(() => {
       s();
     }), (r, _) => {
-      const c = d("el-button");
-      return n(), i(c, {
+      const p = m("el-button");
+      return n(), u(p, {
         class: "verifiaction-button",
-        style: te({
+        style: re({
           color: a.value ? "var(--color-primary, #409EFF)" : "var(--text-color-placeholder, #A8ABB2)",
           cursor: a.value ? "pointer" : "default"
         }),
-        onClick: u
+        onClick: i
       }, {
         default: f(() => [
-          I(w(a.value ? B : t.value + "s"), 1)
+          I(D(a.value ? B : t.value + "s"), 1)
         ]),
         _: 1
       }, 8, ["style"]);
     };
   }
 });
-const ve = /* @__PURE__ */ x(he, [["__scopeId", "data-v-4074e137"]]), ge = /* @__PURE__ */ b({
+const ke = /* @__PURE__ */ w(be, [["__scopeId", "data-v-4074e137"]]), Se = /* @__PURE__ */ k({
   __name: "index",
   props: {
     item: {}
@@ -175,15 +181,15 @@ const ve = /* @__PURE__ */ x(he, [["__scopeId", "data-v-4074e137"]]), ge = /* @_
   setup(e) {
     const { item: o } = e, t = o;
     return t.template = {
-      append: () => ne(ve, {
+      append: () => se(ke, {
         getSmscode: t.getSmscode
       })
-    }, (l, a) => (n(), i(j, {
-      item: m(t),
+    }, (c, a) => (n(), u(K, {
+      item: d(t),
       class: "input"
     }, null, 8, ["item"]));
   }
-}), be = b({
+}), ze = k({
   components: {
     slotArchive: (e) => {
       const { templateEle: o } = e;
@@ -209,13 +215,13 @@ const ve = /* @__PURE__ */ x(he, [["__scopeId", "data-v-4074e137"]]), ge = /* @_
     }
   }
 });
-function ke(e, o, t, l, a, s) {
-  const u = d("el-divider");
-  return n(), i(u, oe(re(e.dividerSetting)), K({ _: 2 }, [
-    P(e.item.template, (r, _) => ({
+function $e(e, o, t, c, a, s) {
+  const i = m("el-divider");
+  return n(), u(i, ae(ie(e.dividerSetting)), J({ _: 2 }, [
+    $(e.item.template, (r, _) => ({
       name: _,
       fn: f(() => [
-        r ? (n(), i(M(e.currentInputComponent()), {
+        r ? (n(), u(W(e.currentInputComponent()), {
           key: _,
           templateEle: r
         }, null, 8, ["templateEle"])) : y("", !0)
@@ -223,29 +229,29 @@ function ke(e, o, t, l, a, s) {
     }))
   ]), 1040);
 }
-const Se = /* @__PURE__ */ x(be, [["render", ke]]), ze = /* @__PURE__ */ b({
+const Pe = /* @__PURE__ */ w(ze, [["render", $e]]), qe = /* @__PURE__ */ k({
   __name: "index",
   props: {
     item: {}
   },
   setup(e) {
-    const { item: o } = e, t = h("queryParams", {}), l = h("size"), a = v({
+    const { item: o } = e, t = h("queryParams", {}), c = h("size"), a = g({
       ...o.radioGroupSetting
     });
-    return (s, u) => {
-      const r = d("el-radio"), _ = d("el-radio-group");
-      return n(), i(_, g({
-        modelValue: m(t)[s.item.prop],
-        "onUpdate:modelValue": u[0] || (u[0] = (c) => m(t)[s.item.prop] = c),
-        size: m(l)
+    return (s, i) => {
+      const r = m("el-radio"), _ = m("el-radio-group");
+      return n(), u(_, b({
+        modelValue: d(t)[s.item.prop],
+        "onUpdate:modelValue": i[0] || (i[0] = (p) => d(t)[s.item.prop] = p),
+        size: d(c)
       }, a.value), {
         default: f(() => [
-          (n(!0), S(L, null, P(s.item.option || [], (c) => (n(), i(r, g({
-            size: m(l),
-            key: c.label
-          }, c), {
+          (n(!0), S(L, null, $(s.item.option || [], (p) => (n(), u(r, b({
+            size: d(c),
+            key: p.label
+          }, p), {
             default: f(() => [
-              I(w(c.value), 1)
+              I(D(p.value), 1)
             ]),
             _: 2
           }, 1040, ["size"]))), 128))
@@ -254,29 +260,29 @@ const Se = /* @__PURE__ */ x(be, [["render", ke]]), ze = /* @__PURE__ */ b({
       }, 16, ["modelValue", "size"]);
     };
   }
-}), $e = /* @__PURE__ */ b({
+}), Ve = /* @__PURE__ */ k({
   __name: "index",
   props: {
     item: {}
   },
   setup(e) {
-    const { item: o } = e, t = h("queryParams", {}), l = h("size"), a = v({
+    const { item: o } = e, t = h("queryParams", {}), c = h("size"), a = g({
       ...o.checkboxGroupSetting
     });
-    return (s, u) => {
-      const r = d("el-checkbox"), _ = d("el-checkbox-group");
-      return n(), i(_, g({
-        modelValue: m(t)[s.item.prop],
-        "onUpdate:modelValue": u[0] || (u[0] = (c) => m(t)[s.item.prop] = c),
-        size: m(l)
+    return (s, i) => {
+      const r = m("el-checkbox"), _ = m("el-checkbox-group");
+      return n(), u(_, b({
+        modelValue: d(t)[s.item.prop],
+        "onUpdate:modelValue": i[0] || (i[0] = (p) => d(t)[s.item.prop] = p),
+        size: d(c)
       }, a.value), {
         default: f(() => [
-          (n(!0), S(L, null, P(s.item.option || [], (c) => (n(), i(r, g({
-            size: m(l),
-            key: c.label
-          }, c), {
+          (n(!0), S(L, null, $(s.item.option || [], (p) => (n(), u(r, b({
+            size: d(c),
+            key: p.label
+          }, p), {
             default: f(() => [
-              I(w(c.value), 1)
+              I(D(p.value), 1)
             ]),
             _: 2
           }, 1040, ["size"]))), 128))
@@ -285,86 +291,86 @@ const Se = /* @__PURE__ */ x(be, [["render", ke]]), ze = /* @__PURE__ */ b({
       }, 16, ["modelValue", "size"]);
     };
   }
-}), Pe = /* @__PURE__ */ b({
+}), Ie = /* @__PURE__ */ k({
   __name: "index",
   props: {
     item: {}
   },
   setup(e) {
-    const { item: o } = e, t = h("queryParams", {}), l = h("size"), a = v({
-      ...le,
+    const { item: o } = e, t = h("queryParams", {}), c = h("size"), a = g({
+      ...pe,
       ...o.datePackerSetting
     });
-    return (s, u) => {
-      const r = d("el-date-picker");
-      return n(), i(r, g({
-        modelValue: m(t)[s.item.prop],
-        "onUpdate:modelValue": u[0] || (u[0] = (_) => m(t)[s.item.prop] = _),
-        size: m(l)
+    return (s, i) => {
+      const r = m("el-date-picker");
+      return n(), u(r, b({
+        modelValue: d(t)[s.item.prop],
+        "onUpdate:modelValue": i[0] || (i[0] = (_) => d(t)[s.item.prop] = _),
+        size: d(c)
       }, a.value), null, 16, ["modelValue", "size"]);
     };
   }
-}), qe = /* @__PURE__ */ b({
+}), Le = /* @__PURE__ */ k({
   __name: "index",
   props: {
     item: {}
   },
   setup(e) {
-    const { item: o } = e, t = h("queryParams", {}), l = h("size"), a = v({
-      ...H,
+    const { item: o } = e, t = h("queryParams", {}), c = h("size"), a = g({
+      ...Y,
       ...o.selectSetting
     });
-    return (s, u) => {
-      const r = d("el-option"), _ = d("el-select");
-      return n(), i(_, g({
-        modelValue: m(t)[s.item.prop],
-        "onUpdate:modelValue": u[0] || (u[0] = (c) => m(t)[s.item.prop] = c),
-        size: m(l)
+    return (s, i) => {
+      const r = m("el-option"), _ = m("el-select");
+      return n(), u(_, b({
+        modelValue: d(t)[s.item.prop],
+        "onUpdate:modelValue": i[0] || (i[0] = (p) => d(t)[s.item.prop] = p),
+        size: d(c)
       }, a.value), {
         default: f(() => [
-          (n(!0), S(L, null, P(s.item.option || [], (c) => (n(), i(r, {
-            key: c.value,
-            label: c.label,
-            value: c.value
+          (n(!0), S(L, null, $(s.item.option || [], (p) => (n(), u(r, {
+            key: p.value,
+            label: p.label,
+            value: p.value
           }, null, 8, ["label", "value"]))), 128))
         ]),
         _: 1
       }, 16, ["modelValue", "size"]);
     };
   }
-}), Ve = /* @__PURE__ */ b({
+}), Ce = /* @__PURE__ */ k({
   __name: "index",
   props: {
     item: {}
   },
   setup(e) {
-    const { item: o } = e, t = h("queryParams", {}), l = h("size"), a = v({
-      ...H,
+    const { item: o } = e, t = h("queryParams", {}), c = h("size"), a = g({
+      ...Y,
       ...o.selectSetting
     });
-    return (s, u) => {
-      const r = d("el-cascader");
-      return n(), i(r, g({
-        modelValue: m(t)[s.item.prop],
-        "onUpdate:modelValue": u[0] || (u[0] = (_) => m(t)[s.item.prop] = _),
-        size: m(l),
+    return (s, i) => {
+      const r = m("el-cascader");
+      return n(), u(r, b({
+        modelValue: d(t)[s.item.prop],
+        "onUpdate:modelValue": i[0] || (i[0] = (_) => d(t)[s.item.prop] = _),
+        size: d(c),
         options: s.item.options || []
       }, a.value), null, 16, ["modelValue", "size", "options"]);
     };
   }
-}), Ie = b({
+}), De = k({
   name: "GeneralBasicForm",
   components: {
-    Input: j,
-    InputNumber: pe,
-    InputGraphicVerification: fe,
-    InputMobileVerification: ge,
-    Divider: Se,
-    Radio: ze,
-    Checkbox: $e,
-    DatePicker: Pe,
-    Select: qe,
-    Cascader: Ve
+    Input: K,
+    InputNumber: _e,
+    InputGraphicVerification: ve,
+    InputMobileVerification: Se,
+    Divider: Pe,
+    Radio: qe,
+    Checkbox: Ve,
+    DatePicker: Ie,
+    Select: Le,
+    Cascader: Ce
   },
   props: {
     showSearch: {
@@ -427,24 +433,24 @@ const Se = /* @__PURE__ */ x(be, [["render", ke]]), ze = /* @__PURE__ */ b({
     };
   },
   setup(e) {
-    const { size: o, noUrlParameters: t, getList: l } = e, a = ie(), s = v({
+    const { size: o, noUrlParameters: t, getList: c } = e, a = ce(), s = g({
       ...t ? {} : a == null ? void 0 : a.query
     });
-    return A(
+    return O(
       /* 注入名 */
       "queryParams",
       /* 值 */
       s
-    ), A(
+    ), O(
       /* 注入名 */
       "size",
       /* 值 */
       o
-    ), A(
+    ), O(
       /* 注入名 */
       "getList",
       /* 值 */
-      l
+      c
     ), {
       queryParams: s
     };
@@ -464,7 +470,7 @@ const Se = /* @__PURE__ */ x(be, [["render", ke]]), ze = /* @__PURE__ */ b({
     },
     queryParams: {
       handler(e) {
-        this.$emit("update:newFormData", e);
+        this.$emit("update:formData", e);
       },
       deep: !0
     },
@@ -478,8 +484,8 @@ const Se = /* @__PURE__ */ x(be, [["render", ke]]), ze = /* @__PURE__ */ b({
   provide() {
     return {
       // 显式提供一个计算属性
-      [X]: {
-        formLoading: T(() => this.formLoading),
+      [Z]: {
+        formLoading: j(() => this.formLoading),
         updateFormLoading: (e) => {
           this.formLoading = e;
         }
@@ -514,9 +520,9 @@ const Se = /* @__PURE__ */ x(be, [["render", ke]]), ze = /* @__PURE__ */ b({
     }
   }
 });
-function Le(e, o, t, l, a, s) {
-  const u = d("Input"), r = d("Radio"), _ = d("Select"), c = d("Divider"), q = d("Cascader"), C = d("Checkbox"), U = d("DatePicker"), N = d("InputNumber"), F = d("InputMobileVerification"), R = d("InputGraphicVerification"), k = d("el-form-item"), V = d("el-button"), $ = d("el-form"), E = G("loading");
-  return D((n(), i($, g({
+function we(e, o, t, c, a, s) {
+  const i = m("Input"), r = m("Radio"), _ = m("Select"), p = m("Divider"), P = m("Cascader"), q = m("Checkbox"), F = m("DatePicker"), N = m("InputNumber"), R = m("InputMobileVerification"), x = m("InputGraphicVerification"), V = m("el-form-item"), U = m("el-button"), E = m("el-form"), v = G("loading");
+  return C((n(), u(E, b({
     model: e.queryParams,
     ref: "queryFormRef",
     inline: "",
@@ -524,61 +530,61 @@ function Le(e, o, t, l, a, s) {
     "label-width": e.labelWidth
   }, e.$attrs), {
     default: f(() => [
-      (n(!0), S(L, null, P(e.formItem, (p) => (n(), i(k, {
-        label: p.label,
-        prop: p.prop,
-        key: p.prop,
-        rules: p.rules
+      (n(!0), S(L, null, $(e.formItem, (l) => (n(), u(V, {
+        label: l.label,
+        prop: l.prop,
+        key: l.prop,
+        rules: l.rules
       }, {
         default: f(() => [
-          p.type === "input" ? (n(), i(u, {
+          l.type === "input" ? (n(), u(i, {
             key: 0,
-            item: p
+            item: l
           }, null, 8, ["item"])) : y("", !0),
-          p.type === "radio" ? (n(), i(r, {
+          l.type === "radio" ? (n(), u(r, {
             key: 1,
-            item: p
+            item: l
           }, null, 8, ["item"])) : y("", !0),
-          p.type === "select" ? (n(), i(_, {
+          l.type === "select" ? (n(), u(_, {
             key: 2,
-            item: p
+            item: l
           }, null, 8, ["item"])) : y("", !0),
-          p.type === "divider" ? (n(), i(c, {
+          l.type === "divider" ? (n(), u(p, {
             key: 3,
-            item: p
+            item: l
           }, null, 8, ["item"])) : y("", !0),
-          p.type === "cascader" ? (n(), i(q, {
+          l.type === "cascader" ? (n(), u(P, {
             key: 4,
-            item: p
+            item: l
           }, null, 8, ["item"])) : y("", !0),
-          p.type === "checkbox" ? (n(), i(C, {
+          l.type === "checkbox" ? (n(), u(q, {
             key: 5,
-            item: p
+            item: l
           }, null, 8, ["item"])) : y("", !0),
-          p.type === "date-picker" ? (n(), i(U, {
+          l.type === "date-picker" ? (n(), u(F, {
             key: 6,
-            item: p
+            item: l
           }, null, 8, ["item"])) : y("", !0),
-          p.type === "input-number" ? (n(), i(N, {
+          l.type === "input-number" ? (n(), u(N, {
             key: 7,
-            item: p
+            item: l
           }, null, 8, ["item"])) : y("", !0),
-          p.type === "form-item-slot" ? O(e.$slots, p.name, { key: 8 }) : y("", !0),
-          p.type === "input-mobile-verification" ? (n(), i(F, {
+          l.type === "form-item-slot" ? Q(e.$slots, l.name, { key: 8 }) : y("", !0),
+          l.type === "input-mobile-verification" ? (n(), u(R, {
             key: 9,
-            item: p
+            item: l
           }, null, 8, ["item"])) : y("", !0),
-          p.type === "input-graphic-verification" ? (n(), i(R, {
-            item: p,
-            key: p.key
+          l.type === "input-graphic-verification" ? (n(), u(x, {
+            item: l,
+            key: l.key
           }, null, 8, ["item"])) : y("", !0)
         ]),
         _: 2
       }, 1032, ["label", "prop", "rules"]))), 128)),
-      O(e.$slots, "default"),
-      e.formOnly ? y("", !0) : (n(), i(k, { key: 0 }, {
+      Q(e.$slots, "default"),
+      e.formOnly ? y("", !0) : (n(), u(V, { key: 0 }, {
         default: f(() => [
-          D((n(), i(V, {
+          C((n(), u(U, {
             type: "primary",
             size: e.size,
             onClick: e.handleQuery
@@ -588,9 +594,9 @@ function Le(e, o, t, l, a, s) {
             ]),
             _: 1
           }, 8, ["size", "onClick"])), [
-            [E, e.formLoading]
+            [v, e.formLoading]
           ]),
-          Q(V, {
+          T(U, {
             size: e.size,
             onClick: e.resetQuery
           }, {
@@ -602,14 +608,14 @@ function Le(e, o, t, l, a, s) {
         ]),
         _: 1
       })),
-      O(e.$slots, "behind-the-button")
+      Q(e.$slots, "behind-the-button")
     ]),
     _: 3
   }, 16, ["model", "label-width"])), [
-    [se, e.showSearch]
+    [le, e.showSearch]
   ]);
 }
-const Ce = /* @__PURE__ */ x(Ie, [["render", Le]]), De = ["infinite-scroll-disabled"], we = ["infinite-scroll-disabled"], xe = { class: "checkbox" }, Fe = /* @__PURE__ */ b({
+const xe = /* @__PURE__ */ w(De, [["render", we]]), Be = ["infinite-scroll-disabled"], Fe = ["infinite-scroll-disabled"], Ue = { class: "checkbox" }, Ge = /* @__PURE__ */ k({
   __name: "InfiniteScrollList",
   props: {
     search: {
@@ -629,7 +635,7 @@ const Ce = /* @__PURE__ */ x(Ie, [["render", Le]]), De = ["infinite-scroll-disab
       required: !0
     },
     extra: {
-      type: Function,
+      type: null,
       required: !1
     },
     defaultSelection: {
@@ -638,51 +644,65 @@ const Ce = /* @__PURE__ */ x(Ie, [["render", Le]]), De = ["infinite-scroll-disab
     }
   },
   setup(e, { expose: o }) {
-    const t = e, { search: l, id: a, name: s, extra: u } = t, r = v([]), _ = v(1), c = v(!1), q = v([]), C = v(!1), U = (k, V) => {
-      const { i: $ } = k;
-      return u($);
+    const t = e, { search: c, id: a, name: s, extra: i } = t, r = g([]), _ = g(1), p = g(!1), P = g([]), q = g(!1), F = (v, l) => {
+      const { i: A } = v;
+      return i && i !== "false" ? i(A) : "";
+    }, N = (v) => {
+      P.value = v.map((l) => typeof l == "object" ? l[a] : l);
     };
-    ae(
+    ue(
       () => t.defaultSelection,
-      (k = [], V = []) => {
-        q.value = k.map(($) => typeof $ == "object" ? $[a] : $);
+      (v = [], l = []) => {
+        N(v);
       },
       { immediate: !0 }
     );
-    const N = () => {
-      _.value = 1, r.value = [], q.value = [], c.value = !1;
-    }, F = async () => {
-      if (C.value || c.value)
+    const R = () => {
+      x(), P.value = [];
+    }, x = () => {
+      _.value = 1, r.value = [], p.value = !1;
+    }, V = async () => {
+      if (q.value || p.value)
         return;
-      C.value = !0;
-      const k = await l(_.value);
-      k && k.length > 0 ? (r.value = [...r.value, ...k], _.value += 1) : c.value = !0, C.value = !1;
-    }, R = T(
-      () => r.value.filter((k) => q.value.includes(k[a]))
+      q.value = !0;
+      const v = await c(_.value);
+      v && v.length > 0 ? (r.value = [...r.value, ...v], _.value += 1) : p.value = !0, q.value = !1;
+    }, U = () => {
+      x(), V();
+    }, E = j(
+      () => r.value.filter((v) => P.value.includes(v[a]))
     ) || {};
-    return o({ reset: N, loadList: F, selectInfo: R, list: r, ifbottom: c }), (k, V) => {
-      const $ = d("el-checkbox"), E = d("el-checkbox-group"), p = G("infinite-scroll"), Y = G("loading");
-      return t.checkbox ? D((n(), i(E, g({
+    return o({
+      reset: R,
+      lowReset: x,
+      loadList: V,
+      selectInfo: E,
+      list: r,
+      ifbottom: p,
+      refreshList: U
+    }), (v, l) => {
+      const A = m("el-checkbox"), ee = m("el-checkbox-group"), M = G("infinite-scroll"), te = G("loading");
+      return t.checkbox ? C((n(), u(ee, b({
         key: 0,
-        modelValue: q.value,
-        "onUpdate:modelValue": V[0] || (V[0] = (z) => q.value = z)
+        modelValue: P.value,
+        "onUpdate:modelValue": l[0] || (l[0] = (z) => P.value = z)
       }, t), {
         default: f(() => [
-          D((n(), S("ul", {
+          C((n(), S("ul", {
             class: "list",
-            "infinite-scroll-disabled": c.value
+            "infinite-scroll-disabled": p.value
           }, [
-            (n(!0), S(L, null, P(r.value, (z) => (n(), S("li", {
-              key: z[m(a)],
+            (n(!0), S(L, null, $(r.value, (z) => (n(), S("li", {
+              key: z[d(a)],
               class: "list-item"
             }, [
-              Q($, {
-                label: z[m(a)],
+              T(A, {
+                label: z[d(a)],
                 class: "checkbox"
               }, {
                 default: f(() => [
-                  I(w(z[m(s)]) + " ", 1),
-                  t.extra ? (n(), i(U, {
+                  I(D(z[d(s)]) + " ", 1),
+                  t.extra ? (n(), u(F, {
                     key: 0,
                     i: z
                   }, null, 8, ["i"])) : y("", !0)
@@ -690,37 +710,37 @@ const Ce = /* @__PURE__ */ x(Ie, [["render", Le]]), De = ["infinite-scroll-disab
                 _: 2
               }, 1032, ["label"])
             ]))), 128))
-          ], 8, De)), [
-            [p, F]
+          ], 8, Be)), [
+            [M, V]
           ])
         ]),
         _: 1
       }, 16, ["modelValue"])), [
-        [Y, C.value]
-      ]) : D((n(), S("ul", g({
+        [te, q.value]
+      ]) : C((n(), S("ul", b({
         key: 1,
         class: "list",
-        "infinite-scroll-disabled": c.value
+        "infinite-scroll-disabled": p.value
       }, t), [
-        (n(!0), S(L, null, P(r.value, (z) => (n(), S("li", {
-          key: z[m(a)],
+        (n(!0), S(L, null, $(r.value, (z) => (n(), S("li", {
+          key: z[d(a)],
           class: "list-item"
         }, [
-          J("div", xe, [
-            I(w(z[m(s)]) + " ", 1),
-            t.extra ? (n(), i(U, {
+          H("div", Ue, [
+            I(D(z[d(s)]) + " ", 1),
+            t.extra ? (n(), u(F, {
               key: 0,
               i: z
             }, null, 8, ["i"])) : y("", !0)
           ])
         ]))), 128))
-      ], 16, we)), [
-        [p, F]
+      ], 16, Fe)), [
+        [M, V]
       ]);
     };
   }
 });
-const Be = /* @__PURE__ */ x(Fe, [["__scopeId", "data-v-6bf38adc"]]), Ue = { key: 1 }, Ge = /* @__PURE__ */ b({
+const Ne = /* @__PURE__ */ w(Ge, [["__scopeId", "data-v-fa74e9b9"]]), Re = { key: 1 }, Ee = /* @__PURE__ */ k({
   __name: "Descriptions",
   props: {
     formData: {
@@ -733,32 +753,32 @@ const Be = /* @__PURE__ */ x(Fe, [["__scopeId", "data-v-6bf38adc"]]), Ue = { key
     }
   },
   setup(e) {
-    const o = e, t = (l, a) => {
-      const { i: s, render: u, formData: r } = l;
-      return u({
+    const o = e, t = (c, a) => {
+      const { i: s, render: i, formData: r } = c;
+      return i({
         row: r,
         $index: s
       });
     };
-    return (l, a) => {
-      const s = d("el-descriptions-item"), u = d("el-descriptions");
-      return n(), i(u, g({
+    return (c, a) => {
+      const s = m("el-descriptions-item"), i = m("el-descriptions");
+      return n(), u(i, b({
         column: 1,
         border: "",
         class: "form-width"
       }, o), {
         default: f(() => [
-          (n(!0), S(L, null, P(o.formItem, (r, _) => (n(), i(s, g({
+          (n(!0), S(L, null, $(o.formItem, (r, _) => (n(), u(s, b({
             key: r.prop,
             label: r.label
           }, r.descriptionsItemProps), {
             default: f(() => [
-              r.render ? (n(), i(t, {
+              r.render ? (n(), u(t, {
                 key: 0,
                 i: _,
                 render: r.render,
                 formData: e.formData
-              }, null, 8, ["i", "render", "formData"])) : (n(), S("span", Ue, w(e.formData[r.prop]), 1))
+              }, null, 8, ["i", "render", "formData"])) : (n(), S("span", Re, D(e.formData[r.prop]), 1))
             ]),
             _: 2
           }, 1040, ["label"]))), 128))
@@ -767,9 +787,9 @@ const Be = /* @__PURE__ */ x(Fe, [["__scopeId", "data-v-6bf38adc"]]), Ue = { key
       }, 16);
     };
   }
-}), Ee = Ce, Ae = Be, Oe = Ge;
+}), Qe = xe, Te = Ne, je = Ee;
 export {
-  Oe as VDescriptions,
-  Ee as VGeneralBasicForm,
-  Ae as VInfiniteScrollList
+  je as VDescriptions,
+  Qe as VGeneralBasicForm,
+  Te as VInfiniteScrollList
 };

package/dist/index.umd.cjs

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

package/dist/style.css

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

package/package.json

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