general-basic-form 2.0.11 → 2.0.13

package/dist/index.umd.cjs

@@ -0,0 +1 @@
+(function(f,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):(f=typeof globalThis<"u"?globalThis:f||self,e(f.Index={},f.Vue,f["vue-router"]))})(this,function(f,e,I){"use strict";const w={placeholder:"请输入",style:"width: 200px",clearable:!0},$={style:"width: 227px","start-placeholder":"开始日期","end-placeholder":"结束日期",type:"daterange"},z={placeholder:"请选择",filterable:!0,clearable:!0,style:"width: 200px"},D=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:{...w,...this.item.inputSetting}}},methods:{currentInputComponent(){return"input-archive"}}}),u=(t,n)=>{const o=t.__vccOpts||t;for(const[a,l]of n)o[a]=l;return o};function L(t,n,o,a,l,s){const r=e.resolveComponent("el-input");return e.openBlock(),e.createBlock(r,e.mergeProps({onKeydown:e.withKeys(t.getList,["enter"]),modelValue:t.queryParams[t.item.prop],"onUpdate:modelValue":n[0]||(n[0]=i=>t.queryParams[t.item.prop]=i),size:t.size},t.inputSetting),e.createSlots({_:2},[e.renderList(t.item.template,(i,p)=>({name:p,fn:e.withCtx(()=>[i?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:p,templateEle:i},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040,["onKeydown","modelValue","size"])}const C=u(D,[["render",L]]),N=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),a=e.inject("size"),l=e.ref({...w,...n.inputSetting});return(s,r)=>{const i=e.resolveComponent("el-input-number");return e.openBlock(),e.createBlock(i,e.mergeProps({modelValue:e.unref(o)[s.item.prop],"onUpdate:modelValue":r[0]||(r[0]=p=>e.unref(o)[s.item.prop]=p),size:e.unref(a)},l.value),null,16,["modelValue","size"])}}}),q=Symbol(),x={class:"input-graphic-verification"},F=["src"],j=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,{graphicSrc:o="",getGraphic:a=()=>{}}=n,{formLoading:l,updateFormLoading:s}=e.inject(q),r=async()=>{a&&!l.value&&await a()};return(i,p)=>{const m=e.resolveDirective("loading");return e.withDirectives((e.openBlock(),e.createElementBlock("div",x,[e.createVNode(C,{item:i.item,class:"input"},null,8,["item"]),e.createElementVNode("img",{class:"graphic",onClick:r,src:e.unref(o)},null,8,F)])),[[m,e.unref(l)]])}}}),ie="",E=u(j,[["__scopeId","data-v-500ec9b0"]]),h="获取验证码",U=60,T=e.defineComponent({__name:"verification-button",props:{getSmscode:{type:Function}},setup(t){const{getSmscode:n}=t,o=e.ref(h),a=e.ref(null),l=e.computed(()=>o.value===h),s=()=>{a&&(clearInterval(a.value),a.value=null,o.value=h)},r=async()=>{if(o.value===h)if(o.value=U,a.value=setInterval(()=>{if(Number(o.value)<=0||!o.value){s();return}else o.value=Number(o.value)-1},1e3),n)await n()===!1&&s();else return};return e.onBeforeUnmount(()=>{s()}),(i,p)=>{const m=e.resolveComponent("el-button");return e.openBlock(),e.createBlock(m,{class:"verifiaction-button",style:e.normalizeStyle({color:l.value?"var(--color-primary, #409EFF)":"var(--text-color-placeholder, #A8ABB2)",cursor:l.value?"pointer":"default"}),onClick:r},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.value?h:o.value+"s"),1)]),_:1},8,["style"])}}}),se="",G=u(T,[["__scopeId","data-v-4074e137"]]),R=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=n;return o.template={append:()=>e.h(G,{getSmscode:o.getSmscode})},(a,l)=>(e.openBlock(),e.createBlock(C,{item:e.unref(o),class:"input"},null,8,["item"]))}}),O=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 A(t,n,o,a,l,s){const r=e.resolveComponent("el-divider");return e.openBlock(),e.createBlock(r,e.normalizeProps(e.guardReactiveProps(t.dividerSetting)),e.createSlots({_:2},[e.renderList(t.item.template,(i,p)=>({name:p,fn:e.withCtx(()=>[i?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:p,templateEle:i},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040)}const Q=u(O,[["render",A]]),K=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),a=e.inject("size"),l=e.ref({...n.radioSetting}),s=e.ref({...n.radioGroupSetting});return(r,i)=>{const p=e.resolveComponent("el-radio"),m=e.resolveComponent("el-radio-group");return e.openBlock(),e.createBlock(m,e.mergeProps({modelValue:e.unref(o)[r.item.prop],"onUpdate:modelValue":i[0]||(i[0]=d=>e.unref(o)[r.item.prop]=d),size:e.unref(a)},s.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.item.option||[],d=>(e.openBlock(),e.createBlock(p,e.mergeProps({size:e.unref(a),label:d.label,key:d.label},l.value),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.value),1)]),_:2},1040,["size","label"]))),128))]),_:1},16,["modelValue","size"])}}}),M=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),a=e.inject("size"),l=e.ref({...$,...n.datePackerSetting});return(s,r)=>{const i=e.resolveComponent("el-date-picker");return e.openBlock(),e.createBlock(i,e.mergeProps({modelValue:e.unref(o)[s.item.prop],"onUpdate:modelValue":r[0]||(r[0]=p=>e.unref(o)[s.item.prop]=p),size:e.unref(a)},l.value),null,16,["modelValue","size"])}}}),W=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),a=e.inject("size"),l=e.ref({...z,...n.selectSetting});return(s,r)=>{const i=e.resolveComponent("el-option"),p=e.resolveComponent("el-select");return e.openBlock(),e.createBlock(p,e.mergeProps({modelValue:e.unref(o)[s.item.prop],"onUpdate:modelValue":r[0]||(r[0]=m=>e.unref(o)[s.item.prop]=m),size:e.unref(a)},l.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.item.option||[],m=>(e.openBlock(),e.createBlock(i,{key:m.value,label:m.label,value:m.value},null,8,["label","value"]))),128))]),_:1},16,["modelValue","size"])}}}),H=e.defineComponent({__name:"index",props:{item:{}},setup(t){const{item:n}=t,o=e.inject("queryParams",{}),a=e.inject("size"),l=e.ref({...z,...n.selectSetting});return(s,r)=>{const i=e.resolveComponent("el-cascader");return e.openBlock(),e.createBlock(i,e.mergeProps({modelValue:e.unref(o)[s.item.prop],"onUpdate:modelValue":r[0]||(r[0]=p=>e.unref(o)[s.item.prop]=p),size:e.unref(a),options:s.item.options||[]},l.value),null,16,["modelValue","size","options"])}}}),J=e.defineComponent({name:"GeneralBasicForm",components:{Input:C,InputNumber:N,InputGraphicVerification:E,InputMobileVerification:R,Divider:Q,Radio:K,DatePicker:M,Select:W,Cascader:H},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:a}=t,l=I.useRoute(),s=e.ref({...o?{}:l==null?void 0:l.query});return e.provide("queryParams",s),e.provide("size",n),e.provide("getList",a),{queryParams:s}},watch:{formData:{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{[q]:{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 X(t,n,o,a,l,s){const r=e.resolveComponent("Input"),i=e.resolveComponent("Radio"),p=e.resolveComponent("Select"),m=e.resolveComponent("Divider"),d=e.resolveComponent("Cascader"),y=e.resolveComponent("DatePicker"),b=e.resolveComponent("InputNumber"),B=e.resolveComponent("InputMobileVerification"),V=e.resolveComponent("InputGraphicVerification"),_=e.resolveComponent("el-form-item"),g=e.resolveComponent("el-button"),S=e.resolveComponent("el-form"),P=e.resolveDirective("loading");return e.withDirectives((e.openBlock(),e.createBlock(S,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(_,{label:c.label,prop:c.prop,key:c.prop,rules:c.rules},{default:e.withCtx(()=>[c.type==="input"?(e.openBlock(),e.createBlock(r,{key:0,item:c},null,8,["item"])):e.createCommentVNode("",!0),c.type==="radio"?(e.openBlock(),e.createBlock(i,{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(d,{key:4,item:c},null,8,["item"])):e.createCommentVNode("",!0),c.type==="date-picker"?(e.openBlock(),e.createBlock(y,{key:5,item:c},null,8,["item"])):e.createCommentVNode("",!0),c.type==="input-number"?(e.openBlock(),e.createBlock(b,{key:6,item:c},null,8,["item"])):e.createCommentVNode("",!0),c.type==="input-mobile-verification"?(e.openBlock(),e.createBlock(B,{key:7,item:c},null,8,["item"])):e.createCommentVNode("",!0),c.type==="input-graphic-verification"?(e.openBlock(),e.createBlock(V,{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(_,{key:0},{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createBlock(g,{type:"primary",size:t.size,onClick:t.handleQuery},{default:e.withCtx(()=>[e.createTextVNode("查询")]),_:1},8,["size","onClick"])),[[P,t.formLoading]]),e.createVNode(g,{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 Y=u(J,[["render",X]]),Z=["infinite-scroll-disabled"],v=e.defineComponent({__name:"InfiniteScrollList",props:{search:{type:Function,required:!0},id:{type:String,required:!0},name:{type:String,required:!0},extra:{type:Function,required:!1}},setup(t,{expose:n}){const o=t,{search:a,id:l,name:s,extra:r}=o,i=e.ref([]),p=e.ref(1),m=e.ref(!1),d=e.ref([]),y=e.ref(!1),b=()=>{p.value=1,i.value=[],d.value=[],m.value=!1},B=async()=>{if(y.value||m.value)return;y.value=!0;const _=await a(p.value);_&&_.length>0?(i.value=[...i.value,..._],p.value+=1):m.value=!0,y.value=!1},V=e.computed(()=>i.value.filter(_=>d.value.includes(_[l])))||{};return n({reset:b,loadList:B,selectInfo:V}),(_,g)=>{const S=e.resolveComponent("el-checkbox"),P=e.resolveComponent("el-checkbox-group"),c=e.resolveDirective("infinite-scroll"),le=e.resolveDirective("loading");return e.withDirectives((e.openBlock(),e.createBlock(P,e.mergeProps({modelValue:d.value,"onUpdate:modelValue":g[0]||(g[0]=k=>d.value=k)},o),{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createElementBlock("ul",{class:"list","infinite-scroll-disabled":m.value},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,k=>(e.openBlock(),e.createElementBlock("li",{key:k[e.unref(l)],class:"list-item"},[e.createVNode(S,{label:k[e.unref(l)],class:"checkbox"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(k[e.unref(s)])+" "+e.toDisplayString(e.unref(r)&&e.unref(r)(k)),1)]),_:2},1032,["label"])]))),128))],8,Z)),[[c,B]])]),_:1},16,["modelValue"])),[[le,y.value]])}}}),ae="",ee=u(v,[["__scopeId","data-v-fda8f794"]]),te=e.defineComponent({__name:"Descriptions",props:{formData:{type:Object,required:!0},descriptionsItemProps:{type:Object,required:!1},formItem:{type:Array,required:!0}},setup(t){const n=t;return(o,a)=>{const l=e.resolveComponent("el-descriptions-item"),s=e.resolveComponent("el-descriptions");return e.openBlock(),e.createBlock(s,e.mergeProps({column:1,border:"",class:"form-width"},n),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.formItem,(r,i)=>(e.openBlock(),e.createBlock(l,e.mergeProps({key:r.prop,label:r.label},n.descriptionsItemProps),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.render?r.render({row:t.formData,$index:i}):t.formData[r.prop]),1)]),_:2},1040,["label"]))),128))]),_:1},16)}}}),oe=Y,ne=ee,re=te;f.VDescriptions=re,f.VGeneralBasicForm=oe,f.VInfiniteScrollList=ne,Object.defineProperty(f,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}.list[data-v-fda8f794]{height:272px;overflow:auto;padding:8px 0}.list .checkbox[data-v-fda8f794]{width:calc(100% - 32px);padding:0 16px}

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "general-basic-form",
-  "version": "2.0.11",
+  "version": "2.0.13",
   "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()

package/script/unlink.ts

@@ -1,45 +0,0 @@
-/*
- * @Author: 陈德立*******419287484@qq.com
- * @Date: 2023-11-10 09:39:59
- * @LastEditTime: 2023-11-16 15:09:53
- * @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'
-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 umdDir = "./dist/index.umd.cjs"
-    const esDir = "./dist/index.js"
-    packageJson.main = umdDir
-    packageJson.module = esDir
-    packageJson.exports = {
-      ".": {
-        "import": esDir,
-        "require": umdDir
-      },
-      "./style": "./dist/style.css"
-    }
-    packageJson.typings = "./dist/index.d.ts"
-    packageJson.files = [
-      "/dist"
-    ]
-    const versionData = JSON.stringify(packageJson, null, 2);
-    fs.writeFileSync(path.join(__dirnameNew, '../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,246 +0,0 @@
-<!--
- * @Author: 陈德立*******419287484@qq.com
- * @Date: 2021-08-20 17:14:53
- * @LastEditTime: 2023-12-07 17:07:44
- * @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" />
-      <Radio v-if="item.type === 'radio'" :item="item" />
-      <Select v-if="item.type === 'select'" :item="item" />
-      <Divider v-if="item.type === 'divider'" :item="item" />
-      <Cascader v-if="item.type === 'cascader'" :item="item" />
-      <DatePicker v-if="item.type === 'date-picker'" :item="item" />
-      <InputNumber v-if="item.type === 'input-number'" :item="item" />
-      <InputMobileVerification
-        v-if="item.type === 'input-mobile-verification'"
-        :item="item"
-      />
-      <InputGraphicVerification
-        v-if="item.type === 'input-graphic-verification'"
-        :item="item"
-        :key="item.key"
-      />
-    </el-form-item>
-    <slot></slot>
-    <el-form-item v-if="!formOnly">
-      <el-button
-        type="primary"
-        :size="size"
-        @click="handleQuery"
-        v-loading="formLoading"
-        >查询</el-button
-      >
-      <el-button :size="size" @click="resetQuery">重置</el-button>
-    </el-form-item>
-    <slot name="behind-the-button" />
-  </el-form>
-</template>
-
-<script lang="ts">
-import { provide, ref, PropType, defineComponent, computed } from "vue";
-import type { ItemType } from "./types/basicFrom";
-import { useRoute } from "vue-router";
-import Input from "./components/VBasic/input/index.vue";
-import InputNumber from "./components/VBasic/input-number/index.vue";
-import InputGraphicVerification from "./components/VBasic/input-graphic-verification/index.vue";
-import InputMobileVerification from "./components/VBasic/input-mobile-verification/index.vue";
-import Divider from "./components/VBasic/divider/index.vue";
-import Radio from "./components/VBasic/radio/index.vue";
-import DatePicker from "./components/VBasic/date-picker/index.vue";
-import Select from "./components/VBasic/select/index.vue";
-import Cascader from "./components/VBasic/cascader/index.vue";
-import { formLoadingKey } from "./injectKey";
-
-export default defineComponent({
-  name: "GeneralBasicForm",
-  components: {
-    Input,
-    InputNumber,
-    InputGraphicVerification,
-    InputMobileVerification,
-    Divider,
-    Radio,
-    DatePicker,
-    Select,
-    Cascader,
-  },
-  props: {
-    showSearch: {
-      // 是否展示所有元素
-      type: Boolean,
-      default: true,
-    },
-    loading: {
-      // 加载动画
-      type: Boolean,
-      default: false,
-    },
-    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: "default",
-    },
-    labelWidth: {
-      // 表单文字宽度
-      type: String,
-      default: "90px",
-    },
-    noUrlParameters: {
-      // 不接受和不改变url的参数
-      type: Boolean,
-      default: () => false,
-    },
-    formData: {
-      // 外部传入的表单数据，用于回填
-      type: Object,
-      default: () => {},
-    },
-  },
-  data() {
-    return {
-      formLoading: this.loading || false,
-    };
-  },
-  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: {
-      handler(val) {
-        // console.log(val);
-        this.queryParams = {
-          ...(this.noUrlParameters ? {} : this.queryParams),
-          ...val,
-        };
-        // console.log(this.queryParams);
-      },
-      // watch 默认是懒执行的：仅当数据源变化时，才会执行回调。但在某些场景中，我们希望在创建侦听器时，立即执行一遍回调。举例来说，我们想请求一些初始数据，然后在相关状态更改时重新请求数据。
-      // https://cn.vuejs.org/guide/essentials/watchers.html#deep-watchers
-      immediate: true,
-      // deep: true,
-    },
-    loading(val) {
-      // console.log("loading", val);
-      if (this.formLoading === val) {
-        return;
-      }
-      this.formLoading = val;
-    },
-    formLoading(val) {
-      // console.log("formLoading", val);
-      if (this.loading === val) {
-        return;
-      }
-      this.$emit("update:loading", val);
-    },
-  },
-  provide() {
-    return {
-      // 显式提供一个计算属性
-      [formLoadingKey]: {
-        formLoading: computed(() => this.formLoading),
-        updateFormLoading: (val) => {
-          this.formLoading = 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/cascader/index.vue

@@ -1,31 +0,0 @@
-<!--
- * @Author: 陈德立*******419287484@qq.com
- * @Date: 2023-11-08 18:03:42
- * @LastEditTime: 2023-12-07 17:06:11
- * @LastEditors: 陈德立*******419287484@qq.com
- * @Github: https://github.com/Alan1034
- * @Description: 
- * @FilePath: \GeneralBasicForm\src\components\VBasic\cascader\index.vue
- * 
--->
-<script setup lang="ts">
-import { selectDefaultSetting } 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 selectSetting = ref({
-  ...selectDefaultSetting,
-  ...item.selectSetting,
-});
-</script>
-
-<template>
-  <el-cascader
-    v-model="queryParams[item.prop]"
-    :size="size"
-    :options="item.options || []"
-    v-bind="selectSetting"
-  ></el-cascader>
-</template>

package/src/components/VBasic/date-picker/index.vue

@@ -1,30 +0,0 @@
-<!--
- * @Author: 陈德立*******419287484@qq.com
- * @Date: 2023-11-08 18:03:42
- * @LastEditTime: 2023-12-07 16:49:21
- * @LastEditors: 陈德立*******419287484@qq.com
- * @Github: https://github.com/Alan1034
- * @Description: 
- * @FilePath: \GeneralBasicForm\src\components\VBasic\date-picker\index.vue
- * 
--->
-<script setup lang="ts">
-import { datePackerDefaultSetting } 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 datePackerSetting = ref({
-  ...datePackerDefaultSetting,
-  ...item.datePackerSetting,
-});
-</script>
-
-<template>
-  <el-date-picker
-    v-model="queryParams[item.prop]"
-    :size="size"
-    v-bind="datePackerSetting"
-  />
-</template>

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-16 10:52:01
- * @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 { inject } from "vue";
-import { formLoadingKey } from "../../../injectKey";
-import type {
-  BasicFormComponentsProps,
-  InputGraphicVerification,
-} from "../../../types/componentsProps";
-const { item } = defineProps<{ item: any }>();
-const { graphicSrc = "", getGraphic = () => {} }: InputGraphicVerification =
-  item;
-
-const { formLoading, updateFormLoading } = inject<any>(formLoadingKey);
-// console.log(formLoading.value, "formLoading.value");
-const graphicClick = async () => {
-  // console.log('click', getGraphic);
-  if (getGraphic && !formLoading.value) {
-    await getGraphic();
-  }
-};
-</script>
-
-<template>
-  <div class="input-graphic-verification" v-loading="formLoading">
-    <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>