general-basic-form 2.0.11 → 2.0.12

package/dist/index.js

@@ -0,0 +1,575 @@
+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 = {
+  placeholder: "请输入",
+  style: "width: 200px",
+  clearable: !0
+}, re = {
+  style: "width: 227px",
+  "start-placeholder": "开始日期",
+  "end-placeholder": "结束日期",
+  type: "daterange"
+}, Q = {
+  placeholder: "请选择",
+  filterable: !0,
+  clearable: !0,
+  style: "width: 200px"
+}, ae = h({
+  components: {
+    InputArchive: (e) => {
+      const { templateEle: n } = e;
+      return n();
+    }
+  },
+  props: {
+    item: null
+    // null就是any
+  },
+  setup() {
+    const e = _("queryParams", {}), n = _("getList"), t = _("size");
+    return { queryParams: e, getList: n, size: t };
+  },
+  data() {
+    return {
+      inputSetting: {
+        ...A,
+        ...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 [r, a] of n)
+    t[r] = a;
+  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"]),
+    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 }, [
+    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)
+      ])
+    }))
+  ]), 1040, ["onKeydown", "modelValue", "size"]);
+}
+const L = /* @__PURE__ */ P(ae, [["render", ie]]), se = /* @__PURE__ */ h({
+  __name: "index",
+  props: {
+    item: {}
+  },
+  setup(e) {
+    const { item: n } = e, t = _("queryParams", {}), r = _("size"), a = v({
+      ...A,
+      ...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"]);
+    };
+  }
+}), T = Symbol(), le = { class: "input-graphic-verification" }, ue = ["src"], pe = /* @__PURE__ */ h({
+  __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();
+    };
+    return (u, m) => {
+      const f = G("loading");
+      return I((o(), V("div", le, [
+        N(L, {
+          item: u.item,
+          class: "input"
+        }, null, 8, ["item"]),
+        X("img", {
+          class: "graphic",
+          onClick: l,
+          src: d(t)
+        }, null, 8, ue)
+      ])), [
+        [f, d(a)]
+      ]);
+    };
+  }
+});
+const ce = /* @__PURE__ */ P(pe, [["__scopeId", "data-v-500ec9b0"]]), z = "获取验证码", me = 60, de = /* @__PURE__ */ h({
+  __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(() => {
+          if (Number(t.value) <= 0 || !t.value) {
+            i();
+            return;
+          } else
+            t.value = Number(t.value) - 1;
+        }, 1e3), n)
+          await n() === !1 && i();
+        else
+          return;
+    };
+    return Y(() => {
+      i();
+    }), (u, m) => {
+      const f = c("el-button");
+      return o(), s(f, {
+        class: "verifiaction-button",
+        style: Z({
+          color: a.value ? "var(--color-primary, #409EFF)" : "var(--text-color-placeholder, #A8ABB2)",
+          cursor: a.value ? "pointer" : "default"
+        }),
+        onClick: l
+      }, {
+        default: g(() => [
+          $(E(a.value ? z : t.value + "s"), 1)
+        ]),
+        _: 1
+      }, 8, ["style"]);
+    };
+  }
+});
+const _e = /* @__PURE__ */ P(de, [["__scopeId", "data-v-4074e137"]]), fe = /* @__PURE__ */ h({
+  __name: "index",
+  props: {
+    item: {}
+  },
+  setup(e) {
+    const { item: n } = e, t = n;
+    return t.template = {
+      append: () => x(_e, {
+        getSmscode: t.getSmscode
+      })
+    }, (r, a) => (o(), s(L, {
+      item: d(t),
+      class: "input"
+    }, null, 8, ["item"]));
+  }
+}), ye = h({
+  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 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)
+      ])
+    }))
+  ]), 1040);
+}
+const he = /* @__PURE__ */ P(ye, [["render", ge]]), ve = /* @__PURE__ */ h({
+  __name: "index",
+  props: {
+    item: {}
+  },
+  setup(e) {
+    const { item: n } = e, t = _("queryParams", {}), r = _("size"), a = v({
+      ...n.radioSetting
+    }), i = v({
+      ...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)
+            ]),
+            _: 2
+          }, 1040, ["size", "label"]))), 128))
+        ]),
+        _: 1
+      }, 16, ["modelValue", "size"]);
+    };
+  }
+}), be = /* @__PURE__ */ h({
+  __name: "index",
+  props: {
+    item: {}
+  },
+  setup(e) {
+    const { item: n } = e, t = _("queryParams", {}), r = _("size"), a = v({
+      ...re,
+      ...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"]);
+    };
+  }
+}), Se = /* @__PURE__ */ h({
+  __name: "index",
+  props: {
+    item: {}
+  },
+  setup(e) {
+    const { item: n } = e, t = _("queryParams", {}), r = _("size"), a = v({
+      ...Q,
+      ...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
+          }, null, 8, ["label", "value"]))), 128))
+        ]),
+        _: 1
+      }, 16, ["modelValue", "size"]);
+    };
+  }
+}), ze = /* @__PURE__ */ h({
+  __name: "index",
+  props: {
+    item: {}
+  },
+  setup(e) {
+    const { item: n } = e, t = _("queryParams", {}), r = _("size"), a = v({
+      ...Q,
+      ...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"]);
+    };
+  }
+}), ke = h({
+  name: "GeneralBasicForm",
+  components: {
+    Input: L,
+    InputNumber: se,
+    InputGraphicVerification: ce,
+    InputMobileVerification: fe,
+    Divider: he,
+    Radio: ve,
+    DatePicker: be,
+    Select: Se,
+    Cascader: ze
+  },
+  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: () => {
+      }
+    }
+  },
+  data() {
+    return {
+      formLoading: this.loading || !1
+    };
+  },
+  setup(e) {
+    const { size: n, noUrlParameters: t, getList: r } = e, a = oe(), i = v({
+      ...t ? {} : a == null ? void 0 : a.query
+    });
+    return q(
+      /* 注入名 */
+      "queryParams",
+      /* 值 */
+      i
+    ), q(
+      /* 注入名 */
+      "size",
+      /* 值 */
+      n
+    ), q(
+      /* 注入名 */
+      "getList",
+      /* 值 */
+      r
+    ), {
+      queryParams: i
+    };
+  },
+  watch: {
+    formData: {
+      handler(e) {
+        this.queryParams = {
+          ...this.noUrlParameters ? {} : this.queryParams,
+          ...e
+        };
+      },
+      // watch 默认是懒执行的：仅当数据源变化时，才会执行回调。但在某些场景中，我们希望在创建侦听器时，立即执行一遍回调。举例来说，我们想请求一些初始数据，然后在相关状态更改时重新请求数据。
+      // https://cn.vuejs.org/guide/essentials/watchers.html#deep-watchers
+      immediate: !0
+      // deep: true,
+    },
+    loading(e) {
+      this.formLoading !== e && (this.formLoading = e);
+    },
+    formLoading(e) {
+      this.loading !== e && this.$emit("update:loading", e);
+    }
+  },
+  provide() {
+    return {
+      // 显式提供一个计算属性
+      [T]: {
+        formLoading: R(() => 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 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({
+    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, {
+        label: p.label,
+        prop: p.prop,
+        key: p.prop,
+        rules: p.rules
+      }, {
+        default: g(() => [
+          p.type === "input" ? (o(), s(l, {
+            key: 0,
+            item: p
+          }, null, 8, ["item"])) : y("", !0),
+          p.type === "radio" ? (o(), s(u, {
+            key: 1,
+            item: p
+          }, null, 8, ["item"])) : y("", !0),
+          p.type === "select" ? (o(), s(m, {
+            key: 2,
+            item: p
+          }, null, 8, ["item"])) : y("", !0),
+          p.type === "divider" ? (o(), s(f, {
+            key: 3,
+            item: p
+          }, null, 8, ["item"])) : y("", !0),
+          p.type === "cascader" ? (o(), s(S, {
+            key: 4,
+            item: p
+          }, null, 8, ["item"])) : y("", !0),
+          p.type === "date-picker" ? (o(), s(K, {
+            key: 5,
+            item: p
+          }, null, 8, ["item"])) : y("", !0),
+          p.type === "input-number" ? (o(), s(O, {
+            key: 6,
+            item: p
+          }, null, 8, ["item"])) : y("", !0),
+          p.type === "input-mobile-verification" ? (o(), s(M, {
+            key: 7,
+            item: p
+          }, null, 8, ["item"])) : y("", !0),
+          p.type === "input-graphic-verification" ? (o(), s(j, {
+            item: p,
+            key: p.key
+          }, null, 8, ["item"])) : y("", !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, {
+            type: "primary",
+            size: e.size,
+            onClick: e.handleQuery
+          }, {
+            default: g(() => [
+              $("查询")
+            ]),
+            _: 1
+          }, 8, ["size", "onClick"])), [
+            [H, e.formLoading]
+          ]),
+          N(B, {
+            size: e.size,
+            onClick: e.resetQuery
+          }, {
+            default: g(() => [
+              $("重置")
+            ]),
+            _: 1
+          }, 8, ["size", "onClick"])
+        ]),
+        _: 1
+      })),
+      D(e.$slots, "behind-the-button")
+    ]),
+    _: 3
+  }, 16, ["model", "label-width"])), [
+    [ne, e.showSearch]
+  ]);
+}
+const $e = /* @__PURE__ */ P(ke, [["render", Pe]]), Ie = $e;
+export {
+  Ie as VGeneralBasicForm
+};

package/dist/index.umd.cjs

@@ -0,0 +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"})});

package/dist/style.css

@@ -0,0 +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

@@ -1,8 +1,8 @@
 {
   "name": "general-basic-form",
-  "version": "2.0.11",
+  "version": "2.0.12",
   "description": "",
-  "main": "./src/index.ts",
+  "main": "./dist/index.umd.cjs",
   "type": "module",
   "scripts": {
     "build": "cross-env CURRENT_ENV=prod run-p type-check build-only",
@@ -46,5 +46,16 @@
     "vue": ">=3.3.4",
     "vue-router": ">=4.2.4"
   },
-  "typings": "./publish/index.d.ts"
+  "typings": "./dist/index.d.ts",
+  "module": "./dist/index.js",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.umd.cjs"
+    },
+    "./style": "./dist/style.css"
+  },
+  "files": [
+    "/dist"
+  ]
 }

package/script/link.ts

@@ -1,36 +0,0 @@
-/*
- * @Author: 陈德立*******419287484@qq.com
- * @Date: 2023-11-10 09:39:59
- * @LastEditTime: 2023-11-15 18:04:19
- * @LastEditors: 陈德立*******419287484@qq.com
- * @Github: https://github.com/Alan1034
- * @Description: link处理流程
- * @FilePath: \GeneralBasicForm\script\link.ts
- * 
- */
-import path from "path";
-import fs from 'fs'
-import chalk from 'chalk'
-import { fileURLToPath } from 'url'
-const __filenameNew = fileURLToPath(import.meta.url)
-const __dirnameNew = path.dirname(__filenameNew)
-const updateMain = () => {
-  try {
-    const packageTxt = fs.readFileSync(path.join(__dirnameNew, '../package.json'), 'utf8');
-    const packageJson = JSON.parse(packageTxt);
-    const mainDir = "./src/index.ts"
-    delete packageJson.files
-    delete packageJson.module
-    delete packageJson.exports
-    packageJson.typings = "./publish/index.d.ts"
-    packageJson.main = mainDir
-    const versionData = JSON.stringify(packageJson, null, 2);
-    fs.writeFileSync(path.join(__dirnameNew, '../package.json'), versionData, 'utf8');
-    console.log(chalk.green.bold('修改入口配置成功！当前入口路径为为：' + mainDir));
-  } catch (error) {
-    console.log(chalk.red.bold('修改入口配置出错:', error.toString()));
-  }
-
-}
-
-updateMain()