general-basic-form 2.0.44 → 2.0.46

package/README.md

@@ -2,6 +2,15 @@
 
 ## 一个兼容 Vue2 、Vue3 和 React(未来实现)  的表单组件，支持typescript，vue2请使用@1版本，Vue3请使用@2版本
 
+| 组件\兼容性         | vue2 | vue3 | Ant Design Vue | Element Plus | Element（ui） |
+| ------------------- | ---- | ---- | ---- | ---- | ---- |
+| VGeneralBasicForm    | √    | √    |     | √   | √   |
+| VSearchBox           | √    |      |      |  | √ |
+| VInfiniteScrollList |      | √    |     | √   |     |
+| VDescriptions       |      | √    |     | √   |     |
+| VInputMobilecVerification | | √ | √ | √ |  |
+| VInputGraphicVerification | | √ | √ | √ |  |
+
 示例:
 
 因为兼容性问题，目前只能使用完整引入
@@ -132,7 +141,7 @@ getList会传出默认的参数,首次请求时会有页数和分页大小,重
           label: '',
           prop: 'bsName35',
           type: 'divider',
-          dividerSetting: {
+          setting: {
           },
           template: {
             default: () => {
@@ -143,7 +152,7 @@ getList会传出默认的参数,首次请求时会有页数和分页大小,重
         { label: "款式名称",
           prop: "bsName",
           type: "input",
-       	  inputSetting: {
+       	  setting: {
             placeholder: '请输入手机验证码',
             style: 'width: 100%'
           },
@@ -166,8 +175,7 @@ getList会传出默认的参数,首次请求时会有页数和分页大小,重
           label: "二次工艺",
           prop: "spName",
           type: "select",
-          multiple:true, //多选
-          selectSetting:{},
+          setting:{ multiple:true, //多选},
           option: [
             { value: "3", label: "满印" },
             { value: "1", label: "区域印花" },
@@ -178,7 +186,7 @@ getList会传出默认的参数,首次请求时会有页数和分页大小,重
           label: "创建时间",
           prop: "create_time",
           type: "date-picker",
-          datePackerSetting: {
+          setting: {
             "range-separator": "至",
           }
         },
@@ -200,7 +208,7 @@ getList会传出默认的参数,首次请求时会有页数和分页大小,重
           label: '',
           prop: 'bsName2',
           type: 'input-graphic-verification',
-          inputSetting: {
+          setting: {
             placeholder: '请输入图形验证码',
             style: 'width: 100%'
           },
@@ -218,7 +226,7 @@ getList会传出默认的参数,首次请求时会有页数和分页大小,重
           label: '',
           prop: 'bsName3',
           type: 'input-mobile-verification',
-          inputSetting: {
+          setting: {
             placeholder: '请输入手机验证码',
             style: 'width: 100%'
           },
@@ -227,14 +235,14 @@ getList会传出默认的参数,首次请求时会有页数和分页大小,重
               message: '请输入手机验证码',
               trigger: 'blur'
             }
-          ]
+          ],
           getSmscode,// 获取验证码的回调函数,获取失败必须返回false,否则计时器不会重新计算
         },
         {
           label: '是否必填',
           prop: 'is_optional',
           type: 'radio',
-          radioGroupSetting: {
+          setting: {
             disabled: true
           },
           option: [
@@ -253,7 +261,7 @@ getList会传出默认的参数,首次请求时会有页数和分页大小,重
           label: '多选',
           prop: 'is_multi',
           type: 'checkbox',
-          checkboxGroupSetting: {
+          setting: {
           },
           option: [
             { value: '是', label: 'true' },
@@ -280,7 +288,7 @@ getList会传出默认的参数,首次请求时会有页数和分页大小,重
           label: "分类",
           prop: "分类",
           type: "cascader",
-          selectSetting:{},
+          setting:{},
           options: [
             {
               value: "zhinan",
@@ -448,7 +456,7 @@ getList会传出默认的参数,首次请求时会有页数和分页大小,重
 
 
 
-## 对虚拟滚动列表+接口的封装
+# VInfiniteScrollList对虚拟滚动列表+接口的封装
 
 
 
@@ -494,7 +502,7 @@ defaultSelection：包含数据key值的对象数组或者直接传入key值数
  InfiniteScrollListRef?.value?.ifbottom：是否到底部
 ```
 
-## 对展示描述列表的封装
+# VDescriptions对展示描述列表的封装
 
 ![image-20231208182455415](https://raw.githubusercontent.com/Alan1034/PicturesServer/main/PicGo_imgs/202312081824708.png)
 
@@ -529,5 +537,19 @@ formItem：[ {
 descriptionsItemProps:el-descriptions-item的配置
 ```
 
+# VInputMobilecVerification，VInputGraphicVerification表单里的图形验证码、手机验证码组件，可以单独引入
+
+```
+<VInputGraphicVerification class="VInputGraphicVerification" :item="{同表单}" componentType="Ant Design Vue" :loading="loading"></VInputGraphicVerification>
+<VInputMobilecVerification class="VInputGraphicVerification" :item="{同表单}" componentType="Ant Design Vue"></VInputMobilecVerification>
+```
+
+componentType： 
+
+"Ant Design Vue"
+
+ "Element Plus" （默认）
+
 安装：npm i general-basic-form<br/>
 install: npm i general-basic-form
+