rd-outer-component 0.0.91 → 0.0.93

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 (23) hide show
  1. package/esm2020/lib/modules/custom-checkbox/custom-checkbox.component.mjs +2 -2
  2. package/esm2020/lib/modules/custom-date/custom-date.component.mjs +3 -3
  3. package/esm2020/lib/modules/custom-filter/custom-filter-date/custom-filter-date.component.mjs +3 -3
  4. package/esm2020/lib/modules/custom-filter/custom-filter-input/custom-filter-input.component.mjs +3 -3
  5. package/esm2020/lib/modules/custom-filter/custom-filter-select/custom-filter-select.component.mjs +3 -3
  6. package/esm2020/lib/modules/custom-filter/custom-filter.component.mjs +2 -2
  7. package/esm2020/lib/modules/custom-input/custom-input.component.mjs +2 -2
  8. package/esm2020/lib/modules/custom-input-amount/custom-input-amount.component.mjs +2 -2
  9. package/esm2020/lib/modules/custom-pagination/paginator.component.mjs +2 -2
  10. package/esm2020/lib/modules/custom-radio/custom-radio.component.mjs +2 -2
  11. package/esm2020/lib/modules/custom-select/custom-select.component.mjs +3 -3
  12. package/esm2020/lib/modules/custom-select/pure-select-token/pure-select-token.component.mjs +3 -3
  13. package/esm2020/lib/modules/custom-textarea/custom-textarea.component.mjs +2 -2
  14. package/esm2020/lib/modules/form-item/form-item.component.mjs +3 -3
  15. package/esm2020/lib/modules/header-step/header-step.component.mjs +3 -3
  16. package/esm2020/lib/modules/rd-notification/notification.component.mjs +7 -7
  17. package/fesm2015/rd-outer-component.mjs +36 -36
  18. package/fesm2015/rd-outer-component.mjs.map +1 -1
  19. package/fesm2020/rd-outer-component.mjs +36 -36
  20. package/fesm2020/rd-outer-component.mjs.map +1 -1
  21. package/package.json +1 -1
  22. package/src/lib/assets/scss/_space.scss +7 -0
  23. package/src/lib/assets/scss/form-item.scss +23 -23
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "rd-outer-component",
3
- "version": "0.0.91",
3
+ "version": "0.0.93",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "15.2.10",
6
6
  "@angular/core": "15.2.10",
package/src/lib/assets/scss/_space.scss CHANGED
@@ -89,6 +89,13 @@ $spacing-sizes: ();
89
89
  }
90
90
  }
91
91
 
92
+ // 生成 gap 工具类
93
+ @each $size, $value in $spacing-sizes {
94
+ .gap-#{$size} {
95
+ gap: $value;
96
+ }
97
+ }
98
+
92
99
  // 生成响应式 margin 工具类
93
100
  // @each $size, $value in $spacing-sizes {
94
101
  // @each $bp, $bp-value in $breakpoints {
package/src/lib/assets/scss/form-item.scss CHANGED
@@ -1,9 +1,9 @@
1
1
  .rd-form-item {
2
2
  position: relative;
3
- border-radius: 4px;
3
+ border-radius: 16px;
4
4
  padding: 2px 0;
5
- border: 1px solid #e5e7eb;
6
- background-color: #fff;
5
+ border: 1px solid var(--rd-input-fg-default);
6
+ background-color: var(--rd-input-bg-default);
7
7
  width: 100%;
8
8
  height: 64px;
9
9
 
@@ -22,7 +22,7 @@
22
22
  left: 16px;
23
23
  top: 50%;
24
24
  transform: translateY(-50%);
25
- color: #6b7280;
25
+ color: var(--rd-copy-secondary);
26
26
  transition: all 0.3s ease;
27
27
  pointer-events: none;
28
28
  z-index: 1;
@@ -32,7 +32,7 @@
32
32
  }
33
33
 
34
34
  &-input {
35
- color: #030712;
35
+ color: var(--rd-copy-primary);
36
36
  font-size: 14px;
37
37
  width: 100%;
38
38
  font-weight: 500;
@@ -56,7 +56,7 @@
56
56
 
57
57
  ::ng-deep {
58
58
  .ant-select-selection-item {
59
- color: #030712;
59
+ color: var(--rd-copy-primary);
60
60
  font-size: 14px;
61
61
  font-weight: 500;
62
62
  }
@@ -74,28 +74,28 @@
74
74
  }
75
75
 
76
76
  &.rd-disabled {
77
- background-color: #f3f4f6;
78
- border-color: #d1d5db;
77
+ background-color: var(--rd-input-bg-disable);
78
+ border-color: var(--rd-input-fg-disable);
79
79
 
80
80
  .rd-form-item-label,
81
81
  .rd-form-item-input {
82
- color: #9ca3af;
82
+ color: var(--rd-copy-disable);
83
83
  }
84
84
 
85
85
  ::ng-deep {
86
86
  .ant-select-selection-item {
87
- color: #9ca3af;
87
+ color: var(--rd-copy-disable);
88
88
  }
89
89
  }
90
90
  }
91
91
 
92
92
  &.rd-error {
93
- border-color: #e51c36;
93
+ border-color: var(--rd-input-fg-danger);
94
94
  }
95
95
  }
96
96
 
97
97
  .rd-form-item-error {
98
- color: #d2152e;
98
+ color: var(--rd-copy-danger);
99
99
  font-size: 12px;
100
100
  font-weight: 500;
101
101
  display: flex;
@@ -112,12 +112,12 @@
112
112
  position: relative;
113
113
  border-radius: 4px;
114
114
  padding: 12px 16px;
115
- background-color: #fff;
116
- border: 1px solid #e5e7eb;
115
+ background-color: var(--rd-input-bg-default);
116
+ border: 1px solid var(--rd-input-fg-default);
117
117
  width: 100%;
118
118
 
119
119
  .rd-item-label {
120
- color: #6b7280;
120
+ color: var(--rd-copy-secondary);
121
121
  font-size: 12px;
122
122
  // padding: 0 12px;
123
123
  font-weight: 600;
@@ -129,14 +129,14 @@
129
129
  font-size: 32px;
130
130
  font-weight: 600;
131
131
  line-height: 48px;
132
- color: #9ca3af;
132
+ color: var(--rd-copy-disable);
133
133
 
134
134
  &-value {
135
135
  flex: 1;
136
136
  font-size: 32px;
137
137
  font-weight: 600;
138
138
  line-height: 48px;
139
- color: #030712;
139
+ color: var(--rd-copy-primary);
140
140
  border: none;
141
141
  padding: 4px 0;
142
142
 
@@ -158,7 +158,7 @@
158
158
  line-height: 48px;
159
159
 
160
160
  &::placeholder {
161
- color: #9ca3af;
161
+ color: var(--rd-copy-disable);
162
162
  }
163
163
  }
164
164
  }
@@ -173,23 +173,23 @@
173
173
  .rd-item-warning {
174
174
  font-weight: 500;
175
175
  font-size: 12px;
176
- color: #6b7280;
176
+ color: var(--rd-copy-secondary);
177
177
  margin-top: 4px;
178
178
  padding: 0 12px;
179
179
  }
180
180
  }
181
181
 
182
182
  &.rd-disabled {
183
- background-color: #f3f4f6;
184
- border-color: #d1d5db;
183
+ background-color: var(--rd-input-bg-disable);
184
+ border-color: var(--rd-input-fg-disable);
185
185
 
186
186
  .rd-item-label,
187
187
  .rd-item-content-value {
188
- color: #9ca3af;
188
+ color: var(--rd-copy-disable);
189
189
  }
190
190
  }
191
191
 
192
192
  &.rd-error {
193
- border-color: #e51c36;
193
+ border-color: var(--rd-input-fg-danger);
194
194
  }
195
195
  }