iglooform 3.0.6 → 3.0.8

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.
Files changed (36) hide show
  1. package/.dumi/tmp/dumi/theme/ContextWrapper.tsx +1 -1
  2. package/es/admin-amount/style/index.d.ts +0 -0
  3. package/es/alert-message/style/index.less +3 -3
  4. package/es/babel-plugin-import-option.d.ts +7 -0
  5. package/es/input/style/amount/index.d.ts +2 -0
  6. package/es/input/style/index.d.ts +2 -0
  7. package/es/input/style/input-date/index.d.ts +2 -0
  8. package/es/input/style/otp/index.d.ts +2 -0
  9. package/es/input/style/otp/index.less +1 -1
  10. package/es/input/style/phone-number/index.d.ts +2 -0
  11. package/es/input/style/text-area/index.d.ts +2 -0
  12. package/es/login-page/style/index.less +10 -10
  13. package/es/message/style/index.d.ts +1 -0
  14. package/es/ocr/micro-blink/style/index.d.ts +1 -0
  15. package/es/upload-photo/style/index.less +20 -20
  16. package/es/upload-preview/style/index.less +1 -1
  17. package/es/utils/tools.d.ts +1 -1
  18. package/es/utils/useAsyncEffect.d.ts +3 -0
  19. package/lib/admin-amount/style/index.d.ts +0 -0
  20. package/lib/alert-message/style/index.less +3 -3
  21. package/lib/babel-plugin-import-option.d.ts +7 -0
  22. package/lib/input/style/amount/index.d.ts +2 -0
  23. package/lib/input/style/index.d.ts +2 -0
  24. package/lib/input/style/input-date/index.d.ts +2 -0
  25. package/lib/input/style/otp/index.d.ts +2 -0
  26. package/lib/input/style/otp/index.less +1 -1
  27. package/lib/input/style/phone-number/index.d.ts +2 -0
  28. package/lib/input/style/text-area/index.d.ts +2 -0
  29. package/lib/login-page/style/index.less +10 -10
  30. package/lib/message/style/index.d.ts +1 -0
  31. package/lib/ocr/micro-blink/style/index.d.ts +1 -0
  32. package/lib/upload-photo/style/index.less +20 -20
  33. package/lib/upload-preview/style/index.less +1 -1
  34. package/lib/utils/tools.d.ts +1 -1
  35. package/lib/utils/useAsyncEffect.d.ts +3 -0
  36. package/package.json +1 -1
@@ -30,7 +30,7 @@ export default function DumiContextWrapper() {
30
30
 
31
31
  return (
32
32
  <SiteContext.Provider value={{
33
- pkg: {"name":"iglooform","version":"3.0.5","license":"MIT"},
33
+ pkg: {"name":"iglooform","version":"3.0.7","license":"MIT"},
34
34
  historyType: "browser",
35
35
  entryExports,
36
36
  demos,
File without changes
@@ -5,9 +5,9 @@
5
5
  padding: 12px 16px;
6
6
  border-width: 0px;
7
7
 
8
- &-message {
8
+ & &-message {
9
9
  font-size: 14px;
10
- color: @text-color;
10
+ color: @text-color;
11
11
  margin-left: 8px;
12
12
  white-space: pre-wrap;
13
13
  word-break: keep-all;
@@ -18,7 +18,7 @@
18
18
  }
19
19
  }
20
20
 
21
- &-icon {
21
+ & &-icon {
22
22
  font-size: 24px;
23
23
  position: absolute;
24
24
  top: 10px;
@@ -0,0 +1,7 @@
1
+ declare const _default: {
2
+ libraryName: string;
3
+ libraryDirectory: string;
4
+ style: boolean;
5
+ customName: (name: string) => string;
6
+ };
7
+ export default _default;
@@ -0,0 +1,2 @@
1
+ import '../index';
2
+ import './index.less';
@@ -0,0 +1,2 @@
1
+ import './default-input.less';
2
+ import './common.less';
@@ -0,0 +1,2 @@
1
+ import '../index';
2
+ import './index.less';
@@ -0,0 +1,2 @@
1
+ import '../index';
2
+ import './index.less';
@@ -17,7 +17,7 @@
17
17
  font-size: 12px;
18
18
  line-height: 16px;
19
19
 
20
- &-inner {
20
+ .igloo-otp-count-down-inner {
21
21
  color: @icon-color;
22
22
  font-weight: bold;
23
23
  font-size: 12px;
@@ -0,0 +1,2 @@
1
+ import '../index';
2
+ import './index.less';
@@ -0,0 +1,2 @@
1
+ import '../index';
2
+ import './index.less';
@@ -8,7 +8,7 @@
8
8
  background-position-x: 100%;
9
9
  background-size: contain;
10
10
 
11
- &-logo {
11
+ .igloo-login-page-logo {
12
12
  position: absolute;
13
13
  width: 108px;
14
14
  height: 60px;
@@ -18,27 +18,27 @@
18
18
  background-size: contain;
19
19
  }
20
20
 
21
- &-child-box {
21
+ .igloo-login-page-child-box {
22
22
  position: absolute;
23
23
  top: 200px;
24
24
  left: 166px;
25
25
  }
26
26
 
27
- &-text-box {
27
+ .igloo-login-page-text-box {
28
28
  position: absolute;
29
29
  right: 103px;
30
30
  bottom: 128px;
31
31
 
32
- &-text {
32
+ .igloo-login-page-text-box-text {
33
33
  font-family: Semplicita Pro;
34
34
  font-weight: bold;
35
35
  color: #fff;
36
36
  }
37
37
 
38
- &-buttons {
38
+ .igloo-login-page-text-box-buttons {
39
39
  margin-top: 40px;
40
40
 
41
- &-button {
41
+ .igloo-login-page-text-box-buttons-button {
42
42
  display: inline-block;
43
43
  cursor: pointer;
44
44
  width: 140px;
@@ -47,11 +47,11 @@
47
47
  background-repeat: no-repeat;
48
48
  }
49
49
 
50
- &-apple {
50
+ .igloo-login-page-text-box-buttons-apple {
51
51
  background-image: url(./apple.svg);
52
52
  }
53
53
 
54
- &-google {
54
+ .igloo-login-page-text-box-buttons-google {
55
55
  background-image: url(./google.svg);
56
56
  margin-left: 16px;
57
57
  }
@@ -64,14 +64,14 @@
64
64
  width: 100vw;
65
65
  height: 100vh;
66
66
 
67
- &-logo {
67
+ .igloo-login-page-mobile-logo {
68
68
  width: 108px;
69
69
  height: 60px;
70
70
  background: url(./logo.svg) no-repeat;
71
71
  background-size: contain;
72
72
  }
73
73
 
74
- &-child-box {
74
+ .igloo-login-page-mobile-child-box {
75
75
  margin-top: 40px;
76
76
  }
77
77
  }
@@ -0,0 +1 @@
1
+ import './index.less';
@@ -0,0 +1 @@
1
+ import './index.less';
@@ -1,5 +1,5 @@
1
1
  .igloo-upload-photo {
2
- &-sample {
2
+ .igloo-upload-photo-sample {
3
3
  display: flex;
4
4
  align-items: center;
5
5
  justify-content: space-between;
@@ -8,7 +8,7 @@
8
8
  margin-bottom: 16px;
9
9
  border-radius: 3px;
10
10
 
11
- &-photos {
11
+ .igloo-upload-photo-sample-photos {
12
12
  &-photo {
13
13
  width: 100%;
14
14
  }
@@ -39,28 +39,28 @@
39
39
  }
40
40
  }
41
41
 
42
- &-descriptions {
43
- color: @icon-color;
42
+ .igloo-upload-photo-sample-descriptions {
43
+ color: @icon-color;
44
44
  word-break: break-word;
45
45
  white-space: pre-wrap;
46
46
  font-style: italic;
47
47
  font-size: 14px;
48
48
  }
49
49
 
50
- &-descriptions-center {
50
+ .igloo-upload-photo-sample-descriptions-center {
51
51
  display: flex;
52
52
  align-items: center;
53
53
  }
54
54
  }
55
55
 
56
- &-content {
56
+ .igloo-upload-photo-content {
57
57
  margin-bottom: 0 !important;
58
58
 
59
59
  .ant-space-item {
60
60
  height: 98px;
61
61
  }
62
62
 
63
- &-container {
63
+ .igloo-upload-photo-content-container {
64
64
  position: relative;
65
65
  border: 1px solid #eeeeee;
66
66
  border-radius: 3px;
@@ -73,7 +73,7 @@
73
73
  }
74
74
  }
75
75
 
76
- &-mask {
76
+ .igloo-upload-photo-content-mask {
77
77
  display: flex;
78
78
  position: absolute;
79
79
  top: 0;
@@ -89,7 +89,7 @@
89
89
  z-index: 1;
90
90
  }
91
91
 
92
- &-preview {
92
+ .igloo-upload-photo-content-preview {
93
93
  display: flex;
94
94
  align-items: center;
95
95
  justify-content: center;
@@ -100,11 +100,11 @@
100
100
  overflow: hidden;
101
101
  }
102
102
 
103
- &-error {
103
+ .igloo-upload-photo-content-error {
104
104
  border: 1px solid #de3618;
105
105
  }
106
106
 
107
- &-button {
107
+ .igloo-upload-photo-content-button {
108
108
  display: flex;
109
109
  width: 98px;
110
110
  height: 98px;
@@ -119,38 +119,38 @@
119
119
  }
120
120
 
121
121
  @media screen and (max-width: 768px) {
122
- &-sample {
122
+ .igloo-upload-photo-sample {
123
123
  display: block;
124
124
  padding: 16px;
125
125
 
126
- &-photos {
126
+ .igloo-upload-photo-sample-photos {
127
127
  width: 100%;
128
128
  }
129
129
 
130
- &-descriptions {
130
+ .igloo-upload-photo-sample-descriptions {
131
131
  width: 100%;
132
- color: @icon-color;
132
+ color: @icon-color;
133
133
  word-break: break-word;
134
134
  white-space: pre-wrap;
135
135
  }
136
136
  }
137
137
 
138
- &-content {
138
+ .igloo-upload-photo-content {
139
139
  .ant-space-item {
140
140
  height: 86px;
141
141
  }
142
142
 
143
- &-preview {
143
+ .igloo-upload-photo-content-preview {
144
144
  width: 86px;
145
145
  height: 86px;
146
146
  }
147
147
 
148
- &-container {
148
+ .igloo-upload-photo-content-container {
149
149
  width: 86px;
150
150
  height: 86px;
151
151
  }
152
152
 
153
- &-button {
153
+ .igloo-upload-photo-content-button {
154
154
  display: flex;
155
155
  width: 86px;
156
156
  height: 86px;
@@ -164,7 +164,7 @@
164
164
  }
165
165
 
166
166
  .ant-form-item-has-error .dont-show-error-status {
167
- border-color: @border-color;
167
+ border-color: @border-color;
168
168
  }
169
169
 
170
170
  .igloo-upload-photo-preview-modal {
@@ -13,7 +13,7 @@
13
13
  .igloo-upload-preview-modal {
14
14
  position: relative;
15
15
 
16
- &-button {
16
+ & &-button {
17
17
  position: absolute;
18
18
  width: 24px;
19
19
  height: 44px;
@@ -1,2 +1,2 @@
1
1
  export declare const parseFileSize: (size: number) => string;
2
- export declare function classifyType(type: string): "video" | "image" | "pdf" | "unknown";
2
+ export declare function classifyType(type: string): "image" | "video" | "pdf" | "unknown";
@@ -0,0 +1,3 @@
1
+ import type { DependencyList } from 'react';
2
+ declare function useAsyncEffect(effect: () => AsyncGenerator<void, void, void> | Promise<void>, deps?: DependencyList): void;
3
+ export default useAsyncEffect;
File without changes
@@ -5,9 +5,9 @@
5
5
  padding: 12px 16px;
6
6
  border-width: 0px;
7
7
 
8
- &-message {
8
+ & &-message {
9
9
  font-size: 14px;
10
- color: @text-color;
10
+ color: @text-color;
11
11
  margin-left: 8px;
12
12
  white-space: pre-wrap;
13
13
  word-break: keep-all;
@@ -18,7 +18,7 @@
18
18
  }
19
19
  }
20
20
 
21
- &-icon {
21
+ & &-icon {
22
22
  font-size: 24px;
23
23
  position: absolute;
24
24
  top: 10px;
@@ -0,0 +1,7 @@
1
+ declare const _default: {
2
+ libraryName: string;
3
+ libraryDirectory: string;
4
+ style: boolean;
5
+ customName: (name: string) => string;
6
+ };
7
+ export default _default;
@@ -0,0 +1,2 @@
1
+ import '../index';
2
+ import './index.less';
@@ -0,0 +1,2 @@
1
+ import './default-input.less';
2
+ import './common.less';
@@ -0,0 +1,2 @@
1
+ import '../index';
2
+ import './index.less';
@@ -0,0 +1,2 @@
1
+ import '../index';
2
+ import './index.less';
@@ -17,7 +17,7 @@
17
17
  font-size: 12px;
18
18
  line-height: 16px;
19
19
 
20
- &-inner {
20
+ .igloo-otp-count-down-inner {
21
21
  color: @icon-color;
22
22
  font-weight: bold;
23
23
  font-size: 12px;
@@ -0,0 +1,2 @@
1
+ import '../index';
2
+ import './index.less';
@@ -0,0 +1,2 @@
1
+ import '../index';
2
+ import './index.less';
@@ -8,7 +8,7 @@
8
8
  background-position-x: 100%;
9
9
  background-size: contain;
10
10
 
11
- &-logo {
11
+ .igloo-login-page-logo {
12
12
  position: absolute;
13
13
  width: 108px;
14
14
  height: 60px;
@@ -18,27 +18,27 @@
18
18
  background-size: contain;
19
19
  }
20
20
 
21
- &-child-box {
21
+ .igloo-login-page-child-box {
22
22
  position: absolute;
23
23
  top: 200px;
24
24
  left: 166px;
25
25
  }
26
26
 
27
- &-text-box {
27
+ .igloo-login-page-text-box {
28
28
  position: absolute;
29
29
  right: 103px;
30
30
  bottom: 128px;
31
31
 
32
- &-text {
32
+ .igloo-login-page-text-box-text {
33
33
  font-family: Semplicita Pro;
34
34
  font-weight: bold;
35
35
  color: #fff;
36
36
  }
37
37
 
38
- &-buttons {
38
+ .igloo-login-page-text-box-buttons {
39
39
  margin-top: 40px;
40
40
 
41
- &-button {
41
+ .igloo-login-page-text-box-buttons-button {
42
42
  display: inline-block;
43
43
  cursor: pointer;
44
44
  width: 140px;
@@ -47,11 +47,11 @@
47
47
  background-repeat: no-repeat;
48
48
  }
49
49
 
50
- &-apple {
50
+ .igloo-login-page-text-box-buttons-apple {
51
51
  background-image: url(./apple.svg);
52
52
  }
53
53
 
54
- &-google {
54
+ .igloo-login-page-text-box-buttons-google {
55
55
  background-image: url(./google.svg);
56
56
  margin-left: 16px;
57
57
  }
@@ -64,14 +64,14 @@
64
64
  width: 100vw;
65
65
  height: 100vh;
66
66
 
67
- &-logo {
67
+ .igloo-login-page-mobile-logo {
68
68
  width: 108px;
69
69
  height: 60px;
70
70
  background: url(./logo.svg) no-repeat;
71
71
  background-size: contain;
72
72
  }
73
73
 
74
- &-child-box {
74
+ .igloo-login-page-mobile-child-box {
75
75
  margin-top: 40px;
76
76
  }
77
77
  }
@@ -0,0 +1 @@
1
+ import './index.less';
@@ -0,0 +1 @@
1
+ import './index.less';
@@ -1,5 +1,5 @@
1
1
  .igloo-upload-photo {
2
- &-sample {
2
+ .igloo-upload-photo-sample {
3
3
  display: flex;
4
4
  align-items: center;
5
5
  justify-content: space-between;
@@ -8,7 +8,7 @@
8
8
  margin-bottom: 16px;
9
9
  border-radius: 3px;
10
10
 
11
- &-photos {
11
+ .igloo-upload-photo-sample-photos {
12
12
  &-photo {
13
13
  width: 100%;
14
14
  }
@@ -39,28 +39,28 @@
39
39
  }
40
40
  }
41
41
 
42
- &-descriptions {
43
- color: @icon-color;
42
+ .igloo-upload-photo-sample-descriptions {
43
+ color: @icon-color;
44
44
  word-break: break-word;
45
45
  white-space: pre-wrap;
46
46
  font-style: italic;
47
47
  font-size: 14px;
48
48
  }
49
49
 
50
- &-descriptions-center {
50
+ .igloo-upload-photo-sample-descriptions-center {
51
51
  display: flex;
52
52
  align-items: center;
53
53
  }
54
54
  }
55
55
 
56
- &-content {
56
+ .igloo-upload-photo-content {
57
57
  margin-bottom: 0 !important;
58
58
 
59
59
  .ant-space-item {
60
60
  height: 98px;
61
61
  }
62
62
 
63
- &-container {
63
+ .igloo-upload-photo-content-container {
64
64
  position: relative;
65
65
  border: 1px solid #eeeeee;
66
66
  border-radius: 3px;
@@ -73,7 +73,7 @@
73
73
  }
74
74
  }
75
75
 
76
- &-mask {
76
+ .igloo-upload-photo-content-mask {
77
77
  display: flex;
78
78
  position: absolute;
79
79
  top: 0;
@@ -89,7 +89,7 @@
89
89
  z-index: 1;
90
90
  }
91
91
 
92
- &-preview {
92
+ .igloo-upload-photo-content-preview {
93
93
  display: flex;
94
94
  align-items: center;
95
95
  justify-content: center;
@@ -100,11 +100,11 @@
100
100
  overflow: hidden;
101
101
  }
102
102
 
103
- &-error {
103
+ .igloo-upload-photo-content-error {
104
104
  border: 1px solid #de3618;
105
105
  }
106
106
 
107
- &-button {
107
+ .igloo-upload-photo-content-button {
108
108
  display: flex;
109
109
  width: 98px;
110
110
  height: 98px;
@@ -119,38 +119,38 @@
119
119
  }
120
120
 
121
121
  @media screen and (max-width: 768px) {
122
- &-sample {
122
+ .igloo-upload-photo-sample {
123
123
  display: block;
124
124
  padding: 16px;
125
125
 
126
- &-photos {
126
+ .igloo-upload-photo-sample-photos {
127
127
  width: 100%;
128
128
  }
129
129
 
130
- &-descriptions {
130
+ .igloo-upload-photo-sample-descriptions {
131
131
  width: 100%;
132
- color: @icon-color;
132
+ color: @icon-color;
133
133
  word-break: break-word;
134
134
  white-space: pre-wrap;
135
135
  }
136
136
  }
137
137
 
138
- &-content {
138
+ .igloo-upload-photo-content {
139
139
  .ant-space-item {
140
140
  height: 86px;
141
141
  }
142
142
 
143
- &-preview {
143
+ .igloo-upload-photo-content-preview {
144
144
  width: 86px;
145
145
  height: 86px;
146
146
  }
147
147
 
148
- &-container {
148
+ .igloo-upload-photo-content-container {
149
149
  width: 86px;
150
150
  height: 86px;
151
151
  }
152
152
 
153
- &-button {
153
+ .igloo-upload-photo-content-button {
154
154
  display: flex;
155
155
  width: 86px;
156
156
  height: 86px;
@@ -164,7 +164,7 @@
164
164
  }
165
165
 
166
166
  .ant-form-item-has-error .dont-show-error-status {
167
- border-color: @border-color;
167
+ border-color: @border-color;
168
168
  }
169
169
 
170
170
  .igloo-upload-photo-preview-modal {
@@ -13,7 +13,7 @@
13
13
  .igloo-upload-preview-modal {
14
14
  position: relative;
15
15
 
16
- &-button {
16
+ & &-button {
17
17
  position: absolute;
18
18
  width: 24px;
19
19
  height: 44px;
@@ -1,2 +1,2 @@
1
1
  export declare const parseFileSize: (size: number) => string;
2
- export declare function classifyType(type: string): "video" | "image" | "pdf" | "unknown";
2
+ export declare function classifyType(type: string): "image" | "video" | "pdf" | "unknown";
@@ -0,0 +1,3 @@
1
+ import type { DependencyList } from 'react';
2
+ declare function useAsyncEffect(effect: () => AsyncGenerator<void, void, void> | Promise<void>, deps?: DependencyList): void;
3
+ export default useAsyncEffect;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "iglooform",
3
- "version": "3.0.6",
3
+ "version": "3.0.8",
4
4
  "scripts": {
5
5
  "start": "dumi dev",
6
6
  "build-dev": "dumi build",