general-basic-form 2.0.0 → 2.0.2

package/dist/index.mjs

@@ -1,266 +0,0 @@
-import { resolveComponent as u, withDirectives as x, openBlock as a, createBlock as s, mergeProps as c, withCtx as p, createElementBlock as g, Fragment as P, renderList as m, withKeys as B, createSlots as C, resolveDynamicComponent as F, createCommentVNode as i, renderSlot as I, createVNode as k, createTextVNode as V, vShow as Q } from "vue";
-const D = (r, n) => {
-  const t = r.__vccOpts || r;
-  for (const [h, l] of n)
-    t[h] = l;
-  return t;
-}, G = {
-  name: "GeneralBasicForm",
-  components: {
-    InputArchive: (r) => {
-      const { templateEle: n } = r;
-      return n();
-    }
-  },
-  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() {
-    var r;
-    return {
-      queryParams: {
-        ...this.noUrlParameters ? {} : (r = this.$route) == null ? void 0 : r.query
-      },
-      // form表单数据
-      selectSetting: {
-        placeholder: "请选择",
-        clearable: !0,
-        style: "width: 200px"
-      },
-      inputSetting: {
-        placeholder: "请输入",
-        style: "width: 200px",
-        clearable: !0
-      },
-      datePackerSetting: {
-        style: "width: 227px",
-        "start-placeholder": "开始日期",
-        "end-placeholder": "结束日期",
-        type: "daterange"
-      }
-    };
-  },
-  // setup(props) {
-  //设置默认值
-  //   console.log(props);
-  //   // const { formItem } = toRefs(props);
-  //   const { formItem } = props;
-  //   console.log(formItem);
-  //   const queryParams = {};
-  //   formItem.forEach((item) => {
-  //     queryParams[item.prop] = "";
-  //   });
-  //   return {
-  //     queryParams,
-  //   };
-  // },
-  watch: {
-    formData(r) {
-      this.queryParams = {
-        ...this.noUrlParameters ? {} : this.queryParams,
-        ...r
-      };
-    }
-  },
-  methods: {
-    /** 搜索按钮操作 */
-    handleQuery() {
-      var t;
-      const r = { page: 1, limit: 10 }, n = {
-        ...(t = this.$route) == null ? void 0 : t.query,
-        ...this.queryParams,
-        ...r
-      };
-      this.noUrlParameters || this.$router.push({
-        query: { ...n }
-      }), this.getList({
-        ...n
-      });
-    },
-    /** 重置按钮操作 */
-    async resetQuery() {
-      var n;
-      this.$refs.queryFormRef.resetFields();
-      const r = { page: 1 };
-      this.noUrlParameters || await this.$router.push({
-        query: { ...r }
-      }), this.queryParams = {
-        ...this.noUrlParameters ? {} : (n = this.$route) == null ? void 0 : n.query
-      }, this.afterReset(), this.handleQuery();
-    },
-    currentInputComponent() {
-      return "input-archive";
-    }
-  }
-};
-function L(r, n, t, h, l, d) {
-  const q = u("el-input"), z = u("el-option"), b = u("el-select"), S = u("el-cascader"), v = u("el-date-picker"), U = u("el-input-number"), y = u("el-form-item"), _ = u("el-button"), w = u("el-form");
-  return x((a(), s(w, c({
-    model: l.queryParams,
-    ref: "queryFormRef",
-    inline: "",
-    "label-position": "left",
-    "label-width": t.labelWidth
-  }, r.$attrs), {
-    default: p(() => [
-      (a(!0), g(P, null, m(t.formItem, (e) => (a(), s(y, {
-        label: e.label,
-        prop: e.prop,
-        key: e.prop,
-        rules: e.rules
-      }, {
-        default: p(() => [
-          e.type === "input" ? (a(), s(q, c({
-            key: 0,
-            onKeydown: B(t.getList, ["enter"]),
-            modelValue: l.queryParams[e.prop],
-            "onUpdate:modelValue": (o) => l.queryParams[e.prop] = o,
-            size: t.size
-          }, l.inputSetting, {
-            placeholder: e.placeholder || l.inputSetting.placeholder,
-            maxlength: e.maxlength
-          }), C({ _: 2 }, [
-            m(e.template, (o, f) => ({
-              name: f,
-              fn: p(() => [
-                o ? (a(), s(F(d.currentInputComponent()), {
-                  key: f,
-                  templateEle: o
-                }, null, 8, ["templateEle"])) : i("", !0)
-              ])
-            }))
-          ]), 1040, ["onKeydown", "modelValue", "onUpdate:modelValue", "size", "placeholder", "maxlength"])) : e.type === "select" ? (a(), s(b, c({
-            key: 1,
-            filterable: "",
-            modelValue: l.queryParams[e.prop],
-            "onUpdate:modelValue": (o) => l.queryParams[e.prop] = o,
-            size: t.size
-          }, l.selectSetting, {
-            multiple: e.multiple,
-            placeholder: e.placeholder || l.selectSetting.placeholder
-          }), {
-            default: p(() => [
-              (a(!0), g(P, null, m(e.option || [], (o) => (a(), s(z, {
-                key: o.value,
-                label: o.desc,
-                value: o.value
-              }, null, 8, ["label", "value"]))), 128))
-            ]),
-            _: 2
-          }, 1040, ["modelValue", "onUpdate:modelValue", "size", "multiple", "placeholder"])) : e.type === "cascader" ? (a(), s(S, c({
-            key: 2,
-            filterable: "",
-            modelValue: l.queryParams[e.prop],
-            "onUpdate:modelValue": (o) => l.queryParams[e.prop] = o,
-            size: t.size
-          }, l.selectSetting, {
-            options: e.options || [],
-            placeholder: e.placeholder || l.selectSetting.placeholder
-          }), null, 16, ["modelValue", "onUpdate:modelValue", "size", "options", "placeholder"])) : e.type === "date-picker" ? (a(), s(v, c({
-            key: 3,
-            modelValue: l.queryParams[e.prop],
-            "onUpdate:modelValue": (o) => l.queryParams[e.prop] = o,
-            size: t.size
-          }, l.datePackerSetting, {
-            "start-placeholder": e["start-placeholder"] || l.datePackerSetting["start-placeholder"],
-            "end-placeholder": e["end-placeholder"] || l.datePackerSetting["end-placeholder"],
-            "value-format": e["value-format"]
-          }), null, 16, ["modelValue", "onUpdate:modelValue", "size", "start-placeholder", "end-placeholder", "value-format"])) : i("", !0),
-          e.type === "input-number" ? (a(), s(U, c({
-            key: 4,
-            modelValue: l.queryParams[e.prop],
-            "onUpdate:modelValue": (o) => l.queryParams[e.prop] = o,
-            size: t.size
-          }, l.inputSetting, {
-            min: e.min,
-            max: e.max,
-            "controls-position": e["controls-position"],
-            "step-strictly": e["step-strictly"]
-          }), null, 16, ["modelValue", "onUpdate:modelValue", "size", "min", "max", "controls-position", "step-strictly"])) : i("", !0)
-        ]),
-        _: 2
-      }, 1032, ["label", "prop", "rules"]))), 128)),
-      I(r.$slots, "default", {}, void 0, !0),
-      t.formOnly ? i("", !0) : (a(), s(y, { key: 0 }, {
-        default: p(() => [
-          k(_, {
-            type: "primary",
-            icon: "el-icon-search",
-            size: t.size,
-            onClick: d.handleQuery
-          }, {
-            default: p(() => [
-              V("查询")
-            ]),
-            _: 1
-          }, 8, ["size", "onClick"]),
-          k(_, {
-            icon: "el-icon-refresh",
-            size: t.size,
-            onClick: d.resetQuery
-          }, {
-            default: p(() => [
-              V("重置")
-            ]),
-            _: 1
-          }, 8, ["size", "onClick"])
-        ]),
-        _: 1
-      }))
-    ]),
-    _: 3
-  }, 16, ["model", "label-width"])), [
-    [Q, t.showSearch]
-  ]);
-}
-const O = /* @__PURE__ */ D(G, [["render", L], ["__scopeId", "data-v-279f95d9"]]), E = O;
-export {
-  E as VGeneralBasicForm
-};

package/dist/index.umd.js

@@ -1 +0,0 @@
-(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 q="",u=(r,a)=>{const l=r.__vccOpts||r;for(const[p,o]of a)l[p]=o;return l},h={name:"GeneralBasicForm",components:{InputArchive:r=>{const{templateEle:a}=r;return a()}},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(){var r;return{queryParams:{...this.noUrlParameters?{}:(r=this.$route)==null?void 0:r.query},selectSetting:{placeholder:"请选择",clearable:!0,style:"width: 200px"},inputSetting:{placeholder:"请输入",style:"width: 200px",clearable:!0},datePackerSetting:{style:"width: 227px","start-placeholder":"开始日期","end-placeholder":"结束日期",type:"daterange"}}},watch:{formData(r){this.queryParams={...this.noUrlParameters?{}:this.queryParams,...r}}},methods:{handleQuery(){var l;const r={page:1,limit:10},a={...(l=this.$route)==null?void 0:l.query,...this.queryParams,...r};this.noUrlParameters||this.$router.push({query:{...a}}),this.getList({...a})},async resetQuery(){var a;this.$refs.queryFormRef.resetFields();const r={page:1};this.noUrlParameters||await this.$router.push({query:{...r}}),this.queryParams={...this.noUrlParameters?{}:(a=this.$route)==null?void 0:a.query},this.afterReset(),this.handleQuery()},currentInputComponent(){return"input-archive"}}};function y(r,a,l,p,o,c){const _=e.resolveComponent("el-input"),k=e.resolveComponent("el-option"),g=e.resolveComponent("el-select"),P=e.resolveComponent("el-cascader"),B=e.resolveComponent("el-date-picker"),V=e.resolveComponent("el-input-number"),i=e.resolveComponent("el-form-item"),d=e.resolveComponent("el-button"),C=e.resolveComponent("el-form");return e.withDirectives((e.openBlock(),e.createBlock(C,e.mergeProps({model:o.queryParams,ref:"queryFormRef",inline:"","label-position":"left","label-width":l.labelWidth},r.$attrs),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.formItem,t=>(e.openBlock(),e.createBlock(i,{label:t.label,prop:t.prop,key:t.prop,rules:t.rules},{default:e.withCtx(()=>[t.type==="input"?(e.openBlock(),e.createBlock(_,e.mergeProps({key:0,onKeydown:e.withKeys(l.getList,["enter"]),modelValue:o.queryParams[t.prop],"onUpdate:modelValue":n=>o.queryParams[t.prop]=n,size:l.size},o.inputSetting,{placeholder:t.placeholder||o.inputSetting.placeholder,maxlength:t.maxlength}),e.createSlots({_:2},[e.renderList(t.template,(n,m)=>({name:m,fn:e.withCtx(()=>[n?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c.currentInputComponent()),{key:m,templateEle:n},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040,["onKeydown","modelValue","onUpdate:modelValue","size","placeholder","maxlength"])):t.type==="select"?(e.openBlock(),e.createBlock(g,e.mergeProps({key:1,filterable:"",modelValue:o.queryParams[t.prop],"onUpdate:modelValue":n=>o.queryParams[t.prop]=n,size:l.size},o.selectSetting,{multiple:t.multiple,placeholder:t.placeholder||o.selectSetting.placeholder}),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.option||[],n=>(e.openBlock(),e.createBlock(k,{key:n.value,label:n.desc,value:n.value},null,8,["label","value"]))),128))]),_:2},1040,["modelValue","onUpdate:modelValue","size","multiple","placeholder"])):t.type==="cascader"?(e.openBlock(),e.createBlock(P,e.mergeProps({key:2,filterable:"",modelValue:o.queryParams[t.prop],"onUpdate:modelValue":n=>o.queryParams[t.prop]=n,size:l.size},o.selectSetting,{options:t.options||[],placeholder:t.placeholder||o.selectSetting.placeholder}),null,16,["modelValue","onUpdate:modelValue","size","options","placeholder"])):t.type==="date-picker"?(e.openBlock(),e.createBlock(B,e.mergeProps({key:3,modelValue:o.queryParams[t.prop],"onUpdate:modelValue":n=>o.queryParams[t.prop]=n,size:l.size},o.datePackerSetting,{"start-placeholder":t["start-placeholder"]||o.datePackerSetting["start-placeholder"],"end-placeholder":t["end-placeholder"]||o.datePackerSetting["end-placeholder"],"value-format":t["value-format"]}),null,16,["modelValue","onUpdate:modelValue","size","start-placeholder","end-placeholder","value-format"])):e.createCommentVNode("",!0),t.type==="input-number"?(e.openBlock(),e.createBlock(V,e.mergeProps({key:4,modelValue:o.queryParams[t.prop],"onUpdate:modelValue":n=>o.queryParams[t.prop]=n,size:l.size},o.inputSetting,{min:t.min,max:t.max,"controls-position":t["controls-position"],"step-strictly":t["step-strictly"]}),null,16,["modelValue","onUpdate:modelValue","size","min","max","controls-position","step-strictly"])):e.createCommentVNode("",!0)]),_:2},1032,["label","prop","rules"]))),128)),e.renderSlot(r.$slots,"default",{},void 0,!0),l.formOnly?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(i,{key:0},{default:e.withCtx(()=>[e.createVNode(d,{type:"primary",icon:"el-icon-search",size:l.size,onClick:c.handleQuery},{default:e.withCtx(()=>[e.createTextVNode("查询")]),_:1},8,["size","onClick"]),e.createVNode(d,{icon:"el-icon-refresh",size:l.size,onClick:c.resetQuery},{default:e.withCtx(()=>[e.createTextVNode("重置")]),_:1},8,["size","onClick"])]),_:1}))]),_:3},16,["model","label-width"])),[[e.vShow,l.showSearch]])}const f=u(h,[["render",y],["__scopeId","data-v-279f95d9"]]);s.VGeneralBasicForm=f,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});

package/dist/style.css

@@ -1 +0,0 @@
-.el-form-item[data-v-279f95d9]{margin-bottom:2px!important}