@carefrees/form-utils-react-taro 0.0.16 → 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 +34 -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,21 +70,22 @@ 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);
|
|
88
|
+
word-break: break-all;
|
|
95
89
|
}
|
|
96
90
|
|
|
97
91
|
.carefrees-form-item-container {
|
|
@@ -99,18 +93,18 @@ html.dark .carefrees-form {
|
|
|
99
93
|
height: 100%;
|
|
100
94
|
display: flex;
|
|
101
95
|
flex-direction: column;
|
|
102
|
-
gap:
|
|
96
|
+
gap: 4px;
|
|
103
97
|
box-sizing: border-box;
|
|
104
98
|
}
|
|
105
99
|
.carefrees-form-item-container.left {
|
|
106
100
|
flex-direction: row;
|
|
107
|
-
gap:
|
|
101
|
+
gap: 8px;
|
|
108
102
|
}
|
|
109
103
|
.carefrees-form-item-container.left .carefrees-form-item-label-warp {
|
|
110
104
|
text-align: right;
|
|
111
105
|
}
|
|
112
106
|
.carefrees-form-item-container.between {
|
|
113
|
-
gap:
|
|
107
|
+
gap: 8px;
|
|
114
108
|
text-align: left;
|
|
115
109
|
flex-direction: row;
|
|
116
110
|
justify-content: space-between;
|
|
@@ -132,9 +126,9 @@ html.dark .carefrees-form {
|
|
|
132
126
|
align-items: center;
|
|
133
127
|
justify-content: flex-start;
|
|
134
128
|
position: relative;
|
|
135
|
-
font-size:
|
|
129
|
+
font-size: 12px;
|
|
136
130
|
color: rgba(0, 0, 0, 0.88);
|
|
137
|
-
min-height:
|
|
131
|
+
min-height: 12px;
|
|
138
132
|
}
|
|
139
133
|
|
|
140
134
|
.carefrees-form-item-label.show-colon::after {
|
|
@@ -142,8 +136,8 @@ html.dark .carefrees-form {
|
|
|
142
136
|
display: inline-block;
|
|
143
137
|
text-align: center;
|
|
144
138
|
margin: 0;
|
|
145
|
-
margin-inline-end:
|
|
146
|
-
margin-inline-start:
|
|
139
|
+
margin-inline-end: 2px;
|
|
140
|
+
margin-inline-start: 2px;
|
|
147
141
|
box-sizing: border-box;
|
|
148
142
|
}
|
|
149
143
|
|
|
@@ -151,7 +145,7 @@ html.dark .carefrees-form {
|
|
|
151
145
|
content: '*';
|
|
152
146
|
color: red;
|
|
153
147
|
display: inline-block;
|
|
154
|
-
margin-inline-end:
|
|
148
|
+
margin-inline-end: 4px;
|
|
155
149
|
box-sizing: border-box;
|
|
156
150
|
}
|
|
157
151
|
|
|
@@ -162,7 +156,7 @@ html.dark .carefrees-form {
|
|
|
162
156
|
align-items: flex-start;
|
|
163
157
|
justify-content: flex-start;
|
|
164
158
|
box-sizing: border-box;
|
|
165
|
-
gap:
|
|
159
|
+
gap: 4px;
|
|
166
160
|
flex: 1;
|
|
167
161
|
}
|
|
168
162
|
.carefrees-form-item-body-input {
|
|
@@ -191,9 +185,9 @@ html.dark .carefrees-form {
|
|
|
191
185
|
top: auto;
|
|
192
186
|
left: 0;
|
|
193
187
|
right: 0;
|
|
194
|
-
bottom: -
|
|
195
|
-
padding-top:
|
|
196
|
-
font-size:
|
|
188
|
+
bottom: -14px;
|
|
189
|
+
padding-top: 2px;
|
|
190
|
+
font-size: 10px;
|
|
197
191
|
box-sizing: border-box;
|
|
198
192
|
z-index: 10;
|
|
199
193
|
pointer-events: none;
|
|
@@ -206,18 +200,18 @@ html.dark .carefrees-form {
|
|
|
206
200
|
top: auto;
|
|
207
201
|
left: 0;
|
|
208
202
|
right: 0;
|
|
209
|
-
bottom: -
|
|
203
|
+
bottom: -14px;
|
|
210
204
|
}
|
|
211
205
|
.carefrees-form-item-body-error.top-left {
|
|
212
206
|
justify-content: start;
|
|
213
|
-
top: -
|
|
207
|
+
top: -14px;
|
|
214
208
|
left: 0px;
|
|
215
209
|
right: 0px;
|
|
216
210
|
bottom: auto;
|
|
217
211
|
}
|
|
218
212
|
.carefrees-form-item-body-error.top-right {
|
|
219
213
|
justify-content: flex-end;
|
|
220
|
-
top: -
|
|
214
|
+
top: -14px;
|
|
221
215
|
left: 0px;
|
|
222
216
|
right: 0px;
|
|
223
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": {
|