npm - general-basic-form - Versions diffs - 2.0.4 → 2.0.6 - Mend

general-basic-form 2.0.4 → 2.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/README.md CHANGED Viewed

@@ -42,6 +42,7 @@ import GeneralBasicForm from 'general-basic-form'
         }
         noUrlParameters
         :afterReset="afterReset"
+        v-model:loading="loading"
       />
       <style lang="scss" scoped>
@@ -98,6 +99,7 @@ getList会传出默认的参数,首次请求时会有页数和分页大小,重
     afterReset(); // 在重置按钮点击完后但还没重新请求时触发的的函数
     formOnly:true // 只展示表单不展示按钮
     noUrlParameters:true // 不接受和不改变url的参数
+    loading:false // 加载动画
     formItem: [
     	{
           label: '',

package/dist/index.js ADDED Viewed

@@ -0,0 +1,477 @@
+import { defineComponent as _, inject as g, resolveComponent as l, openBlock as r, createBlock as a, mergeProps as h, withKeys as W, createSlots as F, renderList as S, withCtx as f, resolveDynamicComponent as U, createCommentVNode as y, ref as V, unref as v, resolveDirective as D, withDirectives as $, createElementBlock as q, createVNode as N, createElementVNode as H, computed as E, onBeforeUnmount as J, normalizeStyle as X, createTextVNode as I, toDisplayString as Y, h as Z, normalizeProps as x, guardReactiveProps as ee, provide as z, Fragment as B, renderSlot as te, vShow as ne } from "vue";
+import { useRoute as oe } from "vue-router";
+const G = {
+  placeholder: "请输入",
+  style: "width: 200px",
+  clearable: !0
+}, re = _({
+  components: {
+    InputArchive: (e) => {
+      const { templateEle: n } = e;
+      return n();
+    }
+  },
+  props: {
+    item: null
+    // null就是any
+  },
+  setup() {
+    const e = g("queryParams", {}), n = g("getList"), t = g("size");
+    return { queryParams: e, getList: n, size: t };
+  },
+  data() {
+    return {
+      inputSetting: {
+        ...G,
+        ...this.item.inputSetting
+      }
+    };
+  },
+  // 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);
+  //   },
+  // },
+}), P = (e, n) => {
+  const t = e.__vccOpts || e;
+  for (const [s, i] of n)
+    t[s] = i;
+  return t;
+};
+function ae(e, n, t, s, i, p) {
+  const c = l("el-input");
+  return r(), a(c, h({
+    onKeydown: W(e.getList, ["enter"]),
+    modelValue: e.queryParams[e.item.prop],
+    "onUpdate:modelValue": n[0] || (n[0] = (u) => e.queryParams[e.item.prop] = u),
+    size: e.size
+  }, e.inputSetting), F({ _: 2 }, [
+    S(e.item.template, (u, d) => ({
+      name: d,
+      fn: f(() => [
+        u ? (r(), a(U(e.currentInputComponent()), {
+          key: d,
+          templateEle: u
+        }, null, 8, ["templateEle"])) : y("", !0)
+      ])
+    }))
+  ]), 1040, ["onKeydown", "modelValue", "size"]);
+}
+const L = /* @__PURE__ */ P(re, [["render", ae]]), ie = /* @__PURE__ */ _({
+  __name: "index",
+  props: {
+    item: {}
+  },
+  setup(e) {
+    const { item: n } = e, t = g("queryParams", {}), s = g("size"), i = V({
+      ...G,
+      ...n.inputSetting
+    });
+    return (p, c) => {
+      const u = l("el-input-number");
+      return r(), a(u, h({
+        modelValue: v(t)[p.item.prop],
+        "onUpdate:modelValue": c[0] || (c[0] = (d) => v(t)[p.item.prop] = d),
+        size: v(s)
+      }, i.value), null, 16, ["modelValue", "size"]);
+    };
+  }
+}), R = Symbol(), se = { class: "input-graphic-verification" }, le = ["src"], ue = /* @__PURE__ */ _({
+  __name: "index",
+  props: {
+    item: {}
+  },
+  setup(e) {
+    const { item: n } = e, { graphicSrc: t = "", getGraphic: s = () => {
+    } } = n, { formLoading: i, updateFormLoading: p } = g(R), c = async () => {
+      s && !i.value && await s();
+    };
+    return (u, d) => {
+      const b = D("loading");
+      return $((r(), q("div", se, [
+        N(L, {
+          item: u.item,
+          class: "input"
+        }, null, 8, ["item"]),
+        H("img", {
+          class: "graphic",
+          onClick: c,
+          src: v(t)
+        }, null, 8, le)
+      ])), [
+        [b, v(i)]
+      ]);
+    };
+  }
+});
+const pe = /* @__PURE__ */ P(ue, [["__scopeId", "data-v-500ec9b0"]]), k = "获取验证码", ce = 60, de = /* @__PURE__ */ _({
+  __name: "verification-button",
+  props: {
+    getSmscode: { type: Function }
+  },
+  setup(e) {
+    const { getSmscode: n } = e, t = V(k), s = V(null), i = E(() => t.value === k), p = () => {
+      s && (clearInterval(s.value), s.value = null, t.value = k);
+    }, c = async () => {
+      if (t.value === k)
+        if (t.value = ce, s.value = setInterval(() => {
+          if (Number(t.value) <= 0 || !t.value) {
+            p();
+            return;
+          } else
+            t.value = Number(t.value) - 1;
+        }, 1e3), n)
+          await n() === !1 && p();
+        else
+          return;
+    };
+    return J(() => {
+      p();
+    }), (u, d) => {
+      const b = l("el-button");
+      return r(), a(b, {
+        class: "verifiaction-button",
+        style: X({
+          color: i.value ? "var(--color-primary, #409EFF)" : "var(--text-color-placeholder, #A8ABB2)",
+          cursor: i.value ? "pointer" : "default"
+        }),
+        onClick: c
+      }, {
+        default: f(() => [
+          I(Y(i.value ? k : t.value + "s"), 1)
+        ]),
+        _: 1
+      }, 8, ["style"]);
+    };
+  }
+});
+const me = /* @__PURE__ */ P(de, [["__scopeId", "data-v-4074e137"]]), fe = /* @__PURE__ */ _({
+  __name: "index",
+  props: {
+    item: {}
+  },
+  setup(e) {
+    const { item: n } = e, t = n;
+    return t.template = {
+      append: () => Z(me, {
+        getSmscode: t.getSmscode
+      })
+    }, (s, i) => (r(), a(L, {
+      item: v(t),
+      class: "input"
+    }, null, 8, ["item"]));
+  }
+}), ye = _({
+  components: {
+    slotArchive: (e) => {
+      const { templateEle: n } = e;
+      return n();
+    }
+  },
+  props: {
+    item: null
+    // null就是any
+  },
+  setup() {
+  },
+  data() {
+    return {
+      dividerSetting: {
+        ...this.item.dividerSetting
+      }
+    };
+  },
+  methods: {
+    currentInputComponent() {
+      return "slot-archive";
+    }
+  }
+});
+function _e(e, n, t, s, i, p) {
+  const c = l("el-divider");
+  return r(), a(c, x(ee(e.dividerSetting)), F({ _: 2 }, [
+    S(e.item.template, (u, d) => ({
+      name: d,
+      fn: f(() => [
+        u ? (r(), a(U(e.currentInputComponent()), {
+          key: d,
+          templateEle: u
+        }, null, 8, ["templateEle"])) : y("", !0)
+      ])
+    }))
+  ]), 1040);
+}
+const he = /* @__PURE__ */ P(ye, [["render", _e]]), ge = _({
+  name: "GeneralBasicForm",
+  components: {
+    Input: L,
+    InputNumber: ie,
+    InputGraphicVerification: pe,
+    InputMobileVerification: fe,
+    Divider: he
+  },
+  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: "medium"
+    },
+    labelWidth: {
+      // 表单文字宽度
+      type: String,
+      default: "90px"
+    },
+    noUrlParameters: {
+      // 不接受和不改变url的参数
+      type: Boolean,
+      default: () => !1
+    },
+    formData: {
+      // 外部传入的表单数据，用于回填
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  data() {
+    return {
+      formLoading: this.loading || !1,
+      selectSetting: {
+        placeholder: "请选择",
+        clearable: !0,
+        style: "width: 200px"
+      },
+      datePackerSetting: {
+        style: "width: 227px",
+        "start-placeholder": "开始日期",
+        "end-placeholder": "结束日期",
+        type: "daterange"
+      }
+    };
+  },
+  setup(e) {
+    const { size: n, noUrlParameters: t, getList: s } = e, i = oe(), p = V({
+      ...t ? {} : i == null ? void 0 : i.query
+    });
+    return z(
+      /* 注入名 */
+      "queryParams",
+      /* 值 */
+      p
+    ), z(
+      /* 注入名 */
+      "size",
+      /* 值 */
+      n
+    ), z(
+      /* 注入名 */
+      "getList",
+      /* 值 */
+      s
+    ), {
+      queryParams: p
+    };
+  },
+  watch: {
+    formData(e) {
+      this.queryParams = {
+        ...this.noUrlParameters ? {} : this.queryParams,
+        ...e
+      };
+    },
+    loading(e) {
+      this.formLoading !== e && (this.formLoading = e);
+    },
+    formLoading(e) {
+      this.loading !== e && this.$emit("update:loading", e);
+    }
+  },
+  provide() {
+    return {
+      // 显式提供一个计算属性
+      [R]: {
+        formLoading: E(() => this.formLoading),
+        updateFormLoading: (e) => {
+          this.formLoading = e;
+        }
+      }
+    };
+  },
+  methods: {
+    /** 搜索按钮操作 */
+    handleQuery() {
+      var t;
+      const e = { page: 1, limit: 10 }, n = {
+        ...(t = this.$route) == null ? void 0 : t.query,
+        ...this.queryParams,
+        ...e
+      };
+      this.noUrlParameters || this.$router.push({
+        query: { ...n }
+      }), this.getList({
+        ...n
+      });
+    },
+    /** 重置按钮操作 */
+    async resetQuery() {
+      var n;
+      this.$refs.queryFormRef.resetFields();
+      const e = { page: 1 };
+      this.noUrlParameters || await this.$router.push({
+        query: { ...e }
+      }), this.queryParams = {
+        ...this.noUrlParameters ? {} : (n = this.$route) == null ? void 0 : n.query
+      }, this.afterReset(), this.handleQuery();
+    }
+  }
+});
+function ve(e, n, t, s, i, p) {
+  const c = l("Input"), u = l("InputGraphicVerification"), d = l("InputMobileVerification"), b = l("Divider"), A = l("el-option"), Q = l("el-select"), T = l("el-cascader"), K = l("el-date-picker"), O = l("InputNumber"), C = l("el-form-item"), w = l("el-button"), M = l("el-form"), j = D("loading");
+  return $((r(), a(M, h({
+    model: e.queryParams,
+    ref: "queryFormRef",
+    inline: "",
+    "label-position": "left",
+    "label-width": e.labelWidth
+  }, e.$attrs), {
+    default: f(() => [
+      (r(!0), q(B, null, S(e.formItem, (o) => (r(), a(C, {
+        label: o.label,
+        prop: o.prop,
+        key: o.prop,
+        rules: o.rules
+      }, {
+        default: f(() => [
+          o.type === "input" ? (r(), a(c, {
+            key: 0,
+            item: o
+          }, null, 8, ["item"])) : y("", !0),
+          o.type === "input-graphic-verification" ? (r(), a(u, {
+            item: o,
+            key: o.key
+          }, null, 8, ["item"])) : y("", !0),
+          o.type === "input-mobile-verification" ? (r(), a(d, {
+            key: 2,
+            item: o
+          }, null, 8, ["item"])) : y("", !0),
+          o.type === "divider" ? (r(), a(b, {
+            key: 3,
+            item: o
+          }, null, 8, ["item"])) : o.type === "select" ? (r(), a(Q, h({
+            key: 4,
+            filterable: "",
+            modelValue: e.queryParams[o.prop],
+            "onUpdate:modelValue": (m) => e.queryParams[o.prop] = m,
+            size: e.size
+          }, o.selectSetting || e.selectSetting), {
+            default: f(() => [
+              (r(!0), q(B, null, S(o.option || [], (m) => (r(), a(A, {
+                key: m.value,
+                label: m.desc,
+                value: m.value
+              }, null, 8, ["label", "value"]))), 128))
+            ]),
+            _: 2
+          }, 1040, ["modelValue", "onUpdate:modelValue", "size"])) : o.type === "cascader" ? (r(), a(T, h({
+            key: 5,
+            filterable: "",
+            modelValue: e.queryParams[o.prop],
+            "onUpdate:modelValue": (m) => e.queryParams[o.prop] = m,
+            size: e.size,
+            options: o.options || []
+          }, o.selectSetting || e.selectSetting), null, 16, ["modelValue", "onUpdate:modelValue", "size", "options"])) : o.type === "date-picker" ? (r(), a(K, h({
+            key: 6,
+            modelValue: e.queryParams[o.prop],
+            "onUpdate:modelValue": (m) => e.queryParams[o.prop] = m,
+            size: e.size
+          }, o.datePackerSetting || e.datePackerSetting), null, 16, ["modelValue", "onUpdate:modelValue", "size"])) : y("", !0),
+          o.type === "input-number" ? (r(), a(O, {
+            key: 7,
+            item: o
+          }, null, 8, ["item"])) : y("", !0)
+        ]),
+        _: 2
+      }, 1032, ["label", "prop", "rules"]))), 128)),
+      te(e.$slots, "default"),
+      e.formOnly ? y("", !0) : (r(), a(C, { key: 0 }, {
+        default: f(() => [
+          $((r(), a(w, {
+            type: "primary",
+            icon: "el-icon-search",
+            size: e.size,
+            onClick: e.handleQuery
+          }, {
+            default: f(() => [
+              I("查询")
+            ]),
+            _: 1
+          }, 8, ["size", "onClick"])), [
+            [j, e.formLoading]
+          ]),
+          N(w, {
+            icon: "el-icon-refresh",
+            size: e.size,
+            onClick: e.resetQuery
+          }, {
+            default: f(() => [
+              I("重置")
+            ]),
+            _: 1
+          }, 8, ["size", "onClick"])
+        ]),
+        _: 1
+      }))
+    ]),
+    _: 3
+  }, 16, ["model", "label-width"])), [
+    [ne, e.showSearch]
+  ]);
+}
+const be = /* @__PURE__ */ P(ge, [["render", ve]]), Se = be;
+export {
+  Se as VGeneralBasicForm
+};

package/dist/index.umd.cjs ADDED Viewed

@@ -0,0 +1 @@

package/dist/style.css CHANGED Viewed

	@@ -1 +1 @@
1	- .input-graphic-verification[data-v-~~768ce181~~]{display:flex;gap:12px;width:100%}.input-graphic-verification .input[data-v-~~768ce181~~]{flex:auto}.input-graphic-verification .graphic[data-v-~~768ce181~~]{width:109px;height:43px;object-fit:fill;flex:none}.verifiaction-button[data-v-4074e137]{width:109px}
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}

package/package.json CHANGED Viewed

@@ -1,8 +1,9 @@
 {
   "name": "general-basic-form",
-  "version": "2.0.4",
+  "version": "2.0.6",
   "description": "",
-  "main": "./dist/index.umd.js",
+  "main": "./dist/index.umd.cjs",
+  "type": "module",
   "scripts": {
     "build": "cross-env CURRENT_ENV=prod run-p type-check build-only",
     "test:e2e": "playwright test",
@@ -45,11 +46,11 @@
     "vue-router": ">=4.2.4"
   },
   "typings": "./dist/index.d.ts",
-  "module": "./dist/index.mjs",
+  "module": "./dist/index.js",
   "exports": {
     ".": {
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.umd.js"
+      "import": "./dist/index.js",
+      "require": "./dist/index.umd.cjs"
     }
   },
   "files": [

package/dist/index.mjs DELETED Viewed

@@ -1,452 +0,0 @@
-import { defineComponent as _, inject as g, resolveComponent as i, openBlock as o, createBlock as s, mergeProps as h, withKeys as O, createSlots as F, renderList as S, withCtx as y, resolveDynamicComponent as D, createCommentVNode as f, ref as k, unref as b, resolveDirective as K, withDirectives as N, createElementBlock as $, createVNode as q, createElementVNode as M, computed as j, onBeforeUnmount as W, normalizeStyle as H, createTextVNode as I, toDisplayString as J, h as X, normalizeProps as Y, guardReactiveProps as Z, provide as z, Fragment as U, renderSlot as x, vShow as ee } from "vue";
-import { useRoute as te } from "vue-router";
-const E = {
-  placeholder: "请输入",
-  style: "width: 200px",
-  clearable: !0
-}, ne = _({
-  components: {
-    InputArchive: (e) => {
-      const { templateEle: n } = e;
-      return n();
-    }
-  },
-  props: {
-    item: null
-    // null就是any
-  },
-  setup() {
-    const e = g("queryParams", {}), n = g("getList"), t = g("size");
-    return { queryParams: e, getList: n, size: t };
-  },
-  data() {
-    return {
-      inputSetting: {
-        ...E,
-        ...this.item.inputSetting
-      }
-    };
-  },
-  // 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);
-  //   },
-  // },
-}), P = (e, n) => {
-  const t = e.__vccOpts || e;
-  for (const [l, a] of n)
-    t[l] = a;
-  return t;
-};
-function re(e, n, t, l, a, u) {
-  const c = i("el-input");
-  return o(), s(c, h({
-    onKeydown: O(e.getList, ["enter"]),
-    modelValue: e.queryParams[e.item.prop],
-    "onUpdate:modelValue": n[0] || (n[0] = (p) => e.queryParams[e.item.prop] = p),
-    size: e.size
-  }, e.inputSetting), F({ _: 2 }, [
-    S(e.item.template, (p, m) => ({
-      name: m,
-      fn: y(() => [
-        p ? (o(), s(D(e.currentInputComponent()), {
-          key: m,
-          templateEle: p
-        }, null, 8, ["templateEle"])) : f("", !0)
-      ])
-    }))
-  ]), 1040, ["onKeydown", "modelValue", "size"]);
-}
-const C = /* @__PURE__ */ P(ne, [["render", re]]), oe = /* @__PURE__ */ _({
-  __name: "index",
-  props: {
-    item: {}
-  },
-  setup(e) {
-    const { item: n } = e, t = g("queryParams", {}), l = g("size"), a = k({
-      ...E,
-      ...n.inputSetting
-    });
-    return (u, c) => {
-      const p = i("el-input-number");
-      return o(), s(p, h({
-        modelValue: b(t)[u.item.prop],
-        "onUpdate:modelValue": c[0] || (c[0] = (m) => b(t)[u.item.prop] = m),
-        size: b(l)
-      }, a.value), null, 16, ["modelValue", "size"]);
-    };
-  }
-}), ae = { class: "input-graphic-verification" }, se = ["src"], le = /* @__PURE__ */ _({
-  __name: "index",
-  props: {
-    item: {}
-  },
-  setup(e) {
-    const { item: n } = e, { graphicSrc: t = "", getGraphic: l = () => {
-    } } = n, a = k(!1), u = async () => {
-      l && !a.value && (a.value = !0, await l(), a.value = !1);
-    };
-    return (c, p) => {
-      const m = K("loading");
-      return N((o(), $("div", ae, [
-        q(C, {
-          item: c.item,
-          class: "input"
-        }, null, 8, ["item"]),
-        M("img", {
-          class: "graphic",
-          onClick: u,
-          src: b(t)
-        }, null, 8, se)
-      ])), [
-        [m, a.value]
-      ]);
-    };
-  }
-});
-const ie = /* @__PURE__ */ P(le, [["__scopeId", "data-v-768ce181"]]), v = "获取验证码", ue = 60, pe = /* @__PURE__ */ _({
-  __name: "verification-button",
-  props: {
-    getSmscode: { type: Function }
-  },
-  setup(e) {
-    const { getSmscode: n } = e, t = k(v), l = k(null), a = j(() => t.value === v), u = () => {
-      l && (clearInterval(l.value), l.value = null, t.value = v);
-    }, c = async () => {
-      if (t.value === v)
-        if (t.value = ue, l.value = setInterval(() => {
-          if (Number(t.value) <= 0 || !t.value) {
-            u();
-            return;
-          } else
-            t.value = Number(t.value) - 1;
-        }, 1e3), n)
-          await n() === !1 && u();
-        else
-          return;
-    };
-    return W(() => {
-      u();
-    }), (p, m) => {
-      const V = i("el-button");
-      return o(), s(V, {
-        class: "verifiaction-button",
-        style: H({
-          color: a.value ? "var(--color-primary, #409EFF)" : "var(--text-color-placeholder, #A8ABB2)",
-          cursor: a.value ? "pointer" : "default"
-        }),
-        onClick: c
-      }, {
-        default: y(() => [
-          I(J(a.value ? v : t.value + "s"), 1)
-        ]),
-        _: 1
-      }, 8, ["style"]);
-    };
-  }
-});
-const ce = /* @__PURE__ */ P(pe, [["__scopeId", "data-v-4074e137"]]), me = /* @__PURE__ */ _({
-  __name: "index",
-  props: {
-    item: {}
-  },
-  setup(e) {
-    const { item: n } = e, t = n;
-    return t.template = {
-      append: () => X(ce, {
-        getSmscode: t.getSmscode
-      })
-    }, (l, a) => (o(), s(C, {
-      item: b(t),
-      class: "input"
-    }, null, 8, ["item"]));
-  }
-}), de = _({
-  components: {
-    slotArchive: (e) => {
-      const { templateEle: n } = e;
-      return n();
-    }
-  },
-  props: {
-    item: null
-    // null就是any
-  },
-  setup() {
-  },
-  data() {
-    return {
-      dividerSetting: {
-        ...this.item.dividerSetting
-      }
-    };
-  },
-  methods: {
-    currentInputComponent() {
-      return "slot-archive";
-    }
-  }
-});
-function ye(e, n, t, l, a, u) {
-  const c = i("el-divider");
-  return o(), s(c, Y(Z(e.dividerSetting)), F({ _: 2 }, [
-    S(e.item.template, (p, m) => ({
-      name: m,
-      fn: y(() => [
-        p ? (o(), s(D(e.currentInputComponent()), {
-          key: m,
-          templateEle: p
-        }, null, 8, ["templateEle"])) : f("", !0)
-      ])
-    }))
-  ]), 1040);
-}
-const fe = /* @__PURE__ */ P(de, [["render", ye]]), _e = _({
-  name: "GeneralBasicForm",
-  components: {
-    Input: C,
-    InputNumber: oe,
-    InputGraphicVerification: ie,
-    InputMobileVerification: me,
-    Divider: fe
-  },
-  props: {
-    showSearch: {
-      // 是否展示所有元素
-      type: Boolean,
-      default: !0
-    },
-    formOnly: {
-      // 是否只展示表单不展示按钮
-      type: Boolean,
-      default: !1
-    },
-    getList: {
-      // 查找数据调用的函数
-      type: Function,
-      default: () => {
-      }
-    },
-    afterReset: {
-      // 在重置按钮点击完后但还没重新请求时触发的的函数
-      type: Function,
-      default: () => {
-      }
-    },
-    formItem: {
-      // 定义表单的数据
-      type: Array,
-      default: []
-    },
-    size: {
-      // 控制按钮大小
-      type: String,
-      default: "medium"
-    },
-    labelWidth: {
-      // 表单文字宽度
-      type: String,
-      default: "90px"
-    },
-    noUrlParameters: {
-      // 不接受和不改变url的参数
-      type: Boolean,
-      default: () => !1
-    },
-    formData: {
-      // 外部传入的表单数据，用于回填
-      type: Object,
-      default: () => {
-      }
-    }
-  },
-  data() {
-    return {
-      selectSetting: {
-        placeholder: "请选择",
-        clearable: !0,
-        style: "width: 200px"
-      },
-      datePackerSetting: {
-        style: "width: 227px",
-        "start-placeholder": "开始日期",
-        "end-placeholder": "结束日期",
-        type: "daterange"
-      }
-    };
-  },
-  setup(e) {
-    const { size: n, noUrlParameters: t, getList: l } = e, a = te(), u = k({
-      ...t ? {} : a == null ? void 0 : a.query
-    });
-    return z(
-      /* 注入名 */
-      "queryParams",
-      /* 值 */
-      u
-    ), z(
-      /* 注入名 */
-      "size",
-      /* 值 */
-      n
-    ), z(
-      /* 注入名 */
-      "getList",
-      /* 值 */
-      l
-    ), {
-      queryParams: u
-    };
-  },
-  watch: {
-    formData(e) {
-      this.queryParams = {
-        ...this.noUrlParameters ? {} : this.queryParams,
-        ...e
-      };
-    }
-  },
-  methods: {
-    /** 搜索按钮操作 */
-    handleQuery() {
-      var t;
-      const e = { page: 1, limit: 10 }, n = {
-        ...(t = this.$route) == null ? void 0 : t.query,
-        ...this.queryParams,
-        ...e
-      };
-      this.noUrlParameters || this.$router.push({
-        query: { ...n }
-      }), this.getList({
-        ...n
-      });
-    },
-    /** 重置按钮操作 */
-    async resetQuery() {
-      var n;
-      this.$refs.queryFormRef.resetFields();
-      const e = { page: 1 };
-      this.noUrlParameters || await this.$router.push({
-        query: { ...e }
-      }), this.queryParams = {
-        ...this.noUrlParameters ? {} : (n = this.$route) == null ? void 0 : n.query
-      }, this.afterReset(), this.handleQuery();
-    }
-  }
-});
-function he(e, n, t, l, a, u) {
-  const c = i("Input"), p = i("InputGraphicVerification"), m = i("InputMobileVerification"), V = i("Divider"), L = i("el-option"), G = i("el-select"), R = i("el-cascader"), A = i("el-date-picker"), Q = i("InputNumber"), w = i("el-form-item"), B = i("el-button"), T = i("el-form");
-  return N((o(), s(T, h({
-    model: e.queryParams,
-    ref: "queryFormRef",
-    inline: "",
-    "label-position": "left",
-    "label-width": e.labelWidth
-  }, e.$attrs), {
-    default: y(() => [
-      (o(!0), $(U, null, S(e.formItem, (r) => (o(), s(w, {
-        label: r.label,
-        prop: r.prop,
-        key: r.prop,
-        rules: r.rules
-      }, {
-        default: y(() => [
-          r.type === "input" ? (o(), s(c, {
-            key: 0,
-            item: r
-          }, null, 8, ["item"])) : f("", !0),
-          r.type === "input-graphic-verification" ? (o(), s(p, {
-            item: r,
-            key: r.key
-          }, null, 8, ["item"])) : f("", !0),
-          r.type === "input-mobile-verification" ? (o(), s(m, {
-            key: 2,
-            item: r
-          }, null, 8, ["item"])) : f("", !0),
-          r.type === "divider" ? (o(), s(V, {
-            key: 3,
-            item: r
-          }, null, 8, ["item"])) : r.type === "select" ? (o(), s(G, h({
-            key: 4,
-            filterable: "",
-            modelValue: e.queryParams[r.prop],
-            "onUpdate:modelValue": (d) => e.queryParams[r.prop] = d,
-            size: e.size
-          }, r.selectSetting || e.selectSetting), {
-            default: y(() => [
-              (o(!0), $(U, null, S(r.option || [], (d) => (o(), s(L, {
-                key: d.value,
-                label: d.desc,
-                value: d.value
-              }, null, 8, ["label", "value"]))), 128))
-            ]),
-            _: 2
-          }, 1040, ["modelValue", "onUpdate:modelValue", "size"])) : r.type === "cascader" ? (o(), s(R, h({
-            key: 5,
-            filterable: "",
-            modelValue: e.queryParams[r.prop],
-            "onUpdate:modelValue": (d) => e.queryParams[r.prop] = d,
-            size: e.size,
-            options: r.options || []
-          }, r.selectSetting || e.selectSetting), null, 16, ["modelValue", "onUpdate:modelValue", "size", "options"])) : r.type === "date-picker" ? (o(), s(A, h({
-            key: 6,
-            modelValue: e.queryParams[r.prop],
-            "onUpdate:modelValue": (d) => e.queryParams[r.prop] = d,
-            size: e.size
-          }, r.datePackerSetting || e.datePackerSetting), null, 16, ["modelValue", "onUpdate:modelValue", "size"])) : f("", !0),
-          r.type === "input-number" ? (o(), s(Q, {
-            key: 7,
-            item: r
-          }, null, 8, ["item"])) : f("", !0)
-        ]),
-        _: 2
-      }, 1032, ["label", "prop", "rules"]))), 128)),
-      x(e.$slots, "default"),
-      e.formOnly ? f("", !0) : (o(), s(w, { key: 0 }, {
-        default: y(() => [
-          q(B, {
-            type: "primary",
-            icon: "el-icon-search",
-            size: e.size,
-            onClick: e.handleQuery
-          }, {
-            default: y(() => [
-              I("查询")
-            ]),
-            _: 1
-          }, 8, ["size", "onClick"]),
-          q(B, {
-            icon: "el-icon-refresh",
-            size: e.size,
-            onClick: e.resetQuery
-          }, {
-            default: y(() => [
-              I("重置")
-            ]),
-            _: 1
-          }, 8, ["size", "onClick"])
-        ]),
-        _: 1
-      }))
-    ]),
-    _: 3
-  }, 16, ["model", "label-width"])), [
-    [ee, e.showSearch]
-  ]);
-}
-const ve = /* @__PURE__ */ P(_e, [["render", he]]), ke = ve;
-export {
-  ke as VGeneralBasicForm
-};

package/dist/index.umd.js DELETED Viewed

@@ -1 +0,0 @@

- (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,g){"use strict";const h={placeholder:"请输入",style:"width: 200px",clearable:!0},C=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:{...h,...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 V(t,n,o,a,l,s){const c=e.resolveComponent("el-input");return e.openBlock(),e.createBlock(c,e.mergeProps({onKeydown:e.withKeys(t.getList,["enter"]),modelValue:t.queryParams[t.item.prop],"onUpdate:modelValue":n[0]||(n[0]=i=>t.queryParams[t.item.prop]=i),size:t.size},t.inputSetting),e.createSlots({_:2},[e.renderList(t.item.template,(i,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 y=u(C,[["render",V]]),b=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),a=e.inject("size"),l=e.ref({...h,...n.inputSetting});return(s,c)=>{const i=e.resolveComponent("el-input-number");return e.openBlock(),e.createBlock(i,e.mergeProps({modelValue:e.unref(o)[s.item.prop],"onUpdate:modelValue":c[0]||(c[0]=p=>e.unref(o)[s.item.prop]=p),size:e.unref(a)},l.value),null,16,["modelValue","size"])}}}),P={class:"input-graphic-verification"},S=["src"],z=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,{graphicSrc:o="",getGraphic:a=()=>{}}=n,l=e.ref(!1),s=async()=>{a&&!l.value&&(l.value=!0,await a(),l.value=!1)};return(c,i)=>{const p=e.resolveDirective("loading");return e.withDirectives((e.openBlock(),e.createElementBlock("div",P,[e.createVNode(y,{item:c.item,class:"input"},null,8,["item"]),e.createElementVNode("img",{class:"graphic",onClick:s,src:e.unref(o)},null,8,S)])),[[p,l.value]])}}}),M="",q=u(z,[["__scopeId","data-v-768ce181"]]),f="获取验证码",$=60,w=e.defineComponent({__name:"verification-button",props:{getSmscode:{type:Function}},setup(t){const{getSmscode:n}=t,o=e.ref(f),a=e.ref(null),l=e.computed(()=>o.value===f),s=()=>{a&&(clearInterval(a.value),a.value=null,o.value=f)},c=async()=>{if(o.value===f)if(o.value=$,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 _=e.resolveComponent("el-button");return e.openBlock(),e.createBlock(_,{class:"verifiaction-button",style:e.normalizeStyle({color:l.value?"var(--color-primary, #409EFF)":"var(--text-color-placeholder, #A8ABB2)",cursor:l.value?"pointer":"default"}),onClick:c},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.value?f:o.value+"s"),1)]),_:1},8,["style"])}}}),K="",I=u(w,[["__scopeId","data-v-4074e137"]]),N=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=n;return o.template={append:()=>e.h(I,{getSmscode:o.getSmscode})},(a,l)=>(e.openBlock(),e.createBlock(y,{item:e.unref(o),class:"input"},null,8,["item"]))}}),F=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,a,l,s){const c=e.resolveComponent("el-divider");return e.openBlock(),e.createBlock(c,e.normalizeProps(e.guardReactiveProps(t.dividerSetting)),e.createSlots({_:2},[e.renderList(t.item.template,(i,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 D=u(F,[["render",U]]),L=e.defineComponent({name:"GeneralBasicForm",components:{Input:y,InputNumber:b,InputGraphicVerification:q,InputMobileVerification:N,Divider:D},props:{showSearch:{type:Boolean,default:!0},formOnly:{type:Boolean,default:!1},getList:{type:Function,default:()=>{}},afterReset:{type:Function,default:()=>{}},formItem:{type:Array,default:[]},size:{type:String,default:"medium"},labelWidth:{type:String,default:"90px"},noUrlParameters:{type:Boolean,default:()=>!1},formData:{type:Object,default:()=>{}}},data(){return{selectSetting:{placeholder:"请选择",clearable:!0,style:"width: 200px"},datePackerSetting:{style:"width: 227px","start-placeholder":"开始日期","end-placeholder":"结束日期",type:"daterange"}}},setup(t){const{size:n,noUrlParameters:o,getList:a}=t,l=g.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(t){this.queryParams={...this.noUrlParameters?{}:this.queryParams,...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 E(t,n,o,a,l,s){const c=e.resolveComponent("Input"),i=e.resolveComponent("InputGraphicVerification"),p=e.resolveComponent("InputMobileVerification"),_=e.resolveComponent("Divider"),G=e.resolveComponent("el-option"),j=e.resolveComponent("el-select"),R=e.resolveComponent("el-cascader"),A=e.resolveComponent("el-date-picker"),O=e.resolveComponent("InputNumber"),k=e.resolveComponent("el-form-item"),B=e.resolveComponent("el-button"),Q=e.resolveComponent("el-form");return e.withDirectives((e.openBlock(),e.createBlock(Q,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,r=>(e.openBlock(),e.createBlock(k,{label:r.label,prop:r.prop,key:r.prop,rules:r.rules},{default:e.withCtx(()=>[r.type==="input"?(e.openBlock(),e.createBlock(c,{key:0,item:r},null,8,["item"])):e.createCommentVNode("",!0),r.type==="input-graphic-verification"?(e.openBlock(),e.createBlock(i,{item:r,key:r.key},null,8,["item"])):e.createCommentVNode("",!0),r.type==="input-mobile-verification"?(e.openBlock(),e.createBlock(p,{key:2,item:r},null,8,["item"])):e.createCommentVNode("",!0),r.type==="divider"?(e.openBlock(),e.createBlock(_,{key:3,item:r},null,8,["item"])):r.type==="select"?(e.openBlock(),e.createBlock(j,e.mergeProps({key:4,filterable:"",modelValue:t.queryParams[r.prop],"onUpdate:modelValue":m=>t.queryParams[r.prop]=m,size:t.size},r.selectSetting||t.selectSetting),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.option||[],m=>(e.openBlock(),e.createBlock(G,{key:m.value,label:m.desc,value:m.value},null,8,["label","value"]))),128))]),_:2},1040,["modelValue","onUpdate:modelValue","size"])):r.type==="cascader"?(e.openBlock(),e.createBlock(R,e.mergeProps({key:5,filterable:"",modelValue:t.queryParams[r.prop],"onUpdate:modelValue":m=>t.queryParams[r.prop]=m,size:t.size,options:r.options||[]},r.selectSetting||t.selectSetting),null,16,["modelValue","onUpdate:modelValue","size","options"])):r.type==="date-picker"?(e.openBlock(),e.createBlock(A,e.mergeProps({key:6,modelValue:t.queryParams[r.prop],"onUpdate:modelValue":m=>t.queryParams[r.prop]=m,size:t.size},r.datePackerSetting||t.datePackerSetting),null,16,["modelValue","onUpdate:modelValue","size"])):e.createCommentVNode("",!0),r.type==="input-number"?(e.openBlock(),e.createBlock(O,{key:7,item:r},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(k,{key:0},{default:e.withCtx(()=>[e.createVNode(B,{type:"primary",icon:"el-icon-search",size:t.size,onClick:t.handleQuery},{default:e.withCtx(()=>[e.createTextVNode("查询")]),_:1},8,["size","onClick"]),e.createVNode(B,{icon:"el-icon-refresh",size:t.size,onClick:t.resetQuery},{default:e.withCtx(()=>[e.createTextVNode("重置")]),_:1},8,["size","onClick"])]),_:1}))]),_:3},16,["model","label-width"])),[[e.vShow,t.showSearch]])}const T=u(L,[["render",E]]);d.VGeneralBasicForm=T,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});