1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
| import type { PropType } from 'vue';
| import { useI18n } from '@/hooks/web/useI18n';
|
| const { t } = useI18n();
| export const basicProps = {
| value: {
| type: Boolean as PropType<boolean>,
| default: false,
| },
|
| isSlot: {
| type: Boolean as PropType<boolean>,
| default: false,
| },
|
| text: {
| type: [String] as PropType<string>,
| default: t('component.verify.dragText'),
| },
| successText: {
| type: [String] as PropType<string>,
| default: t('component.verify.successText'),
| },
| height: {
| type: [Number, String] as PropType<number | string>,
| default: 40,
| },
|
| width: {
| type: [Number, String] as PropType<number | string>,
| default: 220,
| },
|
| circle: {
| type: Boolean as PropType<boolean>,
| default: false,
| },
|
| wrapStyle: {
| type: Object as PropType<any>,
| default: () => ({}),
| },
| contentStyle: {
| type: Object as PropType<any>,
| default: () => ({}),
| },
| barStyle: {
| type: Object as PropType<any>,
| default: () => ({}),
| },
| actionStyle: {
| type: Object as PropType<any>,
| default: () => ({}),
| },
| };
|
| export const rotateProps = {
| ...basicProps,
| src: {
| type: String as PropType<string>,
| },
|
| imgWidth: {
| type: Number as PropType<number>,
| default: 260,
| },
|
| imgWrapStyle: {
| type: Object as PropType<any>,
| default: () => ({}),
| },
|
| minDegree: {
| type: Number as PropType<number>,
| default: 90,
| },
|
| maxDegree: {
| type: Number as PropType<number>,
| default: 270,
| },
|
| diffDegree: {
| type: Number as PropType<number>,
| default: 20,
| },
| };
|
|