general-basic-form 2.0.56 → 2.0.58
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +19 -2
- package/dist/index.js +372 -362
- package/dist/index.umd.cjs +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
| VDescriptions | | √ | √ | √ | |
|
|
11
11
|
| VInputMobilecVerification | | √ | √ | √ | |
|
|
12
12
|
| VInputGraphicVerification | | √ | √ | √ | |
|
|
13
|
+
| VTreeTransfer | √ | | | | √ |
|
|
13
14
|
|
|
14
15
|
示例:
|
|
15
16
|
|
|
@@ -468,6 +469,7 @@ getList会传出默认的参数,首次请求时会有页数和分页大小,重
|
|
|
468
469
|
|
|
469
470
|
```
|
|
470
471
|
import { VInfiniteScrollList } from 'general-basic-form'
|
|
472
|
+
import 'general-basic-form/style'
|
|
471
473
|
<VInfiniteScrollList
|
|
472
474
|
:search="search"
|
|
473
475
|
id="user_id"
|
|
@@ -478,7 +480,16 @@ import { VInfiniteScrollList } from 'general-basic-form'
|
|
|
478
480
|
:max="1"
|
|
479
481
|
/>
|
|
480
482
|
```
|
|
481
|
-
|
|
483
|
+
```
|
|
484
|
+
移动端配合下拉刷新使用
|
|
485
|
+
import { getOrderItem } from "../orderItem/functional"
|
|
486
|
+
// getOrderItem为JSX函数，返回一个VUE组件
|
|
487
|
+
|
|
488
|
+
<t-pull-down-refresh v-model="refreshing" @refresh="onRefresh" class="refresh-content">
|
|
489
|
+
<VInfiniteScrollList :search="loadData" :checkbox="false" id="cancelId" ref="InfiniteScrollListRef" checkbox
|
|
490
|
+
:extra="getOrderItem" height="100%" infinite-scroll-distance="50"/>
|
|
491
|
+
</t-pull-down-refresh>
|
|
492
|
+
```
|
|
482
493
|
```
|
|
483
494
|
search：数据接口 (page: Number) => Promise<[]>
|
|
484
495
|
id：数据key值（唯一和选择值）
|
|
@@ -493,6 +504,7 @@ extra：同行额外显示的内容，(item: any) => VNode | String;
|
|
|
493
504
|
// height: auto;
|
|
494
505
|
//}
|
|
495
506
|
defaultSelection：包含数据key值的对象数组或者直接传入key值数组
|
|
507
|
+
height:默认272px String
|
|
496
508
|
```
|
|
497
509
|
|
|
498
510
|
```
|
|
@@ -504,6 +516,7 @@ defaultSelection：包含数据key值的对象数组或者直接传入key值数
|
|
|
504
516
|
InfiniteScrollListRef?.value?.selectInfo：选择的内容
|
|
505
517
|
InfiniteScrollListRef?.value?.list：列表的内容
|
|
506
518
|
InfiniteScrollListRef?.value?.ifbottom：是否到底部
|
|
519
|
+
InfiniteScrollListRef?.value?.loading：加载中
|
|
507
520
|
```
|
|
508
521
|
|
|
509
522
|
# VDescriptions对展示描述列表的封装
|
|
@@ -549,7 +562,7 @@ descriptionsItemProps:a-descriptions-item|el-descriptions-item的配置
|
|
|
549
562
|
```
|
|
550
563
|
<VInputGraphicVerification :item="{同表单，可忽略label和rules字段}" :loading="loading"></VInputGraphicVerification>
|
|
551
564
|
|
|
552
|
-
<VInputMobilecVerification :item="{同表单，可忽略label和rules字段}" componentType="Ant Design Vue"></VInputMobilecVerification>
|
|
565
|
+
<VInputMobilecVerification :item="{同表单，可忽略label和rules字段}" componentType="Ant Design Vue" ref="VInputMobilecVerificationRef"></VInputMobilecVerification>
|
|
553
566
|
```
|
|
554
567
|
|
|
555
568
|
```
|
|
@@ -567,6 +580,10 @@ provide(/* 注入名 */ "Form", /* Ant Design Vue Form实例，用于表单数
|
|
|
567
580
|
可选：
|
|
568
581
|
provide("size", size); // 同组件size
|
|
569
582
|
provide("getList", getList); // 输入框回车触发
|
|
583
|
+
|
|
584
|
+
调用发送短信验证码和重置的方法
|
|
585
|
+
VInputMobilecVerificationRef.value.VerificationButtonRef.buttonClick()
|
|
586
|
+
VInputMobilecVerificationRef.value.VerificationButtonRef.reset()
|
|
570
587
|
```
|
|
571
588
|
|
|
572
589
|
安装：npm i general-basic-form<br/>
|