general-basic-form 2.0.53 → 2.0.55

package/dist/index.js

@@ -0,0 +1,987 @@
+import { defineComponent as k, inject as y, resolveComponent as d, openBlock as r, createBlock as c, mergeProps as v, withKeys as Z, createSlots as X, renderList as q, withCtx as _, resolveDynamicComponent as w, createCommentVNode as g, ref as b, unref as m, onMounted as ue, createElementBlock as S, computed as M, shallowRef as T, onBeforeUnmount as ce, createTextVNode as D, toDisplayString as E, h as J, normalizeProps as pe, guardReactiveProps as me, Fragment as x, provide as j, resolveDirective as Q, withDirectives as A, renderSlot as K, createVNode as ee, vShow as de, watch as te, createElementVNode as fe } from "vue";
+import { useRoute as ye } from "vue-router";
+const Y = {
+  placeholder: "请输入",
+  style: "width: 200px",
+  clearable: !0
+}, he = {
+  style: "width: 227px",
+  "start-placeholder": "开始日期",
+  "end-placeholder": "结束日期",
+  type: "daterange"
+}, ne = {
+  placeholder: "请选择",
+  filterable: !0,
+  clearable: !0,
+  style: "width: 200px"
+}, _e = k({
+  components: {
+    InputArchive: (e) => {
+      const { templateEle: t } = e;
+      return t();
+    }
+  },
+  props: {
+    item: null
+    // null就是any
+  },
+  setup() {
+    const e = y("queryParams", {}), t = y("getList"), n = y("size", "default");
+    return { queryParams: e, getList: t, size: n };
+  },
+  data() {
+    return {
+      inputSetting: {
+        ...Y,
+        ...this.item.inputSetting,
+        ...this.item.setting
+      }
+    };
+  },
+  // created() {
+  //   console.log("new", this.item);
+  //   console.log("new", this.inputSetting);
+  // },
+  methods: {
+    currentInputComponent() {
+      return "input-archive";
+    }
+  }
+  // watch: {
+  //   item(val) {
+  //     console.log("item", val);
+  //   },
+  //   size(val) {
+  //     console.log(val);
+  //   },
+  // },
+}), B = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [l, s] of t)
+    n[l] = s;
+  return n;
+};
+function ge(e, t, n, l, s, u) {
+  const a = d("el-input");
+  return r(), c(a, v({
+    onKeydown: Z(e.getList, ["enter"]),
+    modelValue: e.queryParams[e.item.prop],
+    "onUpdate:modelValue": t[0] || (t[0] = (i) => e.queryParams[e.item.prop] = i),
+    size: e.size
+  }, e.inputSetting), X({ _: 2 }, [
+    q(e.item.template, (i, o) => ({
+      name: o,
+      fn: _(() => [
+        i ? (r(), c(w(e.currentInputComponent()), {
+          key: o,
+          templateEle: i
+        }, null, 8, ["templateEle"])) : g("", !0)
+      ])
+    }))
+  ]), 1040, ["onKeydown", "modelValue", "size"]);
+}
+const U = /* @__PURE__ */ B(_e, [["render", ge]]), ve = /* @__PURE__ */ k({
+  __name: "index",
+  props: {
+    item: {}
+  },
+  setup(e) {
+    const t = y("queryParams", {}), n = y("size"), l = b({
+      ...Y,
+      ...e.item.inputSetting,
+      ...e.item.setting
+    });
+    return (s, u) => {
+      const a = d("el-input-number");
+      return r(), c(a, v({
+        modelValue: m(t)[s.item.prop],
+        "onUpdate:modelValue": u[0] || (u[0] = (i) => m(t)[s.item.prop] = i),
+        size: m(n)
+      }, l.value), null, 16, ["modelValue", "size"]);
+    };
+  }
+}), be = k({
+  components: {
+    InputArchive: (e) => {
+      const { templateEle: t } = e;
+      return t();
+    }
+  },
+  props: {
+    item: null
+    // null就是any
+  },
+  setup() {
+    const e = y("queryParams", {}), t = y("getList", () => {
+    }), n = y("size", "default"), s = y("Form").useInjectFormItemContext();
+    return { queryParams: e, getList: t, size: n, formItemContext: s };
+  },
+  data() {
+    return {
+      inputSetting: {
+        ...Y,
+        ...this.item.inputSetting,
+        ...this.item.setting
+      }
+    };
+  },
+  // created() {
+  //   console.log("new", this.item);
+  //   console.log("new", this.inputSetting);
+  // },
+  methods: {
+    currentInputComponent() {
+      return "input-archive";
+    },
+    onInputChange(e) {
+      this.queryParams[this.item.prop] = e.target.value, this.formItemContext.onFieldChange();
+    }
+  }
+  // watch: {
+  //   item(val) {
+  //     console.log("item", val);
+  //   },
+  //   size(val) {
+  //     console.log(val);
+  //   },
+  // },
+});
+function ke(e, t, n, l, s, u) {
+  const a = d("a-input");
+  return r(), c(a, v({
+    onKeydown: Z(e.getList, ["enter"]),
+    onChange: e.onInputChange,
+    value: e.queryParams[e.item.prop],
+    size: e.size
+  }, e.inputSetting), X({ _: 2 }, [
+    q(e.item.template, (i, o) => ({
+      name: o,
+      fn: _(() => [
+        i ? (r(), c(w(e.currentInputComponent()), {
+          key: o,
+          templateEle: i
+        }, null, 8, ["templateEle"])) : g("", !0)
+      ])
+    }))
+  ]), 1040, ["onKeydown", "onChange", "value", "size"]);
+}
+const oe = /* @__PURE__ */ B(be, [["render", ke]]), re = Symbol(), Se = /* @__PURE__ */ k({
+  __name: "index",
+  props: {
+    imgSrc: {}
+  },
+  setup(e) {
+    const t = b();
+    return ue(() => {
+      const n = new Image(), l = [], s = 8, u = 8;
+      let a = 0, i = 0;
+      const o = 300, f = t.value, $ = f.getContext("2d");
+      n.onload = function() {
+        f.width = n.width, f.height = n.height, i = Math.floor(n.width / s), a = Math.floor(n.height / u), P(), C();
+      }, n.src = e.imgSrc;
+      const P = () => {
+        for (let z = 0; z < u; z++)
+          for (let h = 0; h < s; h++)
+            l.push({
+              x: i * h,
+              y: a * z,
+              offsetX: (Math.random() - 0.5) * o,
+              offsetY: (Math.random() - 0.5) * o
+            });
+      }, C = () => {
+        $.clearRect(0, 0, f.width, f.height);
+        let z = !0;
+        l.forEach((h, F) => {
+          $.drawImage(n, h.x, h.y, i, a, h.x + h.offsetX, h.y + h.offsetY, i, a), Math.abs(h.offsetX) > 0.5 && (z = !1, h.offsetX *= 0.95), Math.abs(h.offsetY) > 0.5 && (h.offsetY *= 0.95, z = !1);
+        }), z ? setTimeout(() => {
+          P(), C();
+        }, 300) : requestAnimationFrame(C);
+      };
+    }), (n, l) => (r(), S("canvas", {
+      ref_key: "loadingCanvas",
+      ref: t
+    }, null, 512));
+  }
+}), $e = { class: "input-graphic-verification" }, Ie = ["src", "alt"], Pe = /* @__PURE__ */ k({
+  __name: "index",
+  props: {
+    item: {},
+    componentType: { default: "Element Plus" },
+    loading: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const {
+      graphicSrc: t = "",
+      graphicAlt: n = "",
+      getGraphic: l = () => {
+      },
+      key: s
+    } = e.item, { formLoading: u } = y(re, !1), a = M(() => (u == null ? void 0 : u.value) || e.loading), i = async () => {
+      l && !(a != null && a.value) && await l();
+    }, o = T(U);
+    switch (e.componentType) {
+      case "Element Plus":
+        o.value = U;
+        break;
+      case "Ant Design Vue":
+        o.value = oe;
+        break;
+    }
+    return (f, $) => (r(), S("div", $e, [
+      (r(), c(w(o.value), {
+        item: f.item,
+        class: "input"
+      }, null, 8, ["item"])),
+      a.value ? (r(), c(Se, {
+        key: 0,
+        class: "graphic",
+        imgSrc: m(t)
+      }, null, 8, ["imgSrc"])) : (r(), S("img", {
+        key: 1,
+        class: "graphic",
+        onClick: i,
+        src: m(t),
+        alt: m(n) || `${m(s)}`
+      }, null, 8, Ie))
+    ]));
+  }
+});
+const se = /* @__PURE__ */ B(Pe, [["__scopeId", "data-v-f76fdd37"]]), R = "获取验证码", ze = 60, Ve = /* @__PURE__ */ k({
+  __name: "verification-button",
+  props: {
+    getSmscode: { type: Function },
+    componentType: { default: "Element Plus" },
+    item: {}
+  },
+  setup(e) {
+    const t = b(R), n = b(null), l = M(() => t.value === R), s = T("el-button");
+    switch (e.componentType) {
+      case "Element Plus":
+        s.value = "el-button";
+        break;
+      case "Ant Design Vue":
+        s.value = "a-button";
+        break;
+    }
+    const u = () => {
+      n && (clearInterval(n.value), n.value = null, t.value = R);
+    }, a = async () => {
+      if (t.value === R)
+        if (t.value = ze, n.value = setInterval(() => {
+          if (Number(t.value) <= 0 || !t.value) {
+            u();
+            return;
+          } else
+            t.value = Number(t.value) - 1;
+        }, 1e3), e.getSmscode)
+          await e.getSmscode() === !1 && u();
+        else
+          return;
+    };
+    ce(() => {
+      u();
+    });
+    const i = { ...e.item.buttonSetting };
+    return (o, f) => (r(), c(w(s.value), v({
+      class: "verifiaction-button",
+      style: {
+        color: l.value ? "var(--color-primary, #409EFF)" : "var(--text-color-placeholder, #A8ABB2)",
+        cursor: l.value ? "pointer" : "default"
+      },
+      onClick: a
+    }, i), {
+      default: _(() => [
+        D(E(l.value ? R : t.value + "s"), 1)
+      ]),
+      _: 1
+    }, 16, ["style"]));
+  }
+});
+const H = /* @__PURE__ */ B(Ve, [["__scopeId", "data-v-f5cd774b"]]), ie = /* @__PURE__ */ k({
+  __name: "index",
+  props: {
+    item: {},
+    componentType: { default: "Element Plus" }
+  },
+  setup(e) {
+    const t = e.item, n = T(U);
+    switch (e.componentType) {
+      case "Element Plus":
+        n.value = U, t.template = {
+          append: () => J(H, {
+            getSmscode: t.getSmscode,
+            item: e.item
+          })
+        };
+        break;
+      case "Ant Design Vue":
+        n.value = oe, t.template = {
+          suffix: () => J(H, {
+            getSmscode: t.getSmscode,
+            item: e.item
+          })
+        };
+        break;
+    }
+    return (l, s) => (r(), c(w(n.value), {
+      item: m(t),
+      class: "input"
+    }, null, 8, ["item"]));
+  }
+}), qe = k({
+  components: {
+    slotArchive: (e) => {
+      const { templateEle: t } = e;
+      return t();
+    }
+  },
+  props: {
+    item: null
+    // null就是any
+  },
+  setup() {
+  },
+  data() {
+    return {
+      dividerSetting: {
+        ...this.item.dividerSetting,
+        ...this.item.setting
+      }
+    };
+  },
+  methods: {
+    currentInputComponent() {
+      return "slot-archive";
+    }
+  }
+});
+function Ce(e, t, n, l, s, u) {
+  const a = d("el-divider");
+  return r(), c(a, pe(me(e.dividerSetting)), X({ _: 2 }, [
+    q(e.item.template, (i, o) => ({
+      name: o,
+      fn: _(() => [
+        i ? (r(), c(w(e.currentInputComponent()), {
+          key: o,
+          templateEle: i
+        }, null, 8, ["templateEle"])) : g("", !0)
+      ])
+    }))
+  ]), 1040);
+}
+const we = /* @__PURE__ */ B(qe, [["render", Ce]]), Le = /* @__PURE__ */ k({
+  __name: "index",
+  props: {
+    item: {}
+  },
+  setup(e) {
+    const t = y("queryParams", {}), n = y("size"), l = b({
+      ...e.item.radioGroupSetting,
+      ...e.item.setting
+    });
+    return (s, u) => {
+      const a = d("el-radio"), i = d("el-radio-group");
+      return r(), c(i, v({
+        modelValue: m(t)[s.item.prop],
+        "onUpdate:modelValue": u[0] || (u[0] = (o) => m(t)[s.item.prop] = o),
+        size: m(n)
+      }, l.value), {
+        default: _(() => [
+          (r(!0), S(x, null, q(s.item.option || [], (o) => (r(), c(a, v({
+            size: m(n),
+            key: o.value,
+            ref_for: !0
+          }, o), {
+            default: _(() => [
+              D(E(o.label), 1)
+            ]),
+            _: 2
+          }, 1040, ["size"]))), 128))
+        ]),
+        _: 1
+      }, 16, ["modelValue", "size"]);
+    };
+  }
+}), De = /* @__PURE__ */ k({
+  __name: "index",
+  props: {
+    item: {}
+  },
+  setup(e) {
+    const t = y("queryParams", {}), n = y("size"), l = b({
+      ...e.item.checkboxGroupSetting,
+      ...e.item.setting
+    });
+    return (s, u) => {
+      const a = d("el-checkbox"), i = d("el-checkbox-group");
+      return r(), c(i, v({
+        modelValue: m(t)[s.item.prop],
+        "onUpdate:modelValue": u[0] || (u[0] = (o) => m(t)[s.item.prop] = o),
+        size: m(n)
+      }, l.value), {
+        default: _(() => [
+          (r(!0), S(x, null, q(s.item.option || [], (o) => (r(), c(a, v({
+            size: m(n),
+            key: o.value,
+            ref_for: !0
+          }, o), {
+            default: _(() => [
+              D(E(o.label), 1)
+            ]),
+            _: 2
+          }, 1040, ["size"]))), 128))
+        ]),
+        _: 1
+      }, 16, ["modelValue", "size"]);
+    };
+  }
+}), xe = /* @__PURE__ */ k({
+  __name: "index",
+  props: {
+    item: {}
+  },
+  setup(e) {
+    const t = y("queryParams", {}), n = y("size"), l = b({
+      ...he,
+      ...e.item.datePackerSetting,
+      ...e.item.setting
+    });
+    return (s, u) => {
+      const a = d("el-date-picker");
+      return r(), c(a, v({
+        modelValue: m(t)[s.item.prop],
+        "onUpdate:modelValue": u[0] || (u[0] = (i) => m(t)[s.item.prop] = i),
+        size: m(n)
+      }, l.value), null, 16, ["modelValue", "size"]);
+    };
+  }
+}), Be = /* @__PURE__ */ k({
+  __name: "index",
+  props: {
+    item: {}
+  },
+  setup(e) {
+    const t = y("queryParams", {}), n = y("size"), l = b({
+      ...ne,
+      ...e.item.selectSetting,
+      ...e.item.setting
+    });
+    return (s, u) => {
+      const a = d("el-option"), i = d("el-select");
+      return r(), c(i, v({
+        modelValue: m(t)[s.item.prop],
+        "onUpdate:modelValue": u[0] || (u[0] = (o) => m(t)[s.item.prop] = o),
+        size: m(n)
+      }, l.value), {
+        default: _(() => [
+          (r(!0), S(x, null, q(s.item.option || [], (o) => (r(), c(a, v({
+            key: o.value,
+            ref_for: !0
+          }, o), null, 16))), 128))
+        ]),
+        _: 1
+      }, 16, ["modelValue", "size"]);
+    };
+  }
+}), Fe = /* @__PURE__ */ k({
+  __name: "index",
+  props: {
+    item: {}
+  },
+  setup(e) {
+    const t = y("queryParams", {}), n = y("size"), l = b({
+      ...ne,
+      ...e.item.selectSetting,
+      ...e.item.setting
+    });
+    return (s, u) => {
+      const a = d("el-cascader");
+      return r(), c(a, v({
+        modelValue: m(t)[s.item.prop],
+        "onUpdate:modelValue": u[0] || (u[0] = (i) => m(t)[s.item.prop] = i),
+        size: m(n),
+        options: s.item.options || []
+      }, l.value), null, 16, ["modelValue", "size", "options"]);
+    };
+  }
+}), Ee = k({
+  name: "GeneralBasicForm",
+  components: {
+    Input: U,
+    InputNumber: ve,
+    InputGraphicVerification: se,
+    InputMobileVerification: ie,
+    Divider: we,
+    Radio: Le,
+    Checkbox: De,
+    DatePicker: xe,
+    Select: Be,
+    Cascader: Fe
+  },
+  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: {
+      // 不接受和不改变url的参数
+      type: Boolean,
+      default: () => !1
+    },
+    formData: {
+      // 外部传入的表单数据，用于回填
+      type: Object,
+      default: () => {
+      }
+    },
+    noInputBlank: {
+      // 用于判断input框是否校验仅空格
+      type: Boolean,
+      default: () => !1
+    }
+  },
+  data() {
+    return {
+      formLoading: this.loading || !1,
+      trimRegex: /\S/
+    };
+  },
+  setup(e) {
+    const { size: t, noUrlParameters: n, getList: l } = e, s = ye(), u = b({
+      ...n ? {} : s == null ? void 0 : s.query
+    });
+    return j(
+      /* 注入名 */
+      "queryParams",
+      /* 值 */
+      u
+    ), j(
+      /* 注入名 */
+      "size",
+      /* 值 */
+      t
+    ), j(
+      /* 注入名 */
+      "getList",
+      /* 值 */
+      l
+    ), {
+      queryParams: u
+    };
+  },
+  watch: {
+    formData: {
+      handler(e, t) {
+        JSON.stringify(e) !== JSON.stringify(t) && (this.queryParams = {
+          ...this.noUrlParameters ? {} : this.queryParams,
+          ...e
+        });
+      },
+      // watch 默认是懒执行的：仅当数据源变化时，才会执行回调。但在某些场景中，我们希望在创建侦听器时，立即执行一遍回调。举例来说，我们想请求一些初始数据，然后在相关状态更改时重新请求数据。
+      // https://cn.vuejs.org/guide/essentials/watchers.html#deep-watchers
+      immediate: !0
+      // deep: true,
+    },
+    queryParams: {
+      handler(e) {
+        this.$emit("update:formData", e);
+      },
+      deep: !0
+    },
+    loading(e) {
+      this.formLoading !== e && (this.formLoading = e);
+    },
+    formLoading(e) {
+      this.loading !== e && this.$emit("update:loading", e);
+    }
+  },
+  provide() {
+    return {
+      // 显式提供一个计算属性
+      [re]: {
+        formLoading: M(() => this.formLoading),
+        updateFormLoading: (e) => {
+          this.formLoading = e;
+        }
+      }
+    };
+  },
+  methods: {
+    /** 搜索按钮操作 */
+    handleQuery() {
+      var n;
+      const e = { page: 1, limit: 10 }, t = {
+        ...(n = this.$route) == null ? void 0 : n.query,
+        ...this.queryParams,
+        ...e
+      };
+      this.noUrlParameters || this.$router.push({
+        query: { ...t }
+      }), this.getList({
+        ...t
+      });
+    },
+    /** 重置按钮操作 */
+    async resetQuery() {
+      var t;
+      this.$refs.queryFormRef.resetFields();
+      const e = { page: 1 };
+      this.noUrlParameters || await this.$router.push({
+        query: { ...e }
+      }), this.queryParams = {
+        ...this.noUrlParameters ? {} : (t = this.$route) == null ? void 0 : t.query
+      }, this.afterReset(), this.handleQuery();
+    },
+    getItemRules(e) {
+      const { type: t, rules: n = [] } = e, l = [...n];
+      return this.noInputBlank && t === "input" && l.push({
+        pattern: this.trimRegex,
+        message: "请输入（不能仅输入空格）",
+        trigger: "blur"
+      }), l;
+    }
+  }
+});
+function Re(e, t, n, l, s, u) {
+  const a = d("Input"), i = d("Radio"), o = d("Select"), f = d("Divider"), $ = d("Cascader"), P = d("Checkbox"), C = d("DatePicker"), z = d("InputNumber"), h = d("InputMobileVerification"), F = d("InputGraphicVerification"), L = d("el-form-item"), G = d("el-button"), N = d("el-form"), I = Q("loading");
+  return A((r(), c(N, v({
+    model: e.queryParams,
+    ref: "queryFormRef",
+    inline: "",
+    "label-position": "left",
+    "label-width": e.labelWidth
+  }, e.$attrs), {
+    default: _(() => [
+      (r(!0), S(x, null, q(e.formItem, (p) => (r(), c(L, {
+        label: p.label,
+        prop: p.prop,
+        key: p.prop,
+        rules: e.getItemRules(p)
+      }, {
+        default: _(() => [
+          /^input$/i.test(p.type) ? (r(), c(a, {
+            key: 0,
+            item: p
+          }, null, 8, ["item"])) : g("", !0),
+          /^radio$/i.test(p.type) ? (r(), c(i, {
+            key: 1,
+            item: p
+          }, null, 8, ["item"])) : g("", !0),
+          /^select$/i.test(p.type) ? (r(), c(o, {
+            key: 2,
+            item: p
+          }, null, 8, ["item"])) : g("", !0),
+          /^divider$/i.test(p.type) ? (r(), c(f, {
+            key: 3,
+            item: p
+          }, null, 8, ["item"])) : g("", !0),
+          /^cascader$/i.test(p.type) ? (r(), c($, {
+            key: 4,
+            item: p
+          }, null, 8, ["item"])) : g("", !0),
+          /^checkbox$/i.test(p.type) ? (r(), c(P, {
+            key: 5,
+            item: p
+          }, null, 8, ["item"])) : g("", !0),
+          /^date-picker$/i.test(p.type) ? (r(), c(C, {
+            key: 6,
+            item: p
+          }, null, 8, ["item"])) : g("", !0),
+          /^input-number$/i.test(p.type) ? (r(), c(z, {
+            key: 7,
+            item: p
+          }, null, 8, ["item"])) : g("", !0),
+          /^form-item-slot$/i.test(p.type) ? K(e.$slots, p.name, { key: 8 }) : g("", !0),
+          /^input-mobile-verification$/i.test(p.type) ? (r(), c(h, {
+            key: 9,
+            item: p
+          }, null, 8, ["item"])) : g("", !0),
+          /^input-graphic-verification$/i.test(p.type) ? (r(), c(F, {
+            item: p,
+            key: p.key
+          }, null, 8, ["item"])) : g("", !0)
+        ]),
+        _: 2
+      }, 1032, ["label", "prop", "rules"]))), 128)),
+      K(e.$slots, "default"),
+      e.formOnly ? g("", !0) : (r(), c(L, { key: 0 }, {
+        default: _(() => [
+          A((r(), c(G, {
+            type: "primary",
+            size: e.size,
+            onClick: e.handleQuery
+          }, {
+            default: _(() => t[0] || (t[0] = [
+              D("查询")
+            ])),
+            _: 1
+          }, 8, ["size", "onClick"])), [
+            [I, e.formLoading]
+          ]),
+          ee(G, {
+            size: e.size,
+            onClick: e.resetQuery
+          }, {
+            default: _(() => t[1] || (t[1] = [
+              D("重置")
+            ])),
+            _: 1
+          }, 8, ["size", "onClick"])
+        ]),
+        _: 1
+      })),
+      K(e.$slots, "behind-the-button")
+    ]),
+    _: 3
+  }, 16, ["model", "label-width"])), [
+    [de, e.showSearch]
+  ]);
+}
+const Ae = /* @__PURE__ */ B(Ee, [["render", Re]]), Te = ["infinite-scroll-disabled"], Ue = ["infinite-scroll-disabled"], Ge = { class: "checkbox" }, Me = /* @__PURE__ */ k({
+  __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(e, { expose: t }) {
+    const n = e, { search: l, id: s, name: u, extra: a } = n, i = b([]), o = b(1), f = b(!1), $ = b([]), P = b(!1), C = (I, p) => {
+      const { i: O } = I;
+      return a && a !== "false" ? a(O) : "";
+    }, z = (I) => {
+      $.value = I.map((p) => typeof p == "object" ? p[s] : p);
+    };
+    te(
+      () => n.defaultSelection,
+      (I = [], p = []) => {
+        z(I);
+      },
+      { immediate: !0 }
+    );
+    const h = () => {
+      F(), $.value = [];
+    }, F = () => {
+      o.value = 1, i.value = [], f.value = !1;
+    }, L = async () => {
+      if (P.value || f.value)
+        return;
+      P.value = !0;
+      const I = await l(o.value);
+      I && I.length > 0 ? (i.value = [...i.value, ...I], o.value += 1) : f.value = !0, P.value = !1;
+    }, G = () => {
+      F(), L();
+    }, N = M(
+      () => i.value.filter((I) => $.value.includes(I[s]))
+    ) || {};
+    return t({
+      reset: h,
+      lowReset: F,
+      loadList: L,
+      selectInfo: N,
+      list: i,
+      ifbottom: f,
+      refreshList: G
+    }), (I, p) => {
+      const O = d("el-checkbox"), ae = d("el-checkbox-group"), W = Q("infinite-scroll"), le = Q("loading");
+      return n.checkbox ? A((r(), c(ae, v({
+        key: 0,
+        modelValue: $.value,
+        "onUpdate:modelValue": p[0] || (p[0] = (V) => $.value = V)
+      }, n), {
+        default: _(() => [
+          A((r(), S("ul", {
+            class: "list",
+            "infinite-scroll-disabled": f.value
+          }, [
+            (r(!0), S(x, null, q(i.value, (V) => (r(), S("li", {
+              key: V[m(s)],
+              class: "list-item"
+            }, [
+              ee(O, {
+                value: V[m(s)],
+                class: "checkbox"
+              }, {
+                default: _(() => [
+                  D(E(V[m(u)]) + " ", 1),
+                  n.extra ? (r(), c(C, {
+                    key: 0,
+                    i: V
+                  }, null, 8, ["i"])) : g("", !0)
+                ]),
+                _: 2
+              }, 1032, ["value"])
+            ]))), 128))
+          ], 8, Te)), [
+            [W, L]
+          ])
+        ]),
+        _: 1
+      }, 16, ["modelValue"])), [
+        [le, P.value]
+      ]) : A((r(), S("ul", v({
+        key: 1,
+        class: "list",
+        "infinite-scroll-disabled": f.value
+      }, n), [
+        (r(!0), S(x, null, q(i.value, (V) => (r(), S("li", {
+          key: V[m(s)],
+          class: "list-item"
+        }, [
+          fe("div", Ge, [
+            D(E(V[m(u)]) + " ", 1),
+            n.extra ? (r(), c(C, {
+              key: 0,
+              i: V
+            }, null, 8, ["i"])) : g("", !0)
+          ])
+        ]))), 128))
+      ], 16, Ue)), [
+        [W, L]
+      ]);
+    };
+  }
+});
+const Ne = /* @__PURE__ */ B(Me, [["__scopeId", "data-v-77737aab"]]), Oe = { key: 1 }, je = /* @__PURE__ */ k({
+  __name: "Descriptions",
+  props: {
+    formData: {
+      type: Object,
+      required: !0
+    },
+    formItem: {
+      type: Array,
+      required: !0
+    },
+    componentType: {
+      type: String,
+      default: "Element Plus"
+    },
+    strict: {
+      // 使用strict参数后，如果formData内的某个字段没有值，对应的描述元素将不会展示（包括标签文字），但有render的字段仍然会展示
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e) {
+    const t = e, n = b([]);
+    te(
+      () => [t.formData, t.formItem],
+      ([a = {}, i = []]) => {
+        let o = i;
+        if (t.strict) {
+          console.log(a), console.log(o);
+          for (const f in a)
+            Object.prototype.hasOwnProperty.call(a, f) && (a[f] || (o = o.filter((P) => P.prop !== f || P.render)));
+        }
+        console.log(o), n.value = o;
+      },
+      { immediate: !0 }
+    );
+    const l = T("el-descriptions-item"), s = T("descriptions-item");
+    switch (t.componentType) {
+      case "Element Plus":
+        l.value = "el-descriptions-item", s.value = "el-descriptions-item";
+        break;
+      case "Ant Design Vue":
+        l.value = "a-descriptions", s.value = "a-descriptions-item";
+        break;
+    }
+    const u = (a, i) => {
+      const { i: o, render: f, formData: $ } = a;
+      return f({
+        row: $,
+        $index: o
+      });
+    };
+    return (a, i) => (r(), c(w(l.value), v({
+      column: 1,
+      border: "",
+      class: "form-width"
+    }, a.$attrs), {
+      default: _(() => [
+        (r(!0), S(x, null, q(n.value, (o, f) => (r(), c(w(s.value), v({
+          key: o.prop,
+          label: o.label,
+          ref_for: !0
+        }, o.descriptionsItemProps), {
+          default: _(() => [
+            o.render ? (r(), c(u, {
+              key: 0,
+              i: f,
+              render: o.render,
+              formData: e.formData
+            }, null, 8, ["i", "render", "formData"])) : (r(), S("span", Oe, E(e.formData[o.prop]), 1))
+          ]),
+          _: 2
+        }, 1040, ["label"]))), 128))
+      ]),
+      _: 1
+    }, 16));
+  }
+}), Xe = Ae, Ye = Ne, We = je, Je = se, He = ie;
+export {
+  We as VDescriptions,
+  Xe as VGeneralBasicForm,
+  Ye as VInfiniteScrollList,
+  Je as VInputGraphicVerification,
+  He as VInputMobilecVerification
+};