general-basic-form 2.0.2 → 2.0.3

package/dist/index.mjs

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

package/dist/index.umd.js

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

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "general-basic-form",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "description": "",
-  "main": "./src/index.ts",
+  "main": "./dist/index.umd.js",
   "scripts": {
     "build": "cross-env CURRENT_ENV=prod run-p type-check build-only",
     "test:e2e": "playwright test",
@@ -42,5 +42,16 @@
     "element-plus": ">=2.4.2",
     "vue": ">=3.3.4",
     "vue-router": ">=4.2.4"
-  }
+  },
+  "module": "./dist/index.mjs",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.umd.js"
+    }
+  },
+  "typings": "./dist/index.d.ts",
+  "files": [
+    "/dist"
+  ]
 }

package/script/link.ts

@@ -1,34 +0,0 @@
-/*
- * @Author: 陈德立*******419287484@qq.com
- * @Date: 2023-11-10 09:39:59
- * @LastEditTime: 2023-11-10 10:26:53
- * @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'
-
-const updateMain = () => {
-  try {
-    const packageTxt = fs.readFileSync(path.join(__dirname, '../package.json'), 'utf8');
-    const packageJson = JSON.parse(packageTxt);
-    const mainDir = "./src/index.ts"
-    delete packageJson.files
-    delete packageJson.module
-    delete packageJson.exports
-    delete packageJson.types
-    packageJson.main = mainDir
-    const versionData = JSON.stringify(packageJson, null, 2);
-    fs.writeFileSync(path.join(__dirname, '../package.json'), versionData, 'utf8');
-    console.log(chalk.green.bold('修改入口配置成功！当前入口路径为为：' + mainDir));
-  } catch (error) {
-    console.log(chalk.red.bold('修改入口配置出错:', error.toString()));
-  }
-
-}
-
-updateMain()

package/script/unlink.ts

@@ -1,42 +0,0 @@
-/*
- * @Author: 陈德立*******419287484@qq.com
- * @Date: 2023-11-10 09:39:59
- * @LastEditTime: 2023-11-10 10:29:27
- * @LastEditors: 陈德立*******419287484@qq.com
- * @Github: https://github.com/Alan1034
- * @Description: unlink处理流程
- * @FilePath: \GeneralBasicForm\script\unlink.ts
- * 
- */
-import path from "path";
-import fs from 'fs'
-import chalk from 'chalk'
-
-const updateMain = () => {
-  try {
-    const packageTxt = fs.readFileSync(path.join(__dirname, '../package.json'), 'utf8');
-    const packageJson = JSON.parse(packageTxt);
-    const umdDir = "./dist/index.umd.js"
-    const esDir = "./dist/index.mjs"
-    packageJson.main = umdDir
-    packageJson.module = esDir
-    packageJson.exports = {
-      ".": {
-        "import": esDir,
-        "require": umdDir
-      }
-    }
-    packageJson.typings = "./dist/index.d.ts"
-    packageJson.files = [
-      "/dist"
-    ]
-    const versionData = JSON.stringify(packageJson, null, 2);
-    fs.writeFileSync(path.join(__dirname, '../package.json'), versionData, 'utf8');
-    console.log(chalk.green.bold('修改入口配置成功！当前入口路径为为：' + umdDir));
-  } catch (error) {
-    console.log(chalk.red.bold('修改入口配置出错:', error.toString()));
-  }
-
-}
-
-updateMain()

package/src/GeneralBasicForm.vue

@@ -1,234 +0,0 @@
-<!--
- * @Author: 陈德立*******419287484@qq.com
- * @Date: 2021-08-20 17:14:53
- * @LastEditTime: 2023-11-14 15:18:20
- * @LastEditors: 陈德立*******419287484@qq.com
- * @Github: https://github.com/Alan1034
- * @Description: 
- * @FilePath: \GeneralBasicForm\src\GeneralBasicForm.vue
- * 
--->
-/** 通用基本表单。用在表单页面搜索栏 */
-
-<template>
-  <el-form
-    :model="queryParams"
-    ref="queryFormRef"
-    v-show="showSearch"
-    inline
-    label-position="left"
-    :label-width="labelWidth"
-    v-bind="$attrs"
-  >
-    <el-form-item
-      v-for="item in formItem"
-      :label="item.label"
-      :prop="item.prop"
-      :key="item.prop"
-      :rules="item.rules"
-    >
-      <Input v-if="item.type === 'input'" :item="item" />
-      <InputGraphicVerification
-        v-if="item.type === 'input-graphic-verification'"
-        :item="item"
-        :key="item.key"
-      />
-      <InputMobileVerification
-        v-if="item.type === 'input-mobile-verification'"
-        :item="item"
-      />
-      <Divider v-if="item.type === 'divider'" :item="item" />
-      <el-select
-        filterable
-        v-else-if="item.type === 'select'"
-        v-model="queryParams[item.prop]"
-        :size="size"
-        v-bind="item.selectSetting || selectSetting"
-      >
-        <el-option
-          v-for="dict in item.option || []"
-          :key="dict.value"
-          :label="dict.desc"
-          :value="dict.value"
-        />
-      </el-select>
-      <el-cascader
-        filterable
-        v-else-if="item.type === 'cascader'"
-        v-model="queryParams[item.prop]"
-        :size="size"
-        :options="item.options || []"
-        v-bind="item.selectSetting || selectSetting"
-      ></el-cascader>
-      <el-date-picker
-        v-else-if="item.type === 'date-picker'"
-        v-model="queryParams[item.prop]"
-        :size="size"
-        v-bind="item.datePackerSetting || datePackerSetting"
-      ></el-date-picker>
-      <InputNumber v-if="item.type === 'input-number'" :item="item" />
-    </el-form-item>
-    <slot></slot>
-    <el-form-item v-if="!formOnly">
-      <el-button
-        type="primary"
-        icon="el-icon-search"
-        :size="size"
-        @click="handleQuery"
-        >查询</el-button
-      >
-      <el-button icon="el-icon-refresh" :size="size" @click="resetQuery"
-        >重置</el-button
-      >
-    </el-form-item>
-  </el-form>
-</template>
-
-<script lang="ts">
-import { provide, ref, PropType, defineComponent } from "vue";
-import type { ItemType } from "./types/basicFrom";
-import { useRoute } from "vue-router";
-import Input from "./components/VBasic/input";
-import InputNumber from "./components/VBasic/input-number";
-import InputGraphicVerification from "./components/VBasic/input-graphic-verification";
-import InputMobileVerification from "./components/VBasic/input-mobile-verification";
-import Divider from "./components/VBasic/divider";
-
-export default defineComponent({
-  name: "GeneralBasicForm",
-  components: {
-    Input,
-    InputNumber,
-    InputGraphicVerification,
-    InputMobileVerification,
-    Divider,
-  },
-  props: {
-    showSearch: {
-      // 是否展示所有元素
-      type: Boolean,
-      default: true,
-    },
-    formOnly: {
-      // 是否只展示表单不展示按钮
-      type: Boolean,
-      default: false,
-    },
-    getList: {
-      // 查找数据调用的函数
-      type: Function,
-      default: () => {},
-    },
-    afterReset: {
-      // 在重置按钮点击完后但还没重新请求时触发的的函数
-      type: Function,
-      default: () => {},
-    },
-    formItem: {
-      // 定义表单的数据
-      type: Array as unknown as PropType<ItemType[]>,
-      default: [],
-    },
-    size: {
-      // 控制按钮大小
-      type: String,
-      default: "medium",
-    },
-    labelWidth: {
-      // 表单文字宽度
-      type: String,
-      default: "90px",
-    },
-    noUrlParameters: {
-      // 不接受和不改变url的参数
-      type: Boolean,
-      default: () => false,
-    },
-    formData: {
-      // 外部传入的表单数据，用于回填
-      type: Object,
-      default: () => {},
-    },
-  },
-  data() {
-    return {
-      selectSetting: {
-        placeholder: "请选择",
-        clearable: true,
-        style: "width: 200px",
-      },
-      datePackerSetting: {
-        style: "width: 227px",
-        "start-placeholder": "开始日期",
-        "end-placeholder": "结束日期",
-        type: "daterange",
-      },
-    };
-  },
-  setup(props) {
-    const { size, noUrlParameters, getList } = props;
-    const route = useRoute();
-    const queryParams = ref({
-      ...(noUrlParameters ? {} : route?.query),
-    }); // form表单数据
-    provide(/* 注入名 */ "queryParams", /* 值 */ queryParams);
-    provide(/* 注入名 */ "size", /* 值 */ size);
-    provide(/* 注入名 */ "getList", /* 值 */ getList);
-    // const { formItem } = toRefs(props);
-    // const { formItem } = props;
-    // console.log(formItem);
-    // const queryParams = {};
-    // formItem.forEach((item) => {
-    //   queryParams[item.prop] = "";
-    // });
-    return {
-      queryParams,
-    };
-  },
-  watch: {
-    formData(val) {
-      this.queryParams = {
-        ...(this.noUrlParameters ? {} : this.queryParams),
-        ...val,
-      };
-    },
-  },
-  methods: {
-    /** 搜索按钮操作 */
-    handleQuery() {
-      const params = { page: 1, limit: 10 };
-      const searchParams = {
-        ...this.$route?.query,
-        ...this.queryParams,
-        ...params,
-      };
-      if (!this.noUrlParameters) {
-        this.$router.push({
-          query: { ...searchParams },
-        });
-      }
-      this.getList({
-        ...searchParams,
-      });
-    },
-    /** 重置按钮操作 */
-    async resetQuery() {
-      this.$refs.queryFormRef.resetFields();
-      const params = { page: 1 };
-      if (!this.noUrlParameters) {
-        await this.$router.push({
-          query: { ...params },
-        });
-      }
-      this.queryParams = {
-        ...(this.noUrlParameters ? {} : this.$route?.query),
-      };
-      this.afterReset();
-      this.handleQuery();
-    },
-  },
-});
-</script>
-
-<style scoped>
-</style>

package/src/components/VBasic/divider/index.vue

@@ -1,52 +0,0 @@
-<!--
- * @Author: 陈德立*******419287484@qq.com
- * @Date: 2023-11-09 10:01:20
- * @LastEditTime: 2023-11-10 16:51:18
- * @LastEditors: 陈德立*******419287484@qq.com
- * @Github: https://github.com/Alan1034
- * @Description: 分割线
- * @FilePath: \deal-front-endd:\work\GeneralBasicForm\src\components\VBasic\divider\index.vue
- * 
--->
-
-<template>
-  <el-divider v-bind="dividerSetting">
-    <template v-for="(templateEle, name) in item.template" #[name]>
-      <component
-        :key="name"
-        v-if="templateEle"
-        :is="currentInputComponent()"
-        :templateEle="templateEle"
-      />
-    </template>
-  </el-divider>
-</template>
-
-<script lang="ts">
-import { defineComponent } from "vue";
-
-export default defineComponent({
-  components: {
-    slotArchive: (props) => {
-      const { templateEle } = props;
-      return templateEle();
-    },
-  },
-  props: {
-    item: null, // null就是any
-  },
-  setup() {},
-  data() {
-    return {
-      dividerSetting: {
-        ...this.item.dividerSetting,
-      },
-    };
-  },
-  methods: {
-    currentInputComponent() {
-      return "slot-archive";
-    },
-  },
-});
-</script>

package/src/components/VBasic/input/index.vue

@@ -1,67 +0,0 @@
-<template>
-  <el-input
-    @keydown.enter="getList"
-    v-model="queryParams[item.prop]"
-    :size="size"
-    v-bind="inputSetting"
-  >
-    <template v-for="(templateEle, name) in item.template" #[name]>
-      <component
-        :key="name"
-        v-if="templateEle"
-        :is="currentInputComponent()"
-        :templateEle="templateEle"
-      />
-    </template>
-  </el-input>
-</template>
-
-<script lang="ts">
-import { defineComponent, inject } from "vue";
-import { inputDefaultSetting } from "../../setting";
-export default defineComponent({
-  components: {
-    InputArchive: (props) => {
-      const { templateEle } = props;
-      return templateEle();
-    },
-  },
-  props: {
-    item: null, // null就是any
-  },
-  setup() {
-    const queryParams = inject("queryParams", {});
-    const getList = inject("getList");
-    const size = inject("size");
-    return { queryParams, getList, size };
-  },
-  data() {
-    return {
-      inputSetting: {
-        ...inputDefaultSetting,
-        ...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);
-  //   },
-  // },
-});
-</script>
-
-<style>
-</style>

package/src/components/VBasic/input-graphic-verification/index.vue

@@ -1,56 +0,0 @@
-<!--
- * @Author: 陈德立*******419287484@qq.com
- * @Date: 2023-11-09 10:01:20
- * @LastEditTime: 2023-11-15 10:15:28
- * @LastEditors: 陈德立*******419287484@qq.com
- * @Github: https://github.com/Alan1034
- * @Description: 图形验证码组件
- * @FilePath: \GeneralBasicForm\src\components\VBasic\input-graphic-verification\index.vue
- * 
--->
-
-<script setup lang="ts">
-import Input from "../input/index.vue";
-import { ref, computed, PropType, toRefs } from "vue";
-import type {
-  BasicFormComponentsProps,
-  InputGraphicVerification,
-} from "../../../types/componentsProps";
-const { item } = defineProps<{ item: any }>();
-const { graphicSrc = "", getGraphic = () => {} }: InputGraphicVerification =
-  item;
-const loading = ref(false);
-
-const graphicClick = async () => {
-  // console.log('click', getGraphic);
-  if (getGraphic && !loading.value) {
-    loading.value = true;
-    await getGraphic();
-    loading.value = false;
-  }
-};
-</script>
-
-<template>
-  <div class="input-graphic-verification" v-loading="loading">
-    <Input :item="item" class="input" />
-    <img class="graphic" @click="graphicClick" :src="graphicSrc" />
-  </div>
-</template>
-
-<style lang="less" scoped>
-.input-graphic-verification {
-  display: flex;
-  gap: 12px;
-  width: 100%;
-  .input {
-    flex: auto;
-  }
-  .graphic {
-    width: 109px;
-    height: 43px;
-    object-fit: fill;
-    flex: none;
-  }
-}
-</style>

package/src/components/VBasic/input-mobile-verification/index.vue

@@ -1,31 +0,0 @@
-<!--
- * @Author: 陈德立*******419287484@qq.com
- * @Date: 2023-11-09 10:01:20
- * @LastEditTime: 2023-11-14 15:35:16
- * @LastEditors: 陈德立*******419287484@qq.com
- * @Github: https://github.com/Alan1034
- * @Description: 手机验证码组件
- * @FilePath: \GeneralBasicForm\src\components\VBasic\input-mobile-verification\index.vue
- * 
--->
-
-<script setup lang="ts">
-import Input from "../input/index.vue";
-import { h, watch, onBeforeUpdate, nextTick } from "vue";
-import { BasicFormComponentsProps } from "../../../types/componentsProps";
-import VerificationButton from "./verification-button.vue";
-const { item } = defineProps<{item:any}>();
-// 重新赋值一下触发下面的代码，否则响应会在内部进行
-const mobileItem = item;
-mobileItem.template = {
-  append: () => {
-    return h(VerificationButton, {
-      getSmscode: mobileItem.getSmscode,
-    });
-  },
-};
-</script>
-
-<template>
-  <Input :item="mobileItem" class="input"> </Input>
-</template>

package/src/components/VBasic/input-mobile-verification/verification-button.vue

@@ -1,64 +0,0 @@
-<script setup lang="ts">
-import { ref, computed, onBeforeUnmount, Ref } from "vue";
-import type { InputMobileVerification } from "../../../types/componentsProps";
-const { getSmscode } = defineProps<{ getSmscode: Function }>();
-
-const defaultText = "获取验证码";
-const restTime = 60;
-const buttonText: Ref<string | number> = ref(defaultText);
-const timer = ref(null);
-const buttonType = computed(() => buttonText.value === defaultText);
-const reset = () => {
-  if (!timer) {
-    return;
-  }
-  clearInterval(timer.value);
-  timer.value = null;
-  buttonText.value = defaultText;
-};
-const buttonClick = async () => {
-  if (buttonText.value !== defaultText) {
-    return;
-  }
-  buttonText.value = restTime;
-  timer.value = setInterval(() => {
-    if (Number(buttonText.value) <= 0 || !buttonText.value) {
-      reset();
-      return;
-    } else {
-      buttonText.value = Number(buttonText.value) - 1;
-    }
-  }, 1000);
-  if (!getSmscode) {
-    return;
-  } else {
-    const statue = await getSmscode();
-    if (statue === false) {
-      reset();
-    }
-  }
-};
-onBeforeUnmount(() => {
-  reset();
-});
-</script>
-
-<template>
-  <el-button
-    class="verifiaction-button"
-    :style="{
-      color: buttonType
-        ? 'var(--color-primary, #409EFF)'
-        : 'var(--text-color-placeholder, #A8ABB2)',
-      cursor: buttonType ? 'pointer' : 'default',
-    }"
-    @click="buttonClick"
-    >{{ buttonType ? defaultText : buttonText + "s" }}</el-button
-  >
-</template>
-
-<style lang="less" scoped>
-.verifiaction-button {
-  width: 109px;
-}
-</style>

package/src/components/VBasic/input-number/index.vue

@@ -1,30 +0,0 @@
-<!--
- * @Author: 陈德立*******419287484@qq.com
- * @Date: 2023-11-08 18:03:42
- * @LastEditTime: 2023-11-14 15:35:38
- * @LastEditors: 陈德立*******419287484@qq.com
- * @Github: https://github.com/Alan1034
- * @Description: 
- * @FilePath: \GeneralBasicForm\src\components\VBasic\input-number\index.vue
- * 
--->
-<script setup lang="ts">
-import { inputDefaultSetting } from "../../setting";
-import { ref, inject } from "vue";
-import { BasicFormComponentsProps } from "../../../types/componentsProps";
-const { item } = defineProps<{item:any}>();
-const queryParams = inject("queryParams", {});
-const size = inject("size");
-const inputSetting = ref({
-  ...inputDefaultSetting,
-  ...item.inputSetting,
-});
-</script>
-
-<template>
-  <el-input-number
-    v-model="queryParams[item.prop]"
-    :size="size"
-    v-bind="inputSetting"
-  />
-</template>

package/src/components/setting.ts

@@ -1,15 +0,0 @@
-/*
- * @Author: 陈德立*******419287484@qq.com
- * @Date: 2023-11-08 18:01:09
- * @LastEditTime: 2023-11-08 18:01:25
- * @LastEditors: 陈德立*******419287484@qq.com
- * @Github: https://github.com/Alan1034
- * @Description: 
- * @FilePath: \GeneralBasicForm\src\components\setting.ts
- * 
- */
-export const inputDefaultSetting = {
-  placeholder: "请输入",
-  style: "width: 200px",
-  clearable: true,
-}

package/src/index.ts

@@ -1,15 +0,0 @@
-/*
- * @Author: 陈德立*******419287484@qq.com
- * @Date: 2021-08-20 17:05:30
- * @LastEditTime: 2023-11-07 15:05:39
- * @LastEditors: 陈德立*******419287484@qq.com
- * @Github: https://github.com/Alan1034
- * @Description: 
- * @FilePath: \GeneralBasicForm\src\index.ts
- * 
- */
-
-import GeneralBasicForm from './GeneralBasicForm.vue';
-
-export const VGeneralBasicForm = GeneralBasicForm
-

package/src/types/basicFrom.ts

@@ -1,48 +0,0 @@
-export enum FormType {
-  /**
-   * @description: 输入框
-   * @return {*}
-   */
-  'input' = 'input',
-  /**
-   * @description: 输入框/图像验证码
-   * @return {*}
-   */
-  'input-graphic-verification' = 'input-graphic-verification',
-  /**
-   * @description: 输入框/手机验证码
-   * @return {*}
-   */
-  'input-mobile-verification' = 'input-mobile-verification',
-  /**
-   * @description: 分割线
-   * @return {*}
-   */
-  'divider' = 'divider',
-  /**
-   * @description: 选择器
-   * @return {*}
-   */
-  'select' = 'select',
-  /**
-   * @description: 级联选择器
-   * @return {*}
-   */
-  'cascader' = 'cascader',
-  /**
-   * @description: 日期选择器
-   * @return {*}
-   */
-  'date-picker' = 'date-picker',
-  /**
-   * @description: 数字输入框
-   * @return {*}
-   */
-  'input-number' = 'input-number',
-}
-
-export interface ItemType {
-  type: FormType;
-  // 扩展属性
-  [key: string]: any
-};

package/src/types/componentsProps.ts

@@ -1,17 +0,0 @@
-
-export interface BasicFormComponentsProps {
-  item: any;
-  // queryParams: Object | String;
-  // size:String;
-  // getList?:Function
-}
-
-
-export interface InputGraphicVerification {
-  graphicSrc?: any
-  getGraphic?: Function
-  key: string | number
-};
-export interface InputMobileVerification {
-  getSmscode: Function
-};

package/tsconfig.json

@@ -1,14 +0,0 @@
-{
-  "include": [
-    "public/index.d.tsex.d.ts",
-    "src/**/*",
-    "src/**/*.vue",
-    "public/*",
-  ],
-  "exclude": [],
-  "compilerOptions": {
-    "declaration": true,
-    "allowJs": true,
-    "composite": true
-  }
-}

package/vite.config.js

@@ -1,123 +0,0 @@
-import legacy from '@vitejs/plugin-legacy'
-import { fileURLToPath } from 'url'
-import { defineConfig, loadEnv, splitVendorChunkPlugin } from 'vite'
-import vue from '@vitejs/plugin-vue'
-import vueJsx from '@vitejs/plugin-vue-jsx'
-import { ViteImageOptimizer } from 'vite-plugin-image-optimizer';
-import path from 'path';
-const __filenameNew = fileURLToPath(import.meta.url)
-const __dirnameNew = path.dirname(__filenameNew)
-const resolve = (dir) => path.resolve(__dirnameNew, dir);
-// https://vitejs.dev/config/
-export default defineConfig(({ command, mode }) => {
-  // 根据当前工作目录中的 `mode` 加载 .env 文件
-  // 设置第三个参数为 '' 来加载所有环境变量，而不管是否有 `VITE_` 前缀。
-  const env = loadEnv(mode, process.cwd(), '')
-  // console.log(command)
-  // console.log(env)
-  // console.log(env.CURRENT_ENV)
-  // console.log(env.APP_ENV)
-  // console.log(env.VUE_APP_BASE_API)
-  return {
-    // vite环境变量配置
-    define: {
-      "CURRENT_ENV": JSON.stringify(env.CURRENT_ENV),
-    },
-    server: {
-      open: true,
-    },
-    resolve: {
-      alias: {
-        '@': resolve('src'),//路径化名
-      },
-
-      extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue'],
-    },
-
-    plugins: [
-      /**
-       * @description: vite自带的文件分割配置
-       * @return {*}
-       */
-      {
-        ...splitVendorChunkPlugin(),
-        apply: 'build',
-      },
-      /**
-       * @description: 图片压缩插件
-       * @return {*}
-       */
-      {
-        ...ViteImageOptimizer({
-          /* pass your config */
-        }),
-        // enforce: 'pre',
-        apply: 'build',
-      },
-      /**
-       * @description: 兼容旧版本浏览器
-       * @return {*}
-       */
-      {
-        ...legacy({
-          targets: ['defaults'],
-        }),
-        apply: 'build',
-      },
-      vue(),
-      vueJsx(),
-    ],
-    css: {
-      preprocessorOptions: {
-        less: {
-          // 支持内联 JavaScript
-          javascriptEnabled: true,
-        },
-      },
-    },
-    /**
-     * @description: 打包时才调用
-     * @return {*}
-     */
-    build: {
-      lib: {
-        // Could also be a dictionary or array of multiple entry points
-        // 添加打包入口文件夹
-        entry: resolve(`${__dirnameNew}/src`, 'index.ts'),
-        // formats: ['es', 'cjs', 'umd', 'iife'],
-        name: 'Index',
-        // the proper extensions will be added
-        // fileName: (format) => `index.${format}.js`,
-        fileName: "index",
-      },
-      rollupOptions: {
-        // 确保外部化处理那些你不想打包进库的依赖
-        external: ['vue', 'vue-router', "element-plus"],
-        output: {
-          // 在 UMD 构建模式下为这些外部化的依赖提供一个全局变量
-          globals: {
-            vue: 'Vue',
-            'vue-router': 'vue-router',
-            "element-plus": "element-plus",
-          },
-        },
-      },
-      // minify: 'terser',
-      //打包环境移除console.log，debugger
-      // terserOptions: {
-      //   compress: {
-      //     drop_console: true,
-      //     drop_debugger: true,
-      //   },
-      // },
-      //打包文件按照类型分文件夹显示（貌似会导致性能下降）
-      // rollupOptions: {
-      //   output: {
-      //     chunkFileNames: 'js/[name]-chunk-[hash:7].js',
-      //     entryFileNames: 'js/[name]-app-[hash:7].js',
-      //     assetFileNames: '[ext]/[name]-chunk-[hash:7].[ext]',
-      //   },
-      // },
-    },
-  }
-})