general-basic-form 1.0.28 → 1.0.29

package/dist/index.js

@@ -1,10 +1,33 @@
-import { resolveComponent as u, openBlock as a, createBlock as s, withCtx as c, createTextVNode as g, toDisplayString as D, resolveDirective as N, withDirectives as S, mergeProps as p, createElementBlock as k, Fragment as P, renderList as y, withKeys as V, createSlots as q, resolveDynamicComponent as x, createCommentVNode as f, createElementVNode as R, createVNode as z, renderSlot as O, vShow as E } from "vue";
-const v = (e, n) => {
-  const r = e.__vccOpts || e;
-  for (const [d, o] of n)
-    r[d] = o;
-  return r;
-}, K = {
+function f(r, e, a, t, n, o, u, d) {
+  var s = typeof r == "function" ? r.options : r;
+  e && (s.render = e, s.staticRenderFns = a, s._compiled = !0), t && (s.functional = !0), o && (s._scopeId = "data-v-" + o);
+  var l;
+  if (u ? (l = function(i) {
+    i = i || // cached call
+    this.$vnode && this.$vnode.ssrContext || // stateful
+    this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !i && typeof __VUE_SSR_CONTEXT__ < "u" && (i = __VUE_SSR_CONTEXT__), n && n.call(this, i), i && i._registeredComponents && i._registeredComponents.add(u);
+  }, s._ssrRegister = l) : n && (l = d ? function() {
+    n.call(
+      this,
+      (s.functional ? this.parent : this).$root.$options.shadowRoot
+    );
+  } : n), l)
+    if (s.functional) {
+      s._injectStyles = l;
+      var h = s.render;
+      s.render = function(m, c) {
+        return l.call(c), h(m, c);
+      };
+    } else {
+      var p = s.beforeCreate;
+      s.beforeCreate = p ? [].concat(p, l) : [l];
+    }
+  return {
+    exports: r,
+    options: s
+  };
+}
+const y = {
   props: {
     verificationSetting: {
       type: Object,
@@ -52,23 +75,28 @@ const v = (e, n) => {
     }
   }
 };
-function Q(e, n, r, d, o, i) {
-  const h = u("el-button");
-  return a(), s(h, { onClick: i.buttonClick }, {
-    default: c(() => [
-      g(D(i.buttonType ? o.defaultText : o.buttonText + "s"), 1)
-    ]),
-    _: 1
-  }, 8, ["onClick"]);
-}
-const G = /* @__PURE__ */ v(K, [["render", Q]]), j = {
+var _ = function() {
+  var e = this, a = e._self._c;
+  return a("el-button", { on: { click: e.buttonClick } }, [e._v(e._s(e.buttonType ? e.defaultText : e.buttonText + "s"))]);
+}, g = [], b = /* @__PURE__ */ f(
+  y,
+  _,
+  g,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const v = b.exports;
+const S = {
   name: "GeneralBasicForm",
   components: {
-    InputArchive: (e) => {
-      const { templateEle: n } = e;
-      return n();
+    InputArchive: (r) => {
+      const { templateEle: e } = r;
+      return e();
     },
-    VerificationButton: G
+    VerificationButton: v
   },
   props: {
     showSearch: {
@@ -131,10 +159,10 @@ const G = /* @__PURE__ */ v(K, [["render", Q]]), j = {
     }
   },
   data() {
-    var e;
+    var r;
     return {
       queryParams: {
-        ...this.noUrlParameters ? {} : (e = this.$route) == null ? void 0 : e.query
+        ...this.noUrlParameters ? {} : (r = this.$route) == null ? void 0 : r.query
       },
       // form表单数据
       formLoading: this.loading || !1,
@@ -173,10 +201,10 @@ const G = /* @__PURE__ */ v(K, [["render", Q]]), j = {
   // },
   watch: {
     formData: {
-      handler(e, n) {
-        JSON.stringify(e) !== JSON.stringify(n) && (this.queryParams = {
+      handler(r, e) {
+        JSON.stringify(r) !== JSON.stringify(e) && (this.queryParams = {
           ...this.noUrlParameters ? {} : this.queryParams,
-          ...e
+          ...r
         });
       },
       // watch 默认是懒执行的：仅当数据源变化时，才会执行回调。但在某些场景中，我们希望在创建侦听器时，立即执行一遍回调。举例来说，我们想请求一些初始数据，然后在相关状态更改时重新请求数据。
@@ -185,210 +213,120 @@ const G = /* @__PURE__ */ v(K, [["render", Q]]), j = {
       // deep: true,
     },
     queryParams: {
-      handler(e) {
-        this.$emit("update:formData", e);
+      handler(r) {
+        this.$emit("update:formData", r);
       },
       deep: !0
     },
-    loading(e) {
-      this.formLoading !== e && (this.formLoading = e);
+    loading(r) {
+      this.formLoading !== r && (this.formLoading = r);
     },
-    formLoading(e) {
-      this.loading !== e && this.$emit("update:loading", e);
+    formLoading(r) {
+      this.loading !== r && this.$emit("update:loading", r);
     }
   },
   methods: {
     /** 搜索按钮操作 */
     handleQuery() {
-      var r;
-      const e = { page: 1, limit: 10 }, n = {
-        ...(r = this.$route) == null ? void 0 : r.query,
+      var a;
+      const r = { page: 1, limit: 10 }, e = {
+        ...(a = this.$route) == null ? void 0 : a.query,
         ...this.queryParams,
-        ...e
+        ...r
       };
       this.noUrlParameters || this.$router.push({
-        query: { ...n }
+        query: { ...e }
       }), this.getList({
-        ...n
+        ...e
       });
     },
     /** 重置按钮操作 */
     async resetQuery() {
-      var n;
+      var e;
       this.$refs.queryFormRef.resetFields();
-      const e = { page: 1 };
+      const r = { page: 1 };
       this.noUrlParameters || await this.$router.push({
-        query: { ...e }
+        query: { ...r }
       }), this.queryParams = {
-        ...this.noUrlParameters ? {} : (n = this.$route) == null ? void 0 : n.query
+        ...this.noUrlParameters ? {} : (e = this.$route) == null ? void 0 : e.query
       }, this.afterReset(), this.handleQuery();
     },
     currentInputComponent() {
       return "input-archive";
     },
-    getItemRules(e) {
-      const { type: n, rules: r = [] } = e, d = [...r];
-      return this.noInputBlank && n === "input" && d.push({
+    getItemRules(r) {
+      const { type: e, rules: a = [] } = r, t = [...a];
+      return this.noInputBlank && e === "input" && t.push({
         pattern: this.trimRegex,
         message: "请输入（不能仅输入空格）",
         trigger: "blur"
-      }), d;
+      }), t;
     },
-    getInputSetting(e) {
-      const { inputSetting: n } = e;
+    getInputSetting(r) {
+      const { inputSetting: e } = r;
       return {
         ...this.inputSetting,
-        ...n
+        ...e
       };
     },
-    getSelectSetting(e) {
-      const { selectSetting: n } = e;
+    getSelectSetting(r) {
+      const { selectSetting: e } = r;
       return {
         ...this.selectSetting,
-        ...n
+        ...e
       };
     },
-    getDatePackerSetting(e) {
-      const { datePackerSetting: n } = e;
+    getDatePackerSetting(r) {
+      const { datePackerSetting: e } = r;
       return {
         ...this.datePackerSetting,
-        ...n
+        ...e
       };
     }
   }
-}, A = { slot: "append" };
-function J(e, n, r, d, o, i) {
-  const h = u("el-input"), T = u("verification-button"), w = u("el-option"), U = u("el-select"), I = u("el-cascader"), C = u("el-date-picker"), B = u("el-input-number"), _ = u("el-form-item"), b = u("el-button"), F = u("el-form"), L = N("loading");
-  return S((a(), s(F, p({
-    model: o.queryParams,
-    ref: "queryFormRef",
-    inline: "",
-    "label-position": "left",
-    "label-width": r.labelWidth
-  }, e.$attrs), {
-    default: c(() => [
-      (a(!0), k(P, null, y(r.formItem, (t) => (a(), s(_, {
-        label: t.label,
-        prop: t.prop,
-        key: t.prop,
-        rules: i.getItemRules(t)
-      }, {
-        default: c(() => [
-          t.type === "input" ? (a(), s(h, p({
-            key: 0,
-            onKeydown: V(r.getList, ["enter"]),
-            modelValue: o.queryParams[t.prop],
-            "onUpdate:modelValue": (l) => o.queryParams[t.prop] = l,
-            size: r.size
-          }, i.getInputSetting(t)), q({ _: 2 }, [
-            y(t.template, (l, m) => ({
-              name: m,
-              fn: c(() => [
-                l ? (a(), s(x(i.currentInputComponent()), {
-                  key: m,
-                  templateEle: l
-                }, null, 8, ["templateEle"])) : f("", !0)
-              ])
-            }))
-          ]), 1040, ["onKeydown", "modelValue", "onUpdate:modelValue", "size"])) : t.type === "input-mobile-verification" ? (a(), s(h, p({
-            key: 1,
-            onKeydown: V(r.getList, ["enter"]),
-            modelValue: o.queryParams[t.prop],
-            "onUpdate:modelValue": (l) => o.queryParams[t.prop] = l,
-            size: r.size
-          }, i.getInputSetting(t)), q({
-            default: c(() => [
-              R("template", A, [
-                z(T, {
-                  verificationSetting: t.verificationSetting,
-                  getSmscode: t.getSmscode
-                }, null, 8, ["verificationSetting", "getSmscode"])
-              ])
-            ]),
-            _: 2
-          }, [
-            y(t.template, (l, m) => ({
-              name: m,
-              fn: c(() => [
-                l ? (a(), s(x(i.currentInputComponent()), {
-                  key: m,
-                  templateEle: l
-                }, null, 8, ["templateEle"])) : f("", !0)
-              ])
-            }))
-          ]), 1040, ["onKeydown", "modelValue", "onUpdate:modelValue", "size"])) : t.type === "select" ? (a(), s(U, p({
-            key: 2,
-            filterable: "",
-            modelValue: o.queryParams[t.prop],
-            "onUpdate:modelValue": (l) => o.queryParams[t.prop] = l,
-            size: r.size
-          }, i.getSelectSetting(t)), {
-            default: c(() => [
-              (a(!0), k(P, null, y(t.option || [], (l) => (a(), s(w, {
-                key: l.value,
-                label: l.desc,
-                value: l.value
-              }, null, 8, ["label", "value"]))), 128))
-            ]),
-            _: 2
-          }, 1040, ["modelValue", "onUpdate:modelValue", "size"])) : t.type === "cascader" ? (a(), s(I, p({
-            key: 3,
-            filterable: "",
-            modelValue: o.queryParams[t.prop],
-            "onUpdate:modelValue": (l) => o.queryParams[t.prop] = l,
-            size: r.size,
-            options: t.options || []
-          }, i.getSelectSetting(t)), null, 16, ["modelValue", "onUpdate:modelValue", "size", "options"])) : t.type === "date-picker" ? (a(), s(C, p({
-            key: 4,
-            modelValue: o.queryParams[t.prop],
-            "onUpdate:modelValue": (l) => o.queryParams[t.prop] = l,
-            size: r.size
-          }, i.getDatePackerSetting(t)), null, 16, ["modelValue", "onUpdate:modelValue", "size"])) : f("", !0),
-          t.type === "input-number" ? (a(), s(B, p({
-            key: 5,
-            modelValue: o.queryParams[t.prop],
-            "onUpdate:modelValue": (l) => o.queryParams[t.prop] = l,
-            size: r.size
-          }, i.getInputSetting(t)), null, 16, ["modelValue", "onUpdate:modelValue", "size"])) : f("", !0)
-        ]),
-        _: 2
-      }, 1032, ["label", "prop", "rules"]))), 128)),
-      O(e.$slots, "default"),
-      r.formOnly ? f("", !0) : (a(), s(_, { key: 0 }, {
-        default: c(() => [
-          S((a(), s(b, {
-            type: "primary",
-            icon: "el-icon-search",
-            size: r.size,
-            onClick: i.handleQuery
-          }, {
-            default: c(() => [
-              g("查询")
-            ]),
-            _: 1
-          }, 8, ["size", "onClick"])), [
-            [L, o.formLoading]
-          ]),
-          z(b, {
-            icon: "el-icon-refresh",
-            size: r.size,
-            onClick: i.resetQuery
-          }, {
-            default: c(() => [
-              g("重置")
-            ]),
-            _: 1
-          }, 8, ["size", "onClick"])
-        ]),
-        _: 1
-      }))
-    ]),
-    _: 3
-  }, 16, ["model", "label-width"])), [
-    [E, r.showSearch]
-  ]);
-}
-const W = /* @__PURE__ */ v(j, [["render", J]]), M = W;
+};
+var k = function() {
+  var e = this, a = e._self._c;
+  return a("el-form", e._b({ directives: [{ name: "show", rawName: "v-show", value: e.showSearch, expression: "showSearch" }], ref: "queryFormRef", attrs: { model: e.queryParams, inline: "", "label-position": "left", "label-width": e.labelWidth } }, "el-form", e.$attrs, !1), [e._l(e.formItem, function(t) {
+    return a("el-form-item", { key: t.prop, attrs: { label: t.label, prop: t.prop, rules: e.getItemRules(t) } }, [t.type === "input" ? a("el-input", e._b({ attrs: { size: e.size }, on: { keydown: function(n) {
+      return !n.type.indexOf("key") && e._k(n.keyCode, "enter", 13, n.key, "Enter") ? null : e.getList.apply(null, arguments);
+    } }, scopedSlots: e._u([e._l(t.template, function(n, o) {
+      return { key: o, fn: function() {
+        return [n ? a(e.currentInputComponent(), { key: o, tag: "component", attrs: { templateEle: n } }) : e._e()];
+      }, proxy: !0 };
+    })], null, !0), model: { value: e.queryParams[t.prop], callback: function(n) {
+      e.$set(e.queryParams, t.prop, n);
+    }, expression: "queryParams[item.prop]" } }, "el-input", e.getInputSetting(t), !1)) : t.type === "input-mobile-verification" ? a("el-input", e._b({ attrs: { size: e.size }, on: { keydown: function(n) {
+      return !n.type.indexOf("key") && e._k(n.keyCode, "enter", 13, n.key, "Enter") ? null : e.getList.apply(null, arguments);
+    } }, scopedSlots: e._u([e._l(t.template, function(n, o) {
+      return { key: o, fn: function() {
+        return [n ? a(e.currentInputComponent(), { key: o, tag: "component", attrs: { templateEle: n } }) : e._e()];
+      }, proxy: !0 };
+    })], null, !0), model: { value: e.queryParams[t.prop], callback: function(n) {
+      e.$set(e.queryParams, t.prop, n);
+    }, expression: "queryParams[item.prop]" } }, "el-input", e.getInputSetting(t), !1), [a("template", { slot: "append" }, [a("verification-button", { attrs: { verificationSetting: t.verificationSetting, getSmscode: t.getSmscode } })], 1)], 2) : t.type === "select" ? a("el-select", e._b({ attrs: { filterable: "", size: e.size }, model: { value: e.queryParams[t.prop], callback: function(n) {
+      e.$set(e.queryParams, t.prop, n);
+    }, expression: "queryParams[item.prop]" } }, "el-select", e.getSelectSetting(t), !1), e._l(t.option || [], function(n) {
+      return a("el-option", { key: n.value, attrs: { label: n.desc, value: n.value } });
+    }), 1) : t.type === "cascader" ? a("el-cascader", e._b({ attrs: { filterable: "", size: e.size, options: t.options || [] }, model: { value: e.queryParams[t.prop], callback: function(n) {
+      e.$set(e.queryParams, t.prop, n);
+    }, expression: "queryParams[item.prop]" } }, "el-cascader", e.getSelectSetting(t), !1)) : t.type === "date-picker" ? a("el-date-picker", e._b({ attrs: { size: e.size }, model: { value: e.queryParams[t.prop], callback: function(n) {
+      e.$set(e.queryParams, t.prop, n);
+    }, expression: "queryParams[item.prop]" } }, "el-date-picker", e.getDatePackerSetting(t), !1)) : e._e(), t.type === "input-number" ? a("el-input-number", e._b({ attrs: { size: e.size }, model: { value: e.queryParams[t.prop], callback: function(n) {
+      e.$set(e.queryParams, t.prop, n);
+    }, expression: "queryParams[item.prop]" } }, "el-input-number", e.getInputSetting(t), !1)) : e._e()], 1);
+  }), e._t("default"), e.formOnly ? e._e() : a("el-form-item", [a("el-button", { directives: [{ name: "loading", rawName: "v-loading", value: e.formLoading, expression: "formLoading" }], attrs: { type: "primary", icon: "el-icon-search", size: e.size }, on: { click: e.handleQuery } }, [e._v("查询")]), a("el-button", { attrs: { icon: "el-icon-refresh", size: e.size }, on: { click: e.resetQuery } }, [e._v("重置")])], 1)], 2);
+}, P = [], q = /* @__PURE__ */ f(
+  S,
+  k,
+  P,
+  !1,
+  null,
+  "a9566079",
+  null,
+  null
+);
+const x = q.exports, T = x;
 export {
-  M as VGeneralBasicForm
+  T as VGeneralBasicForm
 };

package/dist/index.umd.cjs

@@ -1 +1 @@
-(function(s,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(s=typeof globalThis<"u"?globalThis:s||self,e(s.Index={},s.Vue))})(this,function(s,e){"use strict";const m=(t,r)=>{const n=t.__vccOpts||t;for(const[c,a]of r)n[c]=a;return n},h={props:{verificationSetting:{type:Object,default:()=>{}},getSmscode:{type:Function,default:()=>{}}},data(){return{defaultText:this.verificationSetting.defaultText||"获取验证码",buttonText:this.verificationSetting.defaultText||"获取验证码",restTime:this.verificationSetting.restTime||60,timer:null}},computed:{buttonType(){return this.buttonText===this.defaultText}},destroyed(){this.reset()},methods:{reset(){this.timer&&(clearInterval(this.timer),this.timer=null,this.buttonText=this.defaultText)},async buttonClick(){if(this.buttonText===this.defaultText)if(this.buttonText=this.restTime,this.timer=setInterval(()=>{if(Number(this.buttonText)<=0||!this.buttonText){this.reset();return}else this.buttonText=Number(this.buttonText)-1},1e3),this.getSmscode)await this.getSmscode()===!1&&this.reset();else return}}};function y(t,r,n,c,a,i){const d=e.resolveComponent("el-button");return e.openBlock(),e.createBlock(d,{onClick:i.buttonClick},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.buttonType?a.defaultText:a.buttonText+"s"),1)]),_:1},8,["onClick"])}const g={name:"GeneralBasicForm",components:{InputArchive:t=>{const{templateEle:r}=t;return r()},VerificationButton:m(h,[["render",y]])},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:()=>{}},noInputBlank:{type:Boolean,default:()=>!1}},data(){var t;return{queryParams:{...this.noUrlParameters?{}:(t=this.$route)==null?void 0:t.query},formLoading:this.loading||!1,selectSetting:{placeholder:"请选择",filterable:!0,clearable:!0,style:"width: 200px"},inputSetting:{placeholder:"请输入",style:"width: 200px",clearable:!0},datePackerSetting:{style:"width: 227px","start-placeholder":"开始日期","end-placeholder":"结束日期",type:"daterange"}}},watch:{formData:{handler(t,r){JSON.stringify(t)!==JSON.stringify(r)&&(this.queryParams={...this.noUrlParameters?{}:this.queryParams,...t})},immediate:!0},queryParams:{handler(t){this.$emit("update:formData",t)},deep:!0},loading(t){this.formLoading!==t&&(this.formLoading=t)},formLoading(t){this.loading!==t&&this.$emit("update:loading",t)}},methods:{handleQuery(){var n;const t={page:1,limit:10},r={...(n=this.$route)==null?void 0:n.query,...this.queryParams,...t};this.noUrlParameters||this.$router.push({query:{...r}}),this.getList({...r})},async resetQuery(){var r;this.$refs.queryFormRef.resetFields();const t={page:1};this.noUrlParameters||await this.$router.push({query:{...t}}),this.queryParams={...this.noUrlParameters?{}:(r=this.$route)==null?void 0:r.query},this.afterReset(),this.handleQuery()},currentInputComponent(){return"input-archive"},getItemRules(t){const{type:r,rules:n=[]}=t,c=[...n];return this.noInputBlank&&r==="input"&&c.push({pattern:this.trimRegex,message:"请输入（不能仅输入空格）",trigger:"blur"}),c},getInputSetting(t){const{inputSetting:r}=t;return{...this.inputSetting,...r}},getSelectSetting(t){const{selectSetting:r}=t;return{...this.selectSetting,...r}},getDatePackerSetting(t){const{datePackerSetting:r}=t;return{...this.datePackerSetting,...r}}}},_={slot:"append"};function k(t,r,n,c,a,i){const d=e.resolveComponent("el-input"),b=e.resolveComponent("verification-button"),B=e.resolveComponent("el-option"),V=e.resolveComponent("el-select"),x=e.resolveComponent("el-cascader"),C=e.resolveComponent("el-date-picker"),P=e.resolveComponent("el-input-number"),u=e.resolveComponent("el-form-item"),f=e.resolveComponent("el-button"),w=e.resolveComponent("el-form"),T=e.resolveDirective("loading");return e.withDirectives((e.openBlock(),e.createBlock(w,e.mergeProps({model:a.queryParams,ref:"queryFormRef",inline:"","label-position":"left","label-width":n.labelWidth},t.$attrs),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.formItem,o=>(e.openBlock(),e.createBlock(u,{label:o.label,prop:o.prop,key:o.prop,rules:i.getItemRules(o)},{default:e.withCtx(()=>[o.type==="input"?(e.openBlock(),e.createBlock(d,e.mergeProps({key:0,onKeydown:e.withKeys(n.getList,["enter"]),modelValue:a.queryParams[o.prop],"onUpdate:modelValue":l=>a.queryParams[o.prop]=l,size:n.size},i.getInputSetting(o)),e.createSlots({_:2},[e.renderList(o.template,(l,p)=>({name:p,fn:e.withCtx(()=>[l?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.currentInputComponent()),{key:p,templateEle:l},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040,["onKeydown","modelValue","onUpdate:modelValue","size"])):o.type==="input-mobile-verification"?(e.openBlock(),e.createBlock(d,e.mergeProps({key:1,onKeydown:e.withKeys(n.getList,["enter"]),modelValue:a.queryParams[o.prop],"onUpdate:modelValue":l=>a.queryParams[o.prop]=l,size:n.size},i.getInputSetting(o)),e.createSlots({default:e.withCtx(()=>[e.createElementVNode("template",_,[e.createVNode(b,{verificationSetting:o.verificationSetting,getSmscode:o.getSmscode},null,8,["verificationSetting","getSmscode"])])]),_:2},[e.renderList(o.template,(l,p)=>({name:p,fn:e.withCtx(()=>[l?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.currentInputComponent()),{key:p,templateEle:l},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040,["onKeydown","modelValue","onUpdate:modelValue","size"])):o.type==="select"?(e.openBlock(),e.createBlock(V,e.mergeProps({key:2,filterable:"",modelValue:a.queryParams[o.prop],"onUpdate:modelValue":l=>a.queryParams[o.prop]=l,size:n.size},i.getSelectSetting(o)),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.option||[],l=>(e.openBlock(),e.createBlock(B,{key:l.value,label:l.desc,value:l.value},null,8,["label","value"]))),128))]),_:2},1040,["modelValue","onUpdate:modelValue","size"])):o.type==="cascader"?(e.openBlock(),e.createBlock(x,e.mergeProps({key:3,filterable:"",modelValue:a.queryParams[o.prop],"onUpdate:modelValue":l=>a.queryParams[o.prop]=l,size:n.size,options:o.options||[]},i.getSelectSetting(o)),null,16,["modelValue","onUpdate:modelValue","size","options"])):o.type==="date-picker"?(e.openBlock(),e.createBlock(C,e.mergeProps({key:4,modelValue:a.queryParams[o.prop],"onUpdate:modelValue":l=>a.queryParams[o.prop]=l,size:n.size},i.getDatePackerSetting(o)),null,16,["modelValue","onUpdate:modelValue","size"])):e.createCommentVNode("",!0),o.type==="input-number"?(e.openBlock(),e.createBlock(P,e.mergeProps({key:5,modelValue:a.queryParams[o.prop],"onUpdate:modelValue":l=>a.queryParams[o.prop]=l,size:n.size},i.getInputSetting(o)),null,16,["modelValue","onUpdate:modelValue","size"])):e.createCommentVNode("",!0)]),_:2},1032,["label","prop","rules"]))),128)),e.renderSlot(t.$slots,"default"),n.formOnly?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(u,{key:0},{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createBlock(f,{type:"primary",icon:"el-icon-search",size:n.size,onClick:i.handleQuery},{default:e.withCtx(()=>[e.createTextVNode("查询")]),_:1},8,["size","onClick"])),[[T,a.formLoading]]),e.createVNode(f,{icon:"el-icon-refresh",size:n.size,onClick:i.resetQuery},{default:e.withCtx(()=>[e.createTextVNode("重置")]),_:1},8,["size","onClick"])]),_:1}))]),_:3},16,["model","label-width"])),[[e.vShow,n.showSearch]])}const S=m(g,[["render",k]]);s.VGeneralBasicForm=S,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});
+(function(u,p){typeof exports=="object"&&typeof module<"u"?p(exports):typeof define=="function"&&define.amd?define(["exports"],p):(u=typeof globalThis<"u"?globalThis:u||self,p(u.Index={}))})(this,function(u){"use strict";const p="";function c(r,e,a,t,n,o,f,x){var s=typeof r=="function"?r.options:r;e&&(s.render=e,s.staticRenderFns=a,s._compiled=!0),t&&(s.functional=!0),o&&(s._scopeId="data-v-"+o);var l;if(f?(l=function(i){i=i||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,!i&&typeof __VUE_SSR_CONTEXT__<"u"&&(i=__VUE_SSR_CONTEXT__),n&&n.call(this,i),i&&i._registeredComponents&&i._registeredComponents.add(f)},s._ssrRegister=l):n&&(l=x?function(){n.call(this,(s.functional?this.parent:this).$root.$options.shadowRoot)}:n),l)if(s.functional){s._injectStyles=l;var T=s.render;s.render=function($,h){return l.call(h),T($,h)}}else{var d=s.beforeCreate;s.beforeCreate=d?[].concat(d,l):[l]}return{exports:r,options:s}}const m={props:{verificationSetting:{type:Object,default:()=>{}},getSmscode:{type:Function,default:()=>{}}},data(){return{defaultText:this.verificationSetting.defaultText||"获取验证码",buttonText:this.verificationSetting.defaultText||"获取验证码",restTime:this.verificationSetting.restTime||60,timer:null}},computed:{buttonType(){return this.buttonText===this.defaultText}},destroyed(){this.reset()},methods:{reset(){this.timer&&(clearInterval(this.timer),this.timer=null,this.buttonText=this.defaultText)},async buttonClick(){if(this.buttonText===this.defaultText)if(this.buttonText=this.restTime,this.timer=setInterval(()=>{if(Number(this.buttonText)<=0||!this.buttonText){this.reset();return}else this.buttonText=Number(this.buttonText)-1},1e3),this.getSmscode)await this.getSmscode()===!1&&this.reset();else return}}};var y=function(){var e=this,a=e._self._c;return a("el-button",{on:{click:e.buttonClick}},[e._v(e._s(e.buttonType?e.defaultText:e.buttonText+"s"))])},_=[],g=c(m,y,_,!1,null,null,null,null);const b=g.exports,w="",v={name:"GeneralBasicForm",components:{InputArchive:r=>{const{templateEle:e}=r;return e()},VerificationButton:b},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:()=>{}},noInputBlank:{type:Boolean,default:()=>!1}},data(){var r;return{queryParams:{...this.noUrlParameters?{}:(r=this.$route)==null?void 0:r.query},formLoading:this.loading||!1,selectSetting:{placeholder:"请选择",filterable:!0,clearable:!0,style:"width: 200px"},inputSetting:{placeholder:"请输入",style:"width: 200px",clearable:!0},datePackerSetting:{style:"width: 227px","start-placeholder":"开始日期","end-placeholder":"结束日期",type:"daterange"}}},watch:{formData:{handler(r,e){JSON.stringify(r)!==JSON.stringify(e)&&(this.queryParams={...this.noUrlParameters?{}:this.queryParams,...r})},immediate:!0},queryParams:{handler(r){this.$emit("update:formData",r)},deep:!0},loading(r){this.formLoading!==r&&(this.formLoading=r)},formLoading(r){this.loading!==r&&this.$emit("update:loading",r)}},methods:{handleQuery(){var a;const r={page:1,limit:10},e={...(a=this.$route)==null?void 0:a.query,...this.queryParams,...r};this.noUrlParameters||this.$router.push({query:{...e}}),this.getList({...e})},async resetQuery(){var e;this.$refs.queryFormRef.resetFields();const r={page:1};this.noUrlParameters||await this.$router.push({query:{...r}}),this.queryParams={...this.noUrlParameters?{}:(e=this.$route)==null?void 0:e.query},this.afterReset(),this.handleQuery()},currentInputComponent(){return"input-archive"},getItemRules(r){const{type:e,rules:a=[]}=r,t=[...a];return this.noInputBlank&&e==="input"&&t.push({pattern:this.trimRegex,message:"请输入（不能仅输入空格）",trigger:"blur"}),t},getInputSetting(r){const{inputSetting:e}=r;return{...this.inputSetting,...e}},getSelectSetting(r){const{selectSetting:e}=r;return{...this.selectSetting,...e}},getDatePackerSetting(r){const{datePackerSetting:e}=r;return{...this.datePackerSetting,...e}}}};var S=function(){var e=this,a=e._self._c;return a("el-form",e._b({directives:[{name:"show",rawName:"v-show",value:e.showSearch,expression:"showSearch"}],ref:"queryFormRef",attrs:{model:e.queryParams,inline:"","label-position":"left","label-width":e.labelWidth}},"el-form",e.$attrs,!1),[e._l(e.formItem,function(t){return a("el-form-item",{key:t.prop,attrs:{label:t.label,prop:t.prop,rules:e.getItemRules(t)}},[t.type==="input"?a("el-input",e._b({attrs:{size:e.size},on:{keydown:function(n){return!n.type.indexOf("key")&&e._k(n.keyCode,"enter",13,n.key,"Enter")?null:e.getList.apply(null,arguments)}},scopedSlots:e._u([e._l(t.template,function(n,o){return{key:o,fn:function(){return[n?a(e.currentInputComponent(),{key:o,tag:"component",attrs:{templateEle:n}}):e._e()]},proxy:!0}})],null,!0),model:{value:e.queryParams[t.prop],callback:function(n){e.$set(e.queryParams,t.prop,n)},expression:"queryParams[item.prop]"}},"el-input",e.getInputSetting(t),!1)):t.type==="input-mobile-verification"?a("el-input",e._b({attrs:{size:e.size},on:{keydown:function(n){return!n.type.indexOf("key")&&e._k(n.keyCode,"enter",13,n.key,"Enter")?null:e.getList.apply(null,arguments)}},scopedSlots:e._u([e._l(t.template,function(n,o){return{key:o,fn:function(){return[n?a(e.currentInputComponent(),{key:o,tag:"component",attrs:{templateEle:n}}):e._e()]},proxy:!0}})],null,!0),model:{value:e.queryParams[t.prop],callback:function(n){e.$set(e.queryParams,t.prop,n)},expression:"queryParams[item.prop]"}},"el-input",e.getInputSetting(t),!1),[a("template",{slot:"append"},[a("verification-button",{attrs:{verificationSetting:t.verificationSetting,getSmscode:t.getSmscode}})],1)],2):t.type==="select"?a("el-select",e._b({attrs:{filterable:"",size:e.size},model:{value:e.queryParams[t.prop],callback:function(n){e.$set(e.queryParams,t.prop,n)},expression:"queryParams[item.prop]"}},"el-select",e.getSelectSetting(t),!1),e._l(t.option||[],function(n){return a("el-option",{key:n.value,attrs:{label:n.desc,value:n.value}})}),1):t.type==="cascader"?a("el-cascader",e._b({attrs:{filterable:"",size:e.size,options:t.options||[]},model:{value:e.queryParams[t.prop],callback:function(n){e.$set(e.queryParams,t.prop,n)},expression:"queryParams[item.prop]"}},"el-cascader",e.getSelectSetting(t),!1)):t.type==="date-picker"?a("el-date-picker",e._b({attrs:{size:e.size},model:{value:e.queryParams[t.prop],callback:function(n){e.$set(e.queryParams,t.prop,n)},expression:"queryParams[item.prop]"}},"el-date-picker",e.getDatePackerSetting(t),!1)):e._e(),t.type==="input-number"?a("el-input-number",e._b({attrs:{size:e.size},model:{value:e.queryParams[t.prop],callback:function(n){e.$set(e.queryParams,t.prop,n)},expression:"queryParams[item.prop]"}},"el-input-number",e.getInputSetting(t),!1)):e._e()],1)}),e._t("default"),e.formOnly?e._e():a("el-form-item",[a("el-button",{directives:[{name:"loading",rawName:"v-loading",value:e.formLoading,expression:"formLoading"}],attrs:{type:"primary",icon:"el-icon-search",size:e.size},on:{click:e.handleQuery}},[e._v("查询")]),a("el-button",{attrs:{icon:"el-icon-refresh",size:e.size},on:{click:e.resetQuery}},[e._v("重置")])],1)],2)},k=[],P=c(v,S,k,!1,null,"a9566079",null,null);const q=P.exports;u.VGeneralBasicForm=q,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "general-basic-form",
-  "version": "1.0.28",
+  "version": "1.0.29",
   "description": "",
   "main": "./dist/index.umd.cjs",
   "type": "module",
@@ -35,11 +35,11 @@
     "@playwright/test": "^1.36.1",
     "@types/node": "^20.8.10",
     "@vitejs/plugin-legacy": "^4.1.1",
-    "@vitejs/plugin-vue": "^4.2.3",
-    "@vitejs/plugin-vue-jsx": "^3.0.1",
+    "@vitejs/plugin-vue2": "^2.3.1",
+    "@vitejs/plugin-vue2-jsx": "^1.1.1",
+    "chalk": "^2.4.2",
     "cross-env": "^7.0.3",
     "less": "^4.2.0",
-    "chalk": "^2.4.2",
     "npm-run-all": "^4.1.5",
     "rimraf": "^5.0.5",
     "tsx": "^4.0.0",