@carefrees/form-utils-react-taro 0.0.17 → 0.0.18
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/assets/index.css +33 -40
- package/package.json +3 -3
package/assets/index.css
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
html.dark .carefrees-form {
|
|
3
3
|
--form-color: #e3e3e3;
|
|
4
4
|
--form-header-color: #e3e3e3;
|
|
5
|
-
--form-font-size:
|
|
5
|
+
--form-font-size: 12px;
|
|
6
6
|
--form-border-color: #e0e0e0;
|
|
7
7
|
}
|
|
8
8
|
|
|
@@ -10,7 +10,7 @@ html.dark .carefrees-form {
|
|
|
10
10
|
.carefrees-form {
|
|
11
11
|
--form-color: rgba(0, 0, 0, 0.88);
|
|
12
12
|
--form-header-color: #1d2129;
|
|
13
|
-
--form-font-size:
|
|
13
|
+
--form-font-size: 12px;
|
|
14
14
|
--form-border-color: #e0e0e0;
|
|
15
15
|
|
|
16
16
|
box-sizing: border-box;
|
|
@@ -18,19 +18,12 @@ html.dark .carefrees-form {
|
|
|
18
18
|
color: var(--form-color, rgba(0, 0, 0, 0.88));
|
|
19
19
|
}
|
|
20
20
|
|
|
21
|
-
/* 表单 */
|
|
22
|
-
/* .carefrees-form {
|
|
23
|
-
box-sizing: border-box;
|
|
24
|
-
background-color: #fff;
|
|
25
|
-
font-size: 0.7rem;
|
|
26
|
-
} */
|
|
27
|
-
|
|
28
21
|
/* 布局 */
|
|
29
22
|
.carefrees-form-layout {
|
|
30
23
|
width: 100%;
|
|
31
24
|
box-sizing: border-box;
|
|
32
|
-
border-radius:
|
|
33
|
-
padding-bottom:
|
|
25
|
+
border-radius: 4px;
|
|
26
|
+
padding-bottom: 8px;
|
|
34
27
|
position: relative;
|
|
35
28
|
}
|
|
36
29
|
|
|
@@ -42,8 +35,8 @@ html.dark .carefrees-form {
|
|
|
42
35
|
border: 1px solid #e0e0e0;
|
|
43
36
|
}
|
|
44
37
|
.carefrees-form-layout.bordered .carefrees-form-layout-header {
|
|
45
|
-
padding-inline-start:
|
|
46
|
-
padding-inline-end:
|
|
38
|
+
padding-inline-start: 8px;
|
|
39
|
+
padding-inline-end: 8px;
|
|
47
40
|
}
|
|
48
41
|
|
|
49
42
|
.carefrees-form-layout-header {
|
|
@@ -52,22 +45,22 @@ html.dark .carefrees-form {
|
|
|
52
45
|
align-items: center;
|
|
53
46
|
flex-direction: row;
|
|
54
47
|
border-bottom: 1px solid #e0e0e0;
|
|
55
|
-
padding-top:
|
|
56
|
-
padding-bottom:
|
|
57
|
-
margin-block-end:
|
|
58
|
-
padding-
|
|
59
|
-
padding-
|
|
48
|
+
padding-top: 12px;
|
|
49
|
+
padding-bottom: 12px;
|
|
50
|
+
margin-block-end: 4px;
|
|
51
|
+
padding-left: 8px;
|
|
52
|
+
padding-right: 8px;
|
|
60
53
|
box-sizing: border-box;
|
|
61
54
|
}
|
|
62
55
|
|
|
63
56
|
.carefrees-form-layout-header-title {
|
|
64
|
-
font-size:
|
|
57
|
+
font-size: 14px;
|
|
65
58
|
font-weight: 600;
|
|
66
59
|
color: #1d2129;
|
|
67
60
|
box-sizing: border-box;
|
|
68
61
|
}
|
|
69
62
|
.carefrees-form-layout-header-extra {
|
|
70
|
-
font-size:
|
|
63
|
+
font-size: 12px;
|
|
71
64
|
font-weight: 500;
|
|
72
65
|
color: #1d2129;
|
|
73
66
|
box-sizing: border-box;
|
|
@@ -77,19 +70,19 @@ html.dark .carefrees-form {
|
|
|
77
70
|
width: 100%;
|
|
78
71
|
display: grid;
|
|
79
72
|
grid-template-columns: repeat(1, auto);
|
|
80
|
-
gap:
|
|
81
|
-
padding-left:
|
|
82
|
-
padding-right:
|
|
73
|
+
gap: 2px;
|
|
74
|
+
padding-left: 2px;
|
|
75
|
+
padding-right: 2px;
|
|
83
76
|
box-sizing: border-box;
|
|
84
77
|
}
|
|
85
78
|
|
|
86
79
|
/* 表单项 */
|
|
87
80
|
.carefrees-form-item {
|
|
88
|
-
font-size:
|
|
81
|
+
font-size: 12px;
|
|
89
82
|
display: flex;
|
|
90
83
|
flex-direction: row;
|
|
91
84
|
align-items: flex-start;
|
|
92
|
-
padding:
|
|
85
|
+
padding: 8px;
|
|
93
86
|
box-sizing: border-box;
|
|
94
87
|
color: rgba(0, 0, 0, 0.88);
|
|
95
88
|
word-break: break-all;
|
|
@@ -100,18 +93,18 @@ html.dark .carefrees-form {
|
|
|
100
93
|
height: 100%;
|
|
101
94
|
display: flex;
|
|
102
95
|
flex-direction: column;
|
|
103
|
-
gap:
|
|
96
|
+
gap: 4px;
|
|
104
97
|
box-sizing: border-box;
|
|
105
98
|
}
|
|
106
99
|
.carefrees-form-item-container.left {
|
|
107
100
|
flex-direction: row;
|
|
108
|
-
gap:
|
|
101
|
+
gap: 8px;
|
|
109
102
|
}
|
|
110
103
|
.carefrees-form-item-container.left .carefrees-form-item-label-warp {
|
|
111
104
|
text-align: right;
|
|
112
105
|
}
|
|
113
106
|
.carefrees-form-item-container.between {
|
|
114
|
-
gap:
|
|
107
|
+
gap: 8px;
|
|
115
108
|
text-align: left;
|
|
116
109
|
flex-direction: row;
|
|
117
110
|
justify-content: space-between;
|
|
@@ -133,9 +126,9 @@ html.dark .carefrees-form {
|
|
|
133
126
|
align-items: center;
|
|
134
127
|
justify-content: flex-start;
|
|
135
128
|
position: relative;
|
|
136
|
-
font-size:
|
|
129
|
+
font-size: 12px;
|
|
137
130
|
color: rgba(0, 0, 0, 0.88);
|
|
138
|
-
min-height:
|
|
131
|
+
min-height: 12px;
|
|
139
132
|
}
|
|
140
133
|
|
|
141
134
|
.carefrees-form-item-label.show-colon::after {
|
|
@@ -143,8 +136,8 @@ html.dark .carefrees-form {
|
|
|
143
136
|
display: inline-block;
|
|
144
137
|
text-align: center;
|
|
145
138
|
margin: 0;
|
|
146
|
-
margin-inline-end:
|
|
147
|
-
margin-inline-start:
|
|
139
|
+
margin-inline-end: 2px;
|
|
140
|
+
margin-inline-start: 2px;
|
|
148
141
|
box-sizing: border-box;
|
|
149
142
|
}
|
|
150
143
|
|
|
@@ -152,7 +145,7 @@ html.dark .carefrees-form {
|
|
|
152
145
|
content: '*';
|
|
153
146
|
color: red;
|
|
154
147
|
display: inline-block;
|
|
155
|
-
margin-inline-end:
|
|
148
|
+
margin-inline-end: 4px;
|
|
156
149
|
box-sizing: border-box;
|
|
157
150
|
}
|
|
158
151
|
|
|
@@ -163,7 +156,7 @@ html.dark .carefrees-form {
|
|
|
163
156
|
align-items: flex-start;
|
|
164
157
|
justify-content: flex-start;
|
|
165
158
|
box-sizing: border-box;
|
|
166
|
-
gap:
|
|
159
|
+
gap: 4px;
|
|
167
160
|
flex: 1;
|
|
168
161
|
}
|
|
169
162
|
.carefrees-form-item-body-input {
|
|
@@ -192,9 +185,9 @@ html.dark .carefrees-form {
|
|
|
192
185
|
top: auto;
|
|
193
186
|
left: 0;
|
|
194
187
|
right: 0;
|
|
195
|
-
bottom: -
|
|
196
|
-
padding-top:
|
|
197
|
-
font-size:
|
|
188
|
+
bottom: -14px;
|
|
189
|
+
padding-top: 2px;
|
|
190
|
+
font-size: 10px;
|
|
198
191
|
box-sizing: border-box;
|
|
199
192
|
z-index: 10;
|
|
200
193
|
pointer-events: none;
|
|
@@ -207,18 +200,18 @@ html.dark .carefrees-form {
|
|
|
207
200
|
top: auto;
|
|
208
201
|
left: 0;
|
|
209
202
|
right: 0;
|
|
210
|
-
bottom: -
|
|
203
|
+
bottom: -14px;
|
|
211
204
|
}
|
|
212
205
|
.carefrees-form-item-body-error.top-left {
|
|
213
206
|
justify-content: start;
|
|
214
|
-
top: -
|
|
207
|
+
top: -14px;
|
|
215
208
|
left: 0px;
|
|
216
209
|
right: 0px;
|
|
217
210
|
bottom: auto;
|
|
218
211
|
}
|
|
219
212
|
.carefrees-form-item-body-error.top-right {
|
|
220
213
|
justify-content: flex-end;
|
|
221
|
-
top: -
|
|
214
|
+
top: -14px;
|
|
222
215
|
left: 0px;
|
|
223
216
|
right: 0px;
|
|
224
217
|
bottom: auto;
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"author": "SunLxy <1011771396@qq.com>",
|
|
4
4
|
"description": "taro react 表单组件",
|
|
5
5
|
"homepage": "https://github.com/SunLxy/carefrees-form-utils",
|
|
6
|
-
"version": "0.0.
|
|
6
|
+
"version": "0.0.18",
|
|
7
7
|
"main": "lib/index.js",
|
|
8
8
|
"types": "lib/index.d.ts",
|
|
9
9
|
"module": "esm/index.js",
|
|
@@ -26,8 +26,8 @@
|
|
|
26
26
|
"assets"
|
|
27
27
|
],
|
|
28
28
|
"dependencies": {
|
|
29
|
-
"@carefrees/form-utils": "^0.0.
|
|
30
|
-
"@carefrees/form-utils-react-hooks": "^0.0.
|
|
29
|
+
"@carefrees/form-utils": "^0.0.18",
|
|
30
|
+
"@carefrees/form-utils-react-hooks": "^0.0.18",
|
|
31
31
|
"classnames": "2.5.1"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|