general-basic-form 2.0.12 → 2.0.13

package/README.md

@@ -1,6 +1,6 @@
 # GeneralBasicForm
 
-一个兼容 Vue3 和 React(未来实现) 的表单组件 <br/>
+## 一个兼容 Vue3 和 React(未来实现) 的表单组件
 
 示例:
 
@@ -394,5 +394,74 @@ getList会传出默认的参数,首次请求时会有页数和分页大小,重
 
  'input-number' = 'input-number',
 
+
+
+## 对虚拟滚动列表+接口的封装
+
+
+
+![image-20231208165229296](https://raw.githubusercontent.com/Alan1034/PicturesServer/main/PicGo_imgs/202312081652392.png)
+
+```
+import { VInfiniteScrollList } from 'general-basic-form'
+<VInfiniteScrollList
+  :search="search"
+  id="user_id"
+  name="name"
+  ref="InfiniteScrollListRef"
+  :extra="extraRender"
+  :max="1"
+ />
+```
+
+```
+search：数据接口 (page: Number) => Promise<[]>
+id：数据key值（唯一和选择值）
+name：显示名字
+extra：同行额外显示的内容，(item: any) => Node|String
+```
+
+```
+ defineExpose({ reset, loadList, selectInfo });
+ InfiniteScrollListRef.value.reset()：重置列表内容
+ InfiniteScrollListRef.value.loadList()：重新请求列表内容
+ InfiniteScrollListRef?.value?.selectInfo：选择的内容
+```
+
+## 对展示描述列表的封装
+
+![image-20231208182455415](https://raw.githubusercontent.com/Alan1034/PicturesServer/main/PicGo_imgs/202312081824708.png)
+
+```
+import { VDescriptions } from 'general-basic-form'
+ <VDescriptions
+  :formData="props.formData"
+  :formItem="formItem"
+  :descriptionsItemProps="{
+    'label-class-name': 'label-class-name'
+  }"
+  ...其他el-descriptions的配置
+ />
+```
+
+```
+formData：Object
+formItem：[ {
+      label: '受访人',
+      prop: 'contactors',
+      render: (scope: any) => {
+        const { $index, row = {} } = scope
+        const { contactors = [] } = row
+        const ele = (contactors.length > 0 ? <span>{contactors.map((item: any) => item.name).join("，")} </span> : null)
+        return ele
+      }
+    },
+    {
+      label: '拜访详情',
+      prop: 'detail',
+  }]
+descriptionsItemProps:el-descriptions-item的配置
+```
+
 安装：npm i general-basic-form<br/>
-install: npm i general-basic-form
+install: npm i general-basic-form

package/dist/index.js

@@ -1,20 +1,20 @@
-import { defineComponent as h, inject as _, resolveComponent as c, openBlock as o, createBlock as s, mergeProps as b, withKeys as J, createSlots as F, renderList as k, withCtx as g, resolveDynamicComponent as U, createCommentVNode as y, ref as v, unref as d, resolveDirective as G, withDirectives as I, createElementBlock as V, createVNode as N, createElementVNode as X, computed as R, onBeforeUnmount as Y, normalizeStyle as Z, createTextVNode as $, toDisplayString as E, h as x, normalizeProps as ee, guardReactiveProps as te, Fragment as C, provide as q, renderSlot as D, vShow as ne } from "vue";
-import { useRoute as oe } from "vue-router";
-const A = {
+import { defineComponent as g, inject as v, resolveComponent as c, openBlock as o, createBlock as u, mergeProps as k, withKeys as X, createSlots as x, renderList as z, withCtx as f, resolveDynamicComponent as K, createCommentVNode as b, ref as y, unref as m, resolveDirective as U, withDirectives as D, createElementBlock as P, createVNode as O, createElementVNode as Y, computed as Q, onBeforeUnmount as Z, normalizeStyle as ee, createTextVNode as V, toDisplayString as w, h as te, normalizeProps as ne, guardReactiveProps as oe, Fragment as F, provide as A, renderSlot as j, vShow as re } from "vue";
+import { useRoute as se } from "vue-router";
+const M = {
   placeholder: "请输入",
   style: "width: 200px",
   clearable: !0
-}, re = {
+}, ie = {
   style: "width: 227px",
   "start-placeholder": "开始日期",
   "end-placeholder": "结束日期",
   type: "daterange"
-}, Q = {
+}, W = {
   placeholder: "请选择",
   filterable: !0,
   clearable: !0,
   style: "width: 200px"
-}, ae = h({
+}, ae = g({
   components: {
     InputArchive: (e) => {
       const { templateEle: n } = e;
@@ -26,13 +26,13 @@ const A = {
     // null就是any
   },
   setup() {
-    const e = _("queryParams", {}), n = _("getList"), t = _("size");
+    const e = v("queryParams", {}), n = v("getList"), t = v("size");
     return { queryParams: e, getList: n, size: t };
   },
   data() {
     return {
       inputSetting: {
-        ...A,
+        ...M,
         ...this.item.inputSetting
       }
     };
@@ -54,120 +54,120 @@ const A = {
   //     console.log(val);
   //   },
   // },
-}), P = (e, n) => {
+}), I = (e, n) => {
   const t = e.__vccOpts || e;
-  for (const [r, a] of n)
-    t[r] = a;
+  for (const [l, s] of n)
+    t[l] = s;
   return t;
 };
-function ie(e, n, t, r, a, i) {
-  const l = c("el-input");
-  return o(), s(l, b({
-    onKeydown: J(e.getList, ["enter"]),
+function le(e, n, t, l, s, a) {
+  const r = c("el-input");
+  return o(), u(r, k({
+    onKeydown: X(e.getList, ["enter"]),
     modelValue: e.queryParams[e.item.prop],
-    "onUpdate:modelValue": n[0] || (n[0] = (u) => e.queryParams[e.item.prop] = u),
+    "onUpdate:modelValue": n[0] || (n[0] = (i) => e.queryParams[e.item.prop] = i),
     size: e.size
-  }, e.inputSetting), F({ _: 2 }, [
-    k(e.item.template, (u, m) => ({
-      name: m,
-      fn: g(() => [
-        u ? (o(), s(U(e.currentInputComponent()), {
-          key: m,
-          templateEle: u
-        }, null, 8, ["templateEle"])) : y("", !0)
+  }, e.inputSetting), x({ _: 2 }, [
+    z(e.item.template, (i, d) => ({
+      name: d,
+      fn: f(() => [
+        i ? (o(), u(K(e.currentInputComponent()), {
+          key: d,
+          templateEle: i
+        }, null, 8, ["templateEle"])) : b("", !0)
       ])
     }))
   ]), 1040, ["onKeydown", "modelValue", "size"]);
 }
-const L = /* @__PURE__ */ P(ae, [["render", ie]]), se = /* @__PURE__ */ h({
+const T = /* @__PURE__ */ I(ae, [["render", le]]), ue = /* @__PURE__ */ g({
   __name: "index",
   props: {
     item: {}
   },
   setup(e) {
-    const { item: n } = e, t = _("queryParams", {}), r = _("size"), a = v({
-      ...A,
+    const { item: n } = e, t = v("queryParams", {}), l = v("size"), s = y({
+      ...M,
       ...n.inputSetting
     });
-    return (i, l) => {
-      const u = c("el-input-number");
-      return o(), s(u, b({
-        modelValue: d(t)[i.item.prop],
-        "onUpdate:modelValue": l[0] || (l[0] = (m) => d(t)[i.item.prop] = m),
-        size: d(r)
-      }, a.value), null, 16, ["modelValue", "size"]);
+    return (a, r) => {
+      const i = c("el-input-number");
+      return o(), u(i, k({
+        modelValue: m(t)[a.item.prop],
+        "onUpdate:modelValue": r[0] || (r[0] = (d) => m(t)[a.item.prop] = d),
+        size: m(l)
+      }, s.value), null, 16, ["modelValue", "size"]);
     };
   }
-}), T = Symbol(), le = { class: "input-graphic-verification" }, ue = ["src"], pe = /* @__PURE__ */ h({
+}), H = Symbol(), ce = { class: "input-graphic-verification" }, pe = ["src"], me = /* @__PURE__ */ g({
   __name: "index",
   props: {
     item: {}
   },
   setup(e) {
-    const { item: n } = e, { graphicSrc: t = "", getGraphic: r = () => {
-    } } = n, { formLoading: a, updateFormLoading: i } = _(T), l = async () => {
-      r && !a.value && await r();
+    const { item: n } = e, { graphicSrc: t = "", getGraphic: l = () => {
+    } } = n, { formLoading: s, updateFormLoading: a } = v(H), r = async () => {
+      l && !s.value && await l();
     };
-    return (u, m) => {
-      const f = G("loading");
-      return I((o(), V("div", le, [
-        N(L, {
-          item: u.item,
+    return (i, d) => {
+      const _ = U("loading");
+      return D((o(), P("div", ce, [
+        O(T, {
+          item: i.item,
           class: "input"
         }, null, 8, ["item"]),
-        X("img", {
+        Y("img", {
           class: "graphic",
-          onClick: l,
-          src: d(t)
-        }, null, 8, ue)
+          onClick: r,
+          src: m(t)
+        }, null, 8, pe)
       ])), [
-        [f, d(a)]
+        [_, m(s)]
       ]);
     };
   }
 });
-const ce = /* @__PURE__ */ P(pe, [["__scopeId", "data-v-500ec9b0"]]), z = "获取验证码", me = 60, de = /* @__PURE__ */ h({
+const de = /* @__PURE__ */ I(me, [["__scopeId", "data-v-500ec9b0"]]), C = "获取验证码", _e = 60, fe = /* @__PURE__ */ g({
   __name: "verification-button",
   props: {
     getSmscode: { type: Function }
   },
   setup(e) {
-    const { getSmscode: n } = e, t = v(z), r = v(null), a = R(() => t.value === z), i = () => {
-      r && (clearInterval(r.value), r.value = null, t.value = z);
-    }, l = async () => {
-      if (t.value === z)
-        if (t.value = me, r.value = setInterval(() => {
+    const { getSmscode: n } = e, t = y(C), l = y(null), s = Q(() => t.value === C), a = () => {
+      l && (clearInterval(l.value), l.value = null, t.value = C);
+    }, r = async () => {
+      if (t.value === C)
+        if (t.value = _e, l.value = setInterval(() => {
           if (Number(t.value) <= 0 || !t.value) {
-            i();
+            a();
             return;
           } else
             t.value = Number(t.value) - 1;
         }, 1e3), n)
-          await n() === !1 && i();
+          await n() === !1 && a();
         else
           return;
     };
-    return Y(() => {
-      i();
-    }), (u, m) => {
-      const f = c("el-button");
-      return o(), s(f, {
+    return Z(() => {
+      a();
+    }), (i, d) => {
+      const _ = c("el-button");
+      return o(), u(_, {
         class: "verifiaction-button",
-        style: Z({
-          color: a.value ? "var(--color-primary, #409EFF)" : "var(--text-color-placeholder, #A8ABB2)",
-          cursor: a.value ? "pointer" : "default"
+        style: ee({
+          color: s.value ? "var(--color-primary, #409EFF)" : "var(--text-color-placeholder, #A8ABB2)",
+          cursor: s.value ? "pointer" : "default"
         }),
-        onClick: l
+        onClick: r
       }, {
-        default: g(() => [
-          $(E(a.value ? z : t.value + "s"), 1)
+        default: f(() => [
+          V(w(s.value ? C : t.value + "s"), 1)
         ]),
         _: 1
       }, 8, ["style"]);
     };
   }
 });
-const _e = /* @__PURE__ */ P(de, [["__scopeId", "data-v-4074e137"]]), fe = /* @__PURE__ */ h({
+const ye = /* @__PURE__ */ I(fe, [["__scopeId", "data-v-4074e137"]]), ve = /* @__PURE__ */ g({
   __name: "index",
   props: {
     item: {}
@@ -175,15 +175,15 @@ const _e = /* @__PURE__ */ P(de, [["__scopeId", "data-v-4074e137"]]), fe = /* @_
   setup(e) {
     const { item: n } = e, t = n;
     return t.template = {
-      append: () => x(_e, {
+      append: () => te(ye, {
         getSmscode: t.getSmscode
       })
-    }, (r, a) => (o(), s(L, {
-      item: d(t),
+    }, (l, s) => (o(), u(T, {
+      item: m(t),
       class: "input"
     }, null, 8, ["item"]));
   }
-}), ye = h({
+}), ge = g({
   components: {
     slotArchive: (e) => {
       const { templateEle: n } = e;
@@ -209,46 +209,46 @@ const _e = /* @__PURE__ */ P(de, [["__scopeId", "data-v-4074e137"]]), fe = /* @_
     }
   }
 });
-function ge(e, n, t, r, a, i) {
-  const l = c("el-divider");
-  return o(), s(l, ee(te(e.dividerSetting)), F({ _: 2 }, [
-    k(e.item.template, (u, m) => ({
-      name: m,
-      fn: g(() => [
-        u ? (o(), s(U(e.currentInputComponent()), {
-          key: m,
-          templateEle: u
-        }, null, 8, ["templateEle"])) : y("", !0)
+function he(e, n, t, l, s, a) {
+  const r = c("el-divider");
+  return o(), u(r, ne(oe(e.dividerSetting)), x({ _: 2 }, [
+    z(e.item.template, (i, d) => ({
+      name: d,
+      fn: f(() => [
+        i ? (o(), u(K(e.currentInputComponent()), {
+          key: d,
+          templateEle: i
+        }, null, 8, ["templateEle"])) : b("", !0)
       ])
     }))
   ]), 1040);
 }
-const he = /* @__PURE__ */ P(ye, [["render", ge]]), ve = /* @__PURE__ */ h({
+const be = /* @__PURE__ */ I(ge, [["render", he]]), ke = /* @__PURE__ */ g({
   __name: "index",
   props: {
     item: {}
   },
   setup(e) {
-    const { item: n } = e, t = _("queryParams", {}), r = _("size"), a = v({
+    const { item: n } = e, t = v("queryParams", {}), l = v("size"), s = y({
       ...n.radioSetting
-    }), i = v({
+    }), a = y({
       ...n.radioGroupSetting
     });
-    return (l, u) => {
-      const m = c("el-radio"), f = c("el-radio-group");
-      return o(), s(f, b({
-        modelValue: d(t)[l.item.prop],
-        "onUpdate:modelValue": u[0] || (u[0] = (S) => d(t)[l.item.prop] = S),
-        size: d(r)
-      }, i.value), {
-        default: g(() => [
-          (o(!0), V(C, null, k(l.item.option || [], (S) => (o(), s(m, b({
-            size: d(r),
-            label: S.label,
-            key: S.label
-          }, a.value), {
-            default: g(() => [
-              $(E(S.value), 1)
+    return (r, i) => {
+      const d = c("el-radio"), _ = c("el-radio-group");
+      return o(), u(_, k({
+        modelValue: m(t)[r.item.prop],
+        "onUpdate:modelValue": i[0] || (i[0] = (h) => m(t)[r.item.prop] = h),
+        size: m(l)
+      }, a.value), {
+        default: f(() => [
+          (o(!0), P(F, null, z(r.item.option || [], (h) => (o(), u(d, k({
+            size: m(l),
+            label: h.label,
+            key: h.label
+          }, s.value), {
+            default: f(() => [
+              V(w(h.value), 1)
             ]),
             _: 2
           }, 1040, ["size", "label"]))), 128))
@@ -257,84 +257,84 @@ const he = /* @__PURE__ */ P(ye, [["render", ge]]), ve = /* @__PURE__ */ h({
       }, 16, ["modelValue", "size"]);
     };
   }
-}), be = /* @__PURE__ */ h({
+}), Se = /* @__PURE__ */ g({
   __name: "index",
   props: {
     item: {}
   },
   setup(e) {
-    const { item: n } = e, t = _("queryParams", {}), r = _("size"), a = v({
-      ...re,
+    const { item: n } = e, t = v("queryParams", {}), l = v("size"), s = y({
+      ...ie,
       ...n.datePackerSetting
     });
-    return (i, l) => {
-      const u = c("el-date-picker");
-      return o(), s(u, b({
-        modelValue: d(t)[i.item.prop],
-        "onUpdate:modelValue": l[0] || (l[0] = (m) => d(t)[i.item.prop] = m),
-        size: d(r)
-      }, a.value), null, 16, ["modelValue", "size"]);
+    return (a, r) => {
+      const i = c("el-date-picker");
+      return o(), u(i, k({
+        modelValue: m(t)[a.item.prop],
+        "onUpdate:modelValue": r[0] || (r[0] = (d) => m(t)[a.item.prop] = d),
+        size: m(l)
+      }, s.value), null, 16, ["modelValue", "size"]);
     };
   }
-}), Se = /* @__PURE__ */ h({
+}), Pe = /* @__PURE__ */ g({
   __name: "index",
   props: {
     item: {}
   },
   setup(e) {
-    const { item: n } = e, t = _("queryParams", {}), r = _("size"), a = v({
-      ...Q,
+    const { item: n } = e, t = v("queryParams", {}), l = v("size"), s = y({
+      ...W,
       ...n.selectSetting
     });
-    return (i, l) => {
-      const u = c("el-option"), m = c("el-select");
-      return o(), s(m, b({
-        modelValue: d(t)[i.item.prop],
-        "onUpdate:modelValue": l[0] || (l[0] = (f) => d(t)[i.item.prop] = f),
-        size: d(r)
-      }, a.value), {
-        default: g(() => [
-          (o(!0), V(C, null, k(i.item.option || [], (f) => (o(), s(u, {
-            key: f.value,
-            label: f.label,
-            value: f.value
+    return (a, r) => {
+      const i = c("el-option"), d = c("el-select");
+      return o(), u(d, k({
+        modelValue: m(t)[a.item.prop],
+        "onUpdate:modelValue": r[0] || (r[0] = (_) => m(t)[a.item.prop] = _),
+        size: m(l)
+      }, s.value), {
+        default: f(() => [
+          (o(!0), P(F, null, z(a.item.option || [], (_) => (o(), u(i, {
+            key: _.value,
+            label: _.label,
+            value: _.value
           }, null, 8, ["label", "value"]))), 128))
         ]),
         _: 1
       }, 16, ["modelValue", "size"]);
     };
   }
-}), ze = /* @__PURE__ */ h({
+}), ze = /* @__PURE__ */ g({
   __name: "index",
   props: {
     item: {}
   },
   setup(e) {
-    const { item: n } = e, t = _("queryParams", {}), r = _("size"), a = v({
-      ...Q,
+    const { item: n } = e, t = v("queryParams", {}), l = v("size"), s = y({
+      ...W,
       ...n.selectSetting
     });
-    return (i, l) => {
-      const u = c("el-cascader");
-      return o(), s(u, b({
-        modelValue: d(t)[i.item.prop],
-        "onUpdate:modelValue": l[0] || (l[0] = (m) => d(t)[i.item.prop] = m),
-        size: d(r),
-        options: i.item.options || []
-      }, a.value), null, 16, ["modelValue", "size", "options"]);
+    return (a, r) => {
+      const i = c("el-cascader");
+      return o(), u(i, k({
+        modelValue: m(t)[a.item.prop],
+        "onUpdate:modelValue": r[0] || (r[0] = (d) => m(t)[a.item.prop] = d),
+        size: m(l),
+        options: a.item.options || []
+      }, s.value), null, 16, ["modelValue", "size", "options"]);
     };
   }
-}), ke = h({
+}), $e = g({
   name: "GeneralBasicForm",
   components: {
-    Input: L,
-    InputNumber: se,
-    InputGraphicVerification: ce,
-    InputMobileVerification: fe,
-    Divider: he,
-    Radio: ve,
-    DatePicker: be,
-    Select: Se,
+    Input: T,
+    InputNumber: ue,
+    InputGraphicVerification: de,
+    InputMobileVerification: ve,
+    Divider: be,
+    Radio: ke,
+    DatePicker: Se,
+    Select: Pe,
     Cascader: ze
   },
   props: {
@@ -398,26 +398,26 @@ const he = /* @__PURE__ */ P(ye, [["render", ge]]), ve = /* @__PURE__ */ h({
     };
   },
   setup(e) {
-    const { size: n, noUrlParameters: t, getList: r } = e, a = oe(), i = v({
-      ...t ? {} : a == null ? void 0 : a.query
+    const { size: n, noUrlParameters: t, getList: l } = e, s = se(), a = y({
+      ...t ? {} : s == null ? void 0 : s.query
     });
-    return q(
+    return A(
       /* 注入名 */
       "queryParams",
       /* 值 */
-      i
-    ), q(
+      a
+    ), A(
       /* 注入名 */
       "size",
       /* 值 */
       n
-    ), q(
+    ), A(
       /* 注入名 */
       "getList",
       /* 值 */
-      r
+      l
     ), {
-      queryParams: i
+      queryParams: a
     };
   },
   watch: {
@@ -443,8 +443,8 @@ const he = /* @__PURE__ */ P(ye, [["render", ge]]), ve = /* @__PURE__ */ h({
   provide() {
     return {
       // 显式提供一个计算属性
-      [T]: {
-        formLoading: R(() => this.formLoading),
+      [H]: {
+        formLoading: Q(() => this.formLoading),
         updateFormLoading: (e) => {
           this.formLoading = e;
         }
@@ -479,97 +479,210 @@ const he = /* @__PURE__ */ P(ye, [["render", ge]]), ve = /* @__PURE__ */ h({
     }
   }
 });
-function Pe(e, n, t, r, a, i) {
-  const l = c("Input"), u = c("Radio"), m = c("Select"), f = c("Divider"), S = c("Cascader"), K = c("DatePicker"), O = c("InputNumber"), M = c("InputMobileVerification"), j = c("InputGraphicVerification"), w = c("el-form-item"), B = c("el-button"), W = c("el-form"), H = G("loading");
-  return I((o(), s(W, b({
+function qe(e, n, t, l, s, a) {
+  const r = c("Input"), i = c("Radio"), d = c("Select"), _ = c("Divider"), h = c("Cascader"), $ = c("DatePicker"), G = c("InputNumber"), B = c("InputMobileVerification"), N = c("InputGraphicVerification"), S = c("el-form-item"), L = c("el-button"), R = c("el-form"), E = U("loading");
+  return D((o(), u(R, k({
     model: e.queryParams,
     ref: "queryFormRef",
     inline: "",
     "label-position": "left",
     "label-width": e.labelWidth
   }, e.$attrs), {
-    default: g(() => [
-      (o(!0), V(C, null, k(e.formItem, (p) => (o(), s(w, {
+    default: f(() => [
+      (o(!0), P(F, null, z(e.formItem, (p) => (o(), u(S, {
         label: p.label,
         prop: p.prop,
         key: p.prop,
         rules: p.rules
       }, {
-        default: g(() => [
-          p.type === "input" ? (o(), s(l, {
+        default: f(() => [
+          p.type === "input" ? (o(), u(r, {
             key: 0,
             item: p
-          }, null, 8, ["item"])) : y("", !0),
-          p.type === "radio" ? (o(), s(u, {
+          }, null, 8, ["item"])) : b("", !0),
+          p.type === "radio" ? (o(), u(i, {
             key: 1,
             item: p
-          }, null, 8, ["item"])) : y("", !0),
-          p.type === "select" ? (o(), s(m, {
+          }, null, 8, ["item"])) : b("", !0),
+          p.type === "select" ? (o(), u(d, {
             key: 2,
             item: p
-          }, null, 8, ["item"])) : y("", !0),
-          p.type === "divider" ? (o(), s(f, {
+          }, null, 8, ["item"])) : b("", !0),
+          p.type === "divider" ? (o(), u(_, {
             key: 3,
             item: p
-          }, null, 8, ["item"])) : y("", !0),
-          p.type === "cascader" ? (o(), s(S, {
+          }, null, 8, ["item"])) : b("", !0),
+          p.type === "cascader" ? (o(), u(h, {
             key: 4,
             item: p
-          }, null, 8, ["item"])) : y("", !0),
-          p.type === "date-picker" ? (o(), s(K, {
+          }, null, 8, ["item"])) : b("", !0),
+          p.type === "date-picker" ? (o(), u($, {
             key: 5,
             item: p
-          }, null, 8, ["item"])) : y("", !0),
-          p.type === "input-number" ? (o(), s(O, {
+          }, null, 8, ["item"])) : b("", !0),
+          p.type === "input-number" ? (o(), u(G, {
             key: 6,
             item: p
-          }, null, 8, ["item"])) : y("", !0),
-          p.type === "input-mobile-verification" ? (o(), s(M, {
+          }, null, 8, ["item"])) : b("", !0),
+          p.type === "input-mobile-verification" ? (o(), u(B, {
             key: 7,
             item: p
-          }, null, 8, ["item"])) : y("", !0),
-          p.type === "input-graphic-verification" ? (o(), s(j, {
+          }, null, 8, ["item"])) : b("", !0),
+          p.type === "input-graphic-verification" ? (o(), u(N, {
             item: p,
             key: p.key
-          }, null, 8, ["item"])) : y("", !0)
+          }, null, 8, ["item"])) : b("", !0)
         ]),
         _: 2
       }, 1032, ["label", "prop", "rules"]))), 128)),
-      D(e.$slots, "default"),
-      e.formOnly ? y("", !0) : (o(), s(w, { key: 0 }, {
-        default: g(() => [
-          I((o(), s(B, {
+      j(e.$slots, "default"),
+      e.formOnly ? b("", !0) : (o(), u(S, { key: 0 }, {
+        default: f(() => [
+          D((o(), u(L, {
             type: "primary",
             size: e.size,
             onClick: e.handleQuery
           }, {
-            default: g(() => [
-              $("查询")
+            default: f(() => [
+              V("查询")
             ]),
             _: 1
           }, 8, ["size", "onClick"])), [
-            [H, e.formLoading]
+            [E, e.formLoading]
           ]),
-          N(B, {
+          O(L, {
             size: e.size,
             onClick: e.resetQuery
           }, {
-            default: g(() => [
-              $("重置")
+            default: f(() => [
+              V("重置")
             ]),
             _: 1
           }, 8, ["size", "onClick"])
         ]),
         _: 1
       })),
-      D(e.$slots, "behind-the-button")
+      j(e.$slots, "behind-the-button")
     ]),
     _: 3
   }, 16, ["model", "label-width"])), [
-    [ne, e.showSearch]
+    [re, e.showSearch]
   ]);
 }
-const $e = /* @__PURE__ */ P(ke, [["render", Pe]]), Ie = $e;
+const Ve = /* @__PURE__ */ I($e, [["render", qe]]), Ie = ["infinite-scroll-disabled"], Le = /* @__PURE__ */ g({
+  __name: "InfiniteScrollList",
+  props: {
+    search: {
+      type: Function,
+      required: !0
+    },
+    id: {
+      type: String,
+      required: !0
+    },
+    name: {
+      type: String,
+      required: !0
+    },
+    extra: {
+      type: Function,
+      required: !1
+    }
+  },
+  setup(e, { expose: n }) {
+    const t = e, { search: l, id: s, name: a, extra: r } = t, i = y([]), d = y(1), _ = y(!1), h = y([]), $ = y(!1), G = () => {
+      d.value = 1, i.value = [], h.value = [], _.value = !1;
+    }, B = async () => {
+      if ($.value || _.value)
+        return;
+      $.value = !0;
+      const S = await l(d.value);
+      S && S.length > 0 ? (i.value = [...i.value, ...S], d.value += 1) : _.value = !0, $.value = !1;
+    }, N = Q(
+      () => i.value.filter((S) => h.value.includes(S[s]))
+    ) || {};
+    return n({ reset: G, loadList: B, selectInfo: N }), (S, L) => {
+      const R = c("el-checkbox"), E = c("el-checkbox-group"), p = U("infinite-scroll"), J = U("loading");
+      return D((o(), u(E, k({
+        modelValue: h.value,
+        "onUpdate:modelValue": L[0] || (L[0] = (q) => h.value = q)
+      }, t), {
+        default: f(() => [
+          D((o(), P("ul", {
+            class: "list",
+            "infinite-scroll-disabled": _.value
+          }, [
+            (o(!0), P(F, null, z(i.value, (q) => (o(), P("li", {
+              key: q[m(s)],
+              class: "list-item"
+            }, [
+              O(R, {
+                label: q[m(s)],
+                class: "checkbox"
+              }, {
+                default: f(() => [
+                  V(w(q[m(a)]) + " " + w(m(r) && m(r)(q)), 1)
+                ]),
+                _: 2
+              }, 1032, ["label"])
+            ]))), 128))
+          ], 8, Ie)), [
+            [p, B]
+          ])
+        ]),
+        _: 1
+      }, 16, ["modelValue"])), [
+        [J, $.value]
+      ]);
+    };
+  }
+});
+const Ce = /* @__PURE__ */ I(Le, [["__scopeId", "data-v-fda8f794"]]), De = /* @__PURE__ */ g({
+  __name: "Descriptions",
+  props: {
+    formData: {
+      type: Object,
+      required: !0
+    },
+    descriptionsItemProps: {
+      type: Object,
+      required: !1
+    },
+    formItem: {
+      type: Array,
+      required: !0
+    }
+  },
+  setup(e) {
+    const n = e;
+    return (t, l) => {
+      const s = c("el-descriptions-item"), a = c("el-descriptions");
+      return o(), u(a, k({
+        column: 1,
+        border: "",
+        class: "form-width"
+      }, n), {
+        default: f(() => [
+          (o(!0), P(F, null, z(n.formItem, (r, i) => (o(), u(s, k({
+            key: r.prop,
+            label: r.label
+          }, n.descriptionsItemProps), {
+            default: f(() => [
+              V(w(r.render ? r.render({
+                row: e.formData,
+                $index: i
+              }) : e.formData[r.prop]), 1)
+            ]),
+            _: 2
+          }, 1040, ["label"]))), 128))
+        ]),
+        _: 1
+      }, 16);
+    };
+  }
+}), Be = Ve, Ue = Ce, Ge = De;
 export {
-  Ie as VGeneralBasicForm
+  Ge as VDescriptions,
+  Be as VGeneralBasicForm,
+  Ue as VInfiniteScrollList
 };

package/dist/index.umd.cjs

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

package/package.json

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