ls-pro-common 3.0.4 → 3.0.6

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.
@@ -1,224 +1,241 @@
1
- .ant-timeline-item-tail {
2
- border-left: 2px dotted var(--ant-primary-color);
3
- }
4
-
5
- .ant-timeline-item-head-blue {
6
- background: var(--ant-primary-color);
7
- }
8
-
9
- .ant-row {
10
- width: 100%;
11
- }
12
-
13
- .ant-popover {
14
- max-width: min-content !important;
15
- }
16
-
17
-
18
-
19
- .ant-input-has-value:hover {
20
- .ant-input-clear-icon {
21
- visibility: visible;
22
- }
23
- }
24
-
25
- .ant-modal-confirm-body {
26
- .ant-modal-confirm-content {
27
- max-height: 60vh;
28
- overflow : auto;
29
- }
30
- }
31
-
32
- .ant-message-notice-content {
33
- border-radius: 4px !important;
34
- }
35
-
36
- .ant-modal-content {
37
- border-radius: 8px !important;
38
-
39
- .ant-modal-header {
40
- border-radius: 8px 8px 0 0 !important;
41
- }
42
- }
43
-
44
- .ant-input-number,
45
- .ant-input-affix-wrapper,
46
- .ant-picker,
47
- .ant-select-selector {
48
- border-radius: 4px !important;
49
- }
50
-
51
- .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
52
- border-top-right-radius : 0 !important;
53
- border-bottom-right-radius: 0 !important;
54
- }
55
-
56
- .ant-picker-range-separator {
57
- padding: 0 2px !important;
58
-
59
- .ant-picker-separator {
60
- font-size: 14px;
61
- }
62
- }
63
-
64
-
65
- .ant-btn {
66
- height : 32px;
67
- background-color: #E6F4FF;
68
- border-color : transparent;
69
- color : var(--ant-primary-color);
70
- border-radius : 4px;
71
-
72
- &.ant-btn-lg {
73
- height: 40px
74
- }
75
-
76
- &:hover,
77
- &:focus {
78
- background-color: #B5DBFF;
79
- border-color : transparent;
80
- color : var(--ant-primary-color);
81
- }
82
-
83
- &:active {
84
- background-color: #BDDFFF;
85
- border-color : transparent;
86
- color : var(--ant-primary-color);
87
- }
88
-
89
- &[disabled],
90
- &[disabled]:hover,
91
- &[disabled]:focus,
92
- &[disabled]:active {
93
- background-color: #EAEEF2;
94
- border-color : transparent;
95
- color : #D9D9D9;
96
- }
97
- }
98
-
99
- .ant-btn-primary {
100
- background-color: var(--ant-primary-color);
101
- border-color : transparent;
102
- color : #fff;
103
-
104
- &:hover,
105
- &:focus {
106
- background-color: var(--ant-primary-color-hover);
107
- border-color : transparent;
108
- color : #fff;
109
- }
110
-
111
- &:active {
112
- background-color: var(--ant-primary-color-active);
113
- border-color : transparent;
114
- color : #fff;
115
- }
116
-
117
- &[disabled],
118
- &[disabled]:hover,
119
- &[disabled]:focus,
120
- &[disabled]:active {
121
- background-color: rgba(24, 105, 237, 0.4);
122
- border-color : transparent;
123
- color : #fff;
124
- }
125
- }
126
-
127
- .ant-btn-dangerous {
128
- background-color: #FFCCC7;
129
- border-color : transparent;
130
- color : #F5222D;
131
-
132
- &:hover,
133
- &:focus {
134
- background-color: #FFF1F0;
135
- border-color : transparent;
136
- color : #F5222D;
137
- }
138
-
139
- &:active {
140
- background-color: #FFA39E;
141
- border-color : transparent;
142
- color : #F5222D;
143
- }
144
-
145
- &[disabled],
146
- &[disabled]:hover,
147
- &[disabled]:focus,
148
- &[disabled]:active {
149
- background-color: #FFCCC7;
150
- border-color : transparent;
151
- color : #FFA39E;
152
- }
153
- }
154
-
155
- .ant-btn-link {
156
- background-color: transparent;
157
- border-color : transparent;
158
- color : var(--ant-primary-color);
159
- padding : 4px 8px;
160
-
161
- &[disabled],
162
- &[disabled]:hover,
163
- &[disabled]:focus,
164
- &[disabled]:active,
165
- &:hover,
166
- &:focus,
167
- &:active {
168
- background-color: transparent;
169
- border-color : transparent;
170
- }
171
-
172
- &:hover,
173
- &:focus {
174
- color: var(--ant-primary-color-hover);
175
- }
176
-
177
- &:active {
178
- color: var(--ant-primary-color-active);
179
- }
180
-
181
- &[disabled],
182
- &[disabled]:hover,
183
- &[disabled]:focus,
184
- &[disabled]:active {
185
- color: #A7B5CC;
186
- }
187
- }
188
-
189
- .ant-btn-text {
190
- background-color: transparent;
191
- border-color : transparent;
192
- color : #8C8C8C;
193
- padding : 4px 8px;
194
-
195
- &[disabled],
196
- &[disabled]:hover,
197
- &[disabled]:focus,
198
- &[disabled]:active,
199
- &:hover,
200
- &:focus,
201
- &:active {
202
- background-color: transparent;
203
- border-color : transparent;
204
-
205
- }
206
-
207
- &:hover,
208
- &:active,
209
- &:focus {
210
- color: var(--ant-primary-color-hover);
211
- }
212
-
213
- &[disabled],
214
- &[disabled]:hover,
215
- &[disabled]:focus,
216
- &[disabled]:active {
217
- color: #d9d9d9;
218
- }
219
- }
220
-
221
- .ant-checkbox-checked::after {
222
- animation : none !important;
223
- animation-fill-mode: none !important;
1
+ .ant-timeline-item-tail {
2
+ border-left: 2px dotted var(--ant-primary-color);
3
+ }
4
+
5
+ .ant-timeline-item-head-blue {
6
+ background: var(--ant-primary-color);
7
+ }
8
+
9
+ .ant-row {
10
+ width: 100%;
11
+ }
12
+
13
+ .ant-popover {
14
+ max-width: min-content !important;
15
+ }
16
+
17
+
18
+
19
+ .ant-input-has-value:hover {
20
+ .ant-input-clear-icon {
21
+ visibility: visible;
22
+ }
23
+ }
24
+
25
+ .ant-modal-confirm-body {
26
+ .ant-modal-confirm-content {
27
+ max-height: 60vh;
28
+ overflow : auto;
29
+ }
30
+ }
31
+
32
+ .ant-message-notice-content {
33
+ border-radius: 4px !important;
34
+ }
35
+
36
+ .ant-modal-content {
37
+ border-radius: 8px !important;
38
+
39
+ .ant-modal-header {
40
+ border-radius: 8px 8px 0 0 !important;
41
+ }
42
+ }
43
+
44
+ .ant-input-number,
45
+ .ant-input-affix-wrapper,
46
+ .ant-picker,
47
+ .ant-select-selector {
48
+ border-radius: 4px !important;
49
+ }
50
+
51
+ .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
52
+ border-top-right-radius : 0 !important;
53
+ border-bottom-right-radius: 0 !important;
54
+ }
55
+
56
+ .ant-picker-range-separator {
57
+ padding: 0 2px !important;
58
+
59
+ .ant-picker-separator {
60
+ font-size: 14px;
61
+ }
62
+ }
63
+
64
+
65
+ .ant-btn {
66
+ height : 32px;
67
+ background-color: var(--ant-primary-1);
68
+ border-color : transparent;
69
+ color : var(--ant-primary-color);
70
+ border-radius : 4px;
71
+
72
+ &.ant-btn-lg {
73
+ height: 40px
74
+ }
75
+
76
+ &:hover,
77
+ &:focus {
78
+ background-color: var(--ant-primary-2);
79
+ border-color : transparent;
80
+ color : var(--ant-primary-color);
81
+ }
82
+
83
+ &:active {
84
+ background-color: var(--ant-primary-3);
85
+ border-color : transparent;
86
+ color : var(--ant-primary-color);
87
+ }
88
+
89
+ &[disabled],
90
+ &[disabled]:hover,
91
+ &[disabled]:focus,
92
+ &[disabled]:active {
93
+ background-color: #EAEEF2;
94
+ border-color : transparent;
95
+ color : #D9D9D9;
96
+ }
97
+ }
98
+
99
+ .ant-btn-primary {
100
+ background-color: var(--ant-primary-color);
101
+ border-color : transparent;
102
+ color : #fff;
103
+
104
+ &:hover,
105
+ &:focus {
106
+ background-color: var(--ant-primary-color-hover);
107
+ border-color : transparent;
108
+ color : #fff;
109
+ }
110
+
111
+ &:active {
112
+ background-color: var(--ant-primary-color-active);
113
+ border-color : transparent;
114
+ color : #fff;
115
+ }
116
+
117
+ &[disabled],
118
+ &[disabled]:hover,
119
+ &[disabled]:focus,
120
+ &[disabled]:active {
121
+ background-color: rgba(24, 105, 237, 0.4);
122
+ border-color : transparent;
123
+ color : #fff;
124
+ }
125
+ }
126
+
127
+ .ant-btn-dangerous {
128
+ background-color: #FFCCC7;
129
+ border-color : transparent;
130
+ color : #F5222D;
131
+
132
+ &:hover,
133
+ &:focus {
134
+ background-color: #FFF1F0;
135
+ border-color : transparent;
136
+ color : #F5222D;
137
+ }
138
+
139
+ &:active {
140
+ background-color: #FFA39E;
141
+ border-color : transparent;
142
+ color : #F5222D;
143
+ }
144
+
145
+ &[disabled],
146
+ &[disabled]:hover,
147
+ &[disabled]:focus,
148
+ &[disabled]:active {
149
+ background-color: #FFCCC7;
150
+ border-color : transparent;
151
+ color : #FFA39E;
152
+ }
153
+ }
154
+
155
+ .ant-btn-link {
156
+ background-color: transparent;
157
+ border-color : transparent;
158
+ color : var(--ant-primary-color);
159
+ padding : 4px 8px;
160
+
161
+ &[disabled],
162
+ &[disabled]:hover,
163
+ &[disabled]:focus,
164
+ &[disabled]:active,
165
+ &:hover,
166
+ &:focus,
167
+ &:active {
168
+ background-color: transparent;
169
+ border-color : transparent;
170
+ }
171
+
172
+ &:hover,
173
+ &:focus {
174
+ color: var(--ant-primary-color-hover);
175
+ }
176
+
177
+ &:active {
178
+ color: var(--ant-primary-color-active);
179
+ }
180
+
181
+ &[disabled],
182
+ &[disabled]:hover,
183
+ &[disabled]:focus,
184
+ &[disabled]:active {
185
+ color: #A7B5CC;
186
+ }
187
+ }
188
+
189
+ .ant-btn-text {
190
+ background-color: transparent;
191
+ border-color : transparent;
192
+ color : #8C8C8C;
193
+ padding : 4px 8px;
194
+
195
+ &[disabled],
196
+ &[disabled]:hover,
197
+ &[disabled]:focus,
198
+ &[disabled]:active,
199
+ &:hover,
200
+ &:focus,
201
+ &:active {
202
+ background-color: transparent;
203
+ border-color : transparent;
204
+
205
+ }
206
+
207
+ &:hover,
208
+ &:active,
209
+ &:focus {
210
+ color: var(--ant-primary-color-hover);
211
+ }
212
+
213
+ &[disabled],
214
+ &[disabled]:hover,
215
+ &[disabled]:focus,
216
+ &[disabled]:active {
217
+ color: #d9d9d9;
218
+ }
219
+ }
220
+
221
+ .ant-checkbox-checked::after {
222
+ animation : none !important;
223
+ animation-fill-mode: none !important;
224
+ }
225
+
226
+
227
+ .ant-descriptions-item-label {
228
+ color: #8c8c8c !important;
229
+
230
+ .ant-typography {
231
+ color: #8c8c8c;
232
+ }
233
+
234
+ &::after {
235
+ margin-right: 12px !important;
236
+ }
237
+ }
238
+
239
+ .ant-descriptions-item-content {
240
+ color: #1f1f1f !important;
224
241
  }
@@ -1,90 +1,49 @@
1
1
  body {
2
2
 
3
- --bg-color:#F9FAFB;
4
-
5
-
6
- --ant-primary-color : #0E55CB;
7
- --ant-primary-color-hover : #3277d9;
8
- --ant-primary-color-active : #033ca6;
9
- --ant-primary-color-outline : rgba(14, 85, 203, 0.2);
10
- --ant-primary-1 : #e6f4ff;
11
- --ant-primary-2 : #b5dbff;
12
- --ant-primary-3 : #85baf2;
13
- --ant-primary-4 : #5a99e6;
14
- --ant-primary-5 : #3277d9;
15
- --ant-primary-6 : #0E55CB;
16
- --ant-primary-7 : #033ca6;
17
- --ant-primary-color-deprecated-pure : #94b9f8;
18
- --ant-primary-color-deprecated-l-35 : #94b9f8;
19
- --ant-primary-color-deprecated-l-20 : #4c8bf3;
20
- --ant-primary-color-deprecated-t-20 : #3e77d5;
21
- --ant-primary-color-deprecated-t-50 : #87aae5;
22
- --ant-primary-color-deprecated-f-12 : rgba(14, 85, 203, 0.12);
3
+ --bg-color: #F9FAFB;
4
+
5
+
6
+ --ant-primary-color: #1869ED;
7
+ --ant-primary-color-hover: #418efa;
8
+ --ant-primary-color-active: #0a4cc7;
9
+ --ant-primary-color-outline: rgba(24, 105, 237, 0.2);
10
+ --ant-primary-1: #e6f4ff;
11
+ --ant-primary-2: #bddfff;
12
+ --ant-primary-3: #94c8ff;
13
+ --ant-primary-4: #6baeff;
14
+ --ant-primary-5: #418efa;
15
+ --ant-primary-6: #1869ED;
16
+ --ant-primary-7: #0a4cc7;
17
+ --ant-primary-color-deprecated-pure: #bed5fa;
18
+ --ant-primary-color-deprecated-l-35: #bed5fa;
19
+ --ant-primary-color-deprecated-l-20: #77a6f4;
20
+ --ant-primary-color-deprecated-t-20: #4687f1;
21
+ --ant-primary-color-deprecated-t-50: #8cb4f6;
22
+ --ant-primary-color-deprecated-f-12: rgba(24, 105, 237, 0.12);
23
23
  --ant-primary-color-active-deprecated-f-30: rgba(230, 244, 255, 0.3);
24
24
  --ant-primary-color-active-deprecated-d-02: #dcf0ff;
25
- --ant-success-color : #52c41a;
26
- --ant-success-color-hover : #73d13d;
27
- --ant-success-color-active : #389e0d;
28
- --ant-success-color-outline : rgba(82, 196, 26, 0.2);
29
- --ant-success-color-deprecated-bg : #f6ffed;
30
- --ant-success-color-deprecated-border : #b7eb8f;
31
- --ant-error-color : #ff4d4f;
32
- --ant-error-color-hover : #ff7875;
33
- --ant-error-color-active : #d9363e;
34
- --ant-error-color-outline : rgba(255, 77, 79, 0.2);
35
- --ant-error-color-deprecated-bg : #fff2f0;
36
- --ant-error-color-deprecated-border : #ffccc7;
37
- --ant-warning-color : #faad14;
38
- --ant-warning-color-hover : #ffc53d;
39
- --ant-warning-color-active : #d48806;
40
- --ant-warning-color-outline : rgba(250, 173, 20, 0.2);
41
- --ant-warning-color-deprecated-bg : #fffbe6;
42
- --ant-warning-color-deprecated-border : #ffe58f;
43
- --ant-info-color : #0E55CB;
44
- --ant-info-color-deprecated-bg : #e6f4ff;
45
- --ant-info-color-deprecated-border : #85baf2;
46
-
47
-
48
- // --ant-primary-color : #4997E6;
49
- // --ant-primary-color-hover : #74b7f2;
50
- // --ant-primary-color-active : #3475bf;
51
- // --ant-primary-color-outline : rgba(73, 151, 230, 0.2);
52
- // --ant-primary-1 : #f0faff;
53
- // --ant-primary-2 : #f0f9ff;
54
- // --ant-primary-3 : #ccebff;
55
- // --ant-primary-4 : #a3d7ff;
56
- // --ant-primary-5 : #74b7f2;
57
- // --ant-primary-6 : #4997E6;
58
- // --ant-primary-7 : #3475bf;
59
- // --ant-primary-color-deprecated-pure : #e6f1fc;
60
- // --ant-primary-color-deprecated-l-35 : #e6f1fc;
61
- // --ant-primary-color-deprecated-l-20 : #a3caf2;
62
- // --ant-primary-color-deprecated-t-20 : #6daceb;
63
- // --ant-primary-color-deprecated-t-50 : #a4cbf3;
64
- // --ant-primary-color-deprecated-f-12 : rgba(73, 151, 230, 0.12);
65
- // --ant-primary-color-active-deprecated-f-30: rgba(240, 250, 255, 0.3);
66
- // --ant-primary-color-active-deprecated-d-02: #e6f7ff;
67
- // --ant-success-color : #52c41a;
68
- // --ant-success-color-hover : #73d13d;
69
- // --ant-success-color-active : #389e0d;
70
- // --ant-success-color-outline : rgba(82, 196, 26, 0.2);
71
- // --ant-success-color-deprecated-bg : #f6ffed;
72
- // --ant-success-color-deprecated-border : #b7eb8f;
73
- // --ant-error-color : #ff4d4f;
74
- // --ant-error-color-hover : #ff7875;
75
- // --ant-error-color-active : #d9363e;
76
- // --ant-error-color-outline : rgba(255, 77, 79, 0.2);
77
- // --ant-error-color-deprecated-bg : #fff2f0;
78
- // --ant-error-color-deprecated-border : #ffccc7;
79
- // --ant-warning-color : #faad14;
80
- // --ant-warning-color-hover : #ffc53d;
81
- // --ant-warning-color-active : #d48806;
82
- // --ant-warning-color-outline : rgba(250, 173, 20, 0.2);
83
- // --ant-warning-color-deprecated-bg : #fffbe6;
84
- // --ant-warning-color-deprecated-border : #ffe58f;
85
- // --ant-info-color : #4997E6;
86
- // --ant-info-color-deprecated-bg : #f0faff;
87
- // --ant-info-color-deprecated-border : #ccebff;
25
+ --ant-success-color: #52c41a;
26
+ --ant-success-color-hover: #73d13d;
27
+ --ant-success-color-active: #389e0d;
28
+ --ant-success-color-outline: rgba(82, 196, 26, 0.2);
29
+ --ant-success-color-deprecated-bg: #f6ffed;
30
+ --ant-success-color-deprecated-border: #b7eb8f;
31
+ --ant-error-color: #ff4d4f;
32
+ --ant-error-color-hover: #ff7875;
33
+ --ant-error-color-active: #d9363e;
34
+ --ant-error-color-outline: rgba(255, 77, 79, 0.2);
35
+ --ant-error-color-deprecated-bg: #fff2f0;
36
+ --ant-error-color-deprecated-border: #ffccc7;
37
+ --ant-warning-color: #faad14;
38
+ --ant-warning-color-hover: #ffc53d;
39
+ --ant-warning-color-active: #d48806;
40
+ --ant-warning-color-outline: rgba(250, 173, 20, 0.2);
41
+ --ant-warning-color-deprecated-bg: #fffbe6;
42
+ --ant-warning-color-deprecated-border: #ffe58f;
43
+ --ant-info-color: #1869ED;
44
+ --ant-info-color-deprecated-bg: #e6f4ff;
45
+ --ant-info-color-deprecated-border: #94c8ff;
46
+
88
47
  }
89
48
 
90
49
  * ::-webkit-scrollbar-thumb {
@@ -176,7 +135,7 @@ body.theme-yellow {
176
135
  left : 0;
177
136
  right : 0;
178
137
  bottom : 0;
179
- background : var(--bg-color,#f9fafb);
138
+ background : var(--bg-color, #f9fafb);
180
139
  display : flex;
181
140
  flex-direction: column;
182
141
  z-index : 50;
@@ -205,7 +164,8 @@ body.theme-yellow {
205
164
  // }
206
165
 
207
166
  .dtl-title {
208
- font-size: 14px;
167
+ font-size: 16px;
168
+ font-weight: 700;
209
169
  }
210
170
 
211
171
  .dtl-btns {
@@ -372,15 +332,7 @@ a:hover {
372
332
 
373
333
  .ant-pro-card-header-border {
374
334
  border-bottom: 1px solid #dbeafa;
375
- }
376
-
377
- .ant-descriptions-item-label {
378
- color: #595959;
379
- }
380
-
381
- .ant-descriptions-item-content {
382
- color: #262626;
383
- }
335
+ }
384
336
  }
385
337
 
386
338
  .has-background {
@@ -400,6 +352,7 @@ a:hover {
400
352
  align-items : center;
401
353
  background : #fff;
402
354
  padding-bottom: 12px;
355
+
403
356
  .ls-group-divider {
404
357
  height : 14px;
405
358
  border-right: 2px solid var(--ant-primary-color);
@@ -503,6 +456,12 @@ a:hover {
503
456
  }
504
457
  }
505
458
 
459
+ .ls-input-table {
460
+ .ant-pro-table-list-toolbar {
461
+ padding-top: 0px;
462
+ }
463
+ }
464
+
506
465
 
507
466
  @import url('./antd-custom.less');
508
467
 
@@ -592,7 +592,6 @@ function useSingle(inParam) {
592
592
  var tableTools = (0, _react.useMemo)(function () {
593
593
  return [(toolConfig === null || toolConfig === void 0 ? void 0 : toolConfig.add) && canAdd ? /*#__PURE__*/_react.default.createElement(_button.default, {
594
594
  key: "add",
595
- type: "primary",
596
595
  onClick: function onClick() {
597
596
  return onAdd(null);
598
597
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ls-pro-common",
3
- "version": "3.0.4",
3
+ "version": "3.0.6",
4
4
  "description": "ls-pro-common",
5
5
  "keywords": [
6
6
  "antd",
@@ -27,8 +27,8 @@
27
27
  ],
28
28
  "dependencies": {
29
29
  "@ant-design/icons": "^4.3.0",
30
- "ls-pro-table": "^3.0.3",
31
- "ls-pro-form": "^3.0.1",
30
+ "ls-pro-table": "^3.0.4",
31
+ "ls-pro-form": "^3.0.4",
32
32
  "ls-pro-descriptions": "^3.0.1",
33
33
  "ls-pro-card": "^3.0.1",
34
34
  "@babel/runtime": "^7.16.3",