@douyinfe/semi-foundation 2.25.1 → 2.25.2

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 (19) hide show
  1. package/cascader/cascader.scss +8 -20
  2. package/lib/cjs/cascader/cascader.css +3 -3
  3. package/lib/cjs/cascader/cascader.scss +8 -20
  4. package/lib/cjs/tagInput/tagInput.css +9 -0
  5. package/lib/cjs/tagInput/tagInput.scss +11 -0
  6. package/lib/cjs/tooltip/foundation.js +1 -1
  7. package/lib/cjs/treeSelect/treeSelect.css +6 -8
  8. package/lib/cjs/treeSelect/treeSelect.scss +9 -19
  9. package/lib/es/cascader/cascader.css +3 -3
  10. package/lib/es/cascader/cascader.scss +8 -20
  11. package/lib/es/tagInput/tagInput.css +9 -0
  12. package/lib/es/tagInput/tagInput.scss +11 -0
  13. package/lib/es/tooltip/foundation.js +1 -1
  14. package/lib/es/treeSelect/treeSelect.css +6 -8
  15. package/lib/es/treeSelect/treeSelect.scss +9 -19
  16. package/package.json +2 -2
  17. package/tagInput/tagInput.scss +11 -0
  18. package/tooltip/foundation.ts +1 -1
  19. package/treeSelect/treeSelect.scss +9 -19
package/cascader/cascader.scss CHANGED
@@ -161,22 +161,17 @@ $module: #{$prefix}-cascader;
161
161
  }
162
162
 
163
163
  .#{$prefix}-tagInput {
164
- &-wrapper {
165
- &-default {
166
- min-height: $height-cascader_selection_tagInput_wrapper_default;
167
- }
168
-
169
- &-small {
170
- min-height: $height-cascader_selection_tagInput_wrapper_small;
171
- }
172
-
173
- &-large {
174
- min-height: $height-cascader_selection_tagInput_wrapper_large;
175
- }
164
+ min-height: $height-cascader_selection_tagInput_wrapper_default;
165
+
166
+ &-small {
167
+ min-height: $height-cascader_selection_tagInput_wrapper_small;
168
+ }
169
+
170
+ &-large {
171
+ min-height: $height-cascader_selection_tagInput_wrapper_large;
176
172
  }
177
173
 
178
174
  .#{$prefix}-input-wrapper {
179
- // height: $height-cascader_selection_tagInput_input_default;
180
175
 
181
176
  margin-left: $spacing-cascader_selection_input-marginLeft;
182
177
  .#{$prefix}-input {
@@ -193,13 +188,6 @@ $module: #{$prefix}-cascader;
193
188
  margin-bottom: $spacing-cascader_selection_tag-marginY;
194
189
  }
195
190
  }
196
-
197
- // .#{$prefix}-input-wrapper-small {
198
- // height: $height-cascader_selection_tagInput_input_small;
199
- // }
200
- // .#{$prefix}-input-wrapper-large {
201
- // height: $height-cascader_selection_tagInput_input_large;
202
- // }
203
191
  }
204
192
 
205
193
  &-text {
package/lib/cjs/cascader/cascader.css CHANGED
@@ -136,13 +136,13 @@
136
136
  background: transparent;
137
137
  margin-left: -4px;
138
138
  }
139
- .semi-cascader-selection .semi-tagInput-wrapper-default {
139
+ .semi-cascader-selection .semi-tagInput {
140
140
  min-height: 30px;
141
141
  }
142
- .semi-cascader-selection .semi-tagInput-wrapper-small {
142
+ .semi-cascader-selection .semi-tagInput-small {
143
143
  min-height: 22px;
144
144
  }
145
- .semi-cascader-selection .semi-tagInput-wrapper-large {
145
+ .semi-cascader-selection .semi-tagInput-large {
146
146
  min-height: 38px;
147
147
  }
148
148
  .semi-cascader-selection .semi-tagInput .semi-input-wrapper {
package/lib/cjs/cascader/cascader.scss CHANGED
@@ -161,22 +161,17 @@ $module: #{$prefix}-cascader;
161
161
  }
162
162
 
163
163
  .#{$prefix}-tagInput {
164
- &-wrapper {
165
- &-default {
166
- min-height: $height-cascader_selection_tagInput_wrapper_default;
167
- }
168
-
169
- &-small {
170
- min-height: $height-cascader_selection_tagInput_wrapper_small;
171
- }
172
-
173
- &-large {
174
- min-height: $height-cascader_selection_tagInput_wrapper_large;
175
- }
164
+ min-height: $height-cascader_selection_tagInput_wrapper_default;
165
+
166
+ &-small {
167
+ min-height: $height-cascader_selection_tagInput_wrapper_small;
168
+ }
169
+
170
+ &-large {
171
+ min-height: $height-cascader_selection_tagInput_wrapper_large;
176
172
  }
177
173
 
178
174
  .#{$prefix}-input-wrapper {
179
- // height: $height-cascader_selection_tagInput_input_default;
180
175
 
181
176
  margin-left: $spacing-cascader_selection_input-marginLeft;
182
177
  .#{$prefix}-input {
@@ -193,13 +188,6 @@ $module: #{$prefix}-cascader;
193
188
  margin-bottom: $spacing-cascader_selection_tag-marginY;
194
189
  }
195
190
  }
196
-
197
- // .#{$prefix}-input-wrapper-small {
198
- // height: $height-cascader_selection_tagInput_input_small;
199
- // }
200
- // .#{$prefix}-input-wrapper-large {
201
- // height: $height-cascader_selection_tagInput_input_large;
202
- // }
203
191
  }
204
192
 
205
193
  &-text {
package/lib/cjs/tagInput/tagInput.css CHANGED
@@ -208,6 +208,15 @@
208
208
  .semi-tagInput-suffix-text {
209
209
  color: var(--semi-color-text-2);
210
210
  }
211
+ .semi-tagInput-tag-content-wrapper {
212
+ display: flex;
213
+ align-items: center;
214
+ }
215
+ .semi-tagInput-sortable-list {
216
+ display: flex;
217
+ flex-flow: row wrap;
218
+ width: 100%;
219
+ }
211
220
 
212
221
  .semi-rtl .semi-tagInput,
213
222
  .semi-portal-rtl .semi-tagInput {
package/lib/cjs/tagInput/tagInput.scss CHANGED
@@ -259,6 +259,17 @@ $module: #{$prefix}-tagInput;
259
259
  color: $color-tagInput_suffix-default;
260
260
  }
261
261
  }
262
+
263
+ &-tag-content-wrapper {
264
+ display: flex;
265
+ align-items: center;
266
+ }
267
+
268
+ &-sortable-list {
269
+ display: flex;
270
+ flex-flow: row wrap;
271
+ width: 100%;
272
+ }
262
273
  }
263
274
 
264
275
  @import "./rtl.scss";
package/lib/cjs/tooltip/foundation.js CHANGED
@@ -944,7 +944,7 @@ class Tooltip extends _foundation.default {
944
944
  }
945
945
 
946
946
  if (shouldReverseLeftSide && widthIsBigger) {
947
- position = this._adjustPos(position, true);
947
+ position = this._adjustPos(position);
948
948
  }
949
949
 
950
950
  if (isWidthOverFlow && (isViewXEnoughSideHalf || isContainerXEnoughSideHalf)) {
package/lib/cjs/treeSelect/treeSelect.css CHANGED
@@ -139,20 +139,18 @@
139
139
  .semi-tree-select-selection .semi-tagInput {
140
140
  border: hidden;
141
141
  background: transparent;
142
- }
143
- .semi-tree-select-selection .semi-tagInput .semi-tagInput-wrapper {
144
- padding-left: 4px;
145
- padding-right: 4px;
146
- }
147
- .semi-tree-select-selection .semi-tagInput .semi-tagInput-wrapper-default {
148
142
  min-height: 30px;
149
143
  }
150
- .semi-tree-select-selection .semi-tagInput .semi-tagInput-wrapper-small {
144
+ .semi-tree-select-selection .semi-tagInput-small {
151
145
  min-height: 22px;
152
146
  }
153
- .semi-tree-select-selection .semi-tagInput .semi-tagInput-wrapper-large {
147
+ .semi-tree-select-selection .semi-tagInput-large {
154
148
  min-height: 38px;
155
149
  }
150
+ .semi-tree-select-selection .semi-tagInput .semi-tagInput-wrapper {
151
+ padding-left: 4px;
152
+ padding-right: 4px;
153
+ }
156
154
  .semi-tree-select-selection .semi-tagInput .semi-tagInput-wrapper .semi-input-wrapper .semi-input {
157
155
  padding-left: 0;
158
156
  }
package/lib/cjs/treeSelect/treeSelect.scss CHANGED
@@ -171,23 +171,20 @@ $module: #{$prefix}-tree-select;
171
171
  .#{$prefix}-tagInput {
172
172
  border: hidden;
173
173
  background: transparent;
174
+ min-height: $height-treeSelect_selection_tagInput_wrapper_default;
175
+
176
+ &-small {
177
+ min-height: $height-treeSelect_selection_tagInput_wrapper_small;
178
+ }
179
+
180
+ &-large {
181
+ min-height: $height-treeSelect_selection_tagInput_wrapper_large;
182
+ }
174
183
 
175
184
  .#{$prefix}-tagInput-wrapper {
176
185
  padding-left: $spacing-treeSelect_selection_tagInput_wrapper-paddingX;
177
186
  padding-right: $spacing-treeSelect_selection_tagInput_wrapper-paddingX;
178
187
 
179
- &-default {
180
- min-height: $height-treeSelect_selection_tagInput_wrapper_default;
181
- }
182
-
183
- &-small {
184
- min-height: $height-treeSelect_selection_tagInput_wrapper_small;
185
- }
186
-
187
- &-large {
188
- min-height: $height-treeSelect_selection_tagInput_wrapper_large;
189
- }
190
-
191
188
  .#{$prefix}-input-wrapper {
192
189
  // height: $height-treeSelect_selection_tagInput_input_default;
193
190
 
@@ -205,13 +202,6 @@ $module: #{$prefix}-tree-select;
205
202
  margin-bottom: $spacing-treeSelect_tag-marginY;
206
203
  }
207
204
  }
208
-
209
- // .#{$prefix}-input-wrapper-small {
210
- // height: $height-treeSelect_selection_tagInput_input_small;
211
- // }
212
- // .#{$prefix}-input-wrapper-large {
213
- // height: $height-treeSelect_selection_tagInput_input_large;
214
- // }
215
205
  }
216
206
  }
217
207
  }
package/lib/es/cascader/cascader.css CHANGED
@@ -136,13 +136,13 @@
136
136
  background: transparent;
137
137
  margin-left: -4px;
138
138
  }
139
- .semi-cascader-selection .semi-tagInput-wrapper-default {
139
+ .semi-cascader-selection .semi-tagInput {
140
140
  min-height: 30px;
141
141
  }
142
- .semi-cascader-selection .semi-tagInput-wrapper-small {
142
+ .semi-cascader-selection .semi-tagInput-small {
143
143
  min-height: 22px;
144
144
  }
145
- .semi-cascader-selection .semi-tagInput-wrapper-large {
145
+ .semi-cascader-selection .semi-tagInput-large {
146
146
  min-height: 38px;
147
147
  }
148
148
  .semi-cascader-selection .semi-tagInput .semi-input-wrapper {
package/lib/es/cascader/cascader.scss CHANGED
@@ -161,22 +161,17 @@ $module: #{$prefix}-cascader;
161
161
  }
162
162
 
163
163
  .#{$prefix}-tagInput {
164
- &-wrapper {
165
- &-default {
166
- min-height: $height-cascader_selection_tagInput_wrapper_default;
167
- }
168
-
169
- &-small {
170
- min-height: $height-cascader_selection_tagInput_wrapper_small;
171
- }
172
-
173
- &-large {
174
- min-height: $height-cascader_selection_tagInput_wrapper_large;
175
- }
164
+ min-height: $height-cascader_selection_tagInput_wrapper_default;
165
+
166
+ &-small {
167
+ min-height: $height-cascader_selection_tagInput_wrapper_small;
168
+ }
169
+
170
+ &-large {
171
+ min-height: $height-cascader_selection_tagInput_wrapper_large;
176
172
  }
177
173
 
178
174
  .#{$prefix}-input-wrapper {
179
- // height: $height-cascader_selection_tagInput_input_default;
180
175
 
181
176
  margin-left: $spacing-cascader_selection_input-marginLeft;
182
177
  .#{$prefix}-input {
@@ -193,13 +188,6 @@ $module: #{$prefix}-cascader;
193
188
  margin-bottom: $spacing-cascader_selection_tag-marginY;
194
189
  }
195
190
  }
196
-
197
- // .#{$prefix}-input-wrapper-small {
198
- // height: $height-cascader_selection_tagInput_input_small;
199
- // }
200
- // .#{$prefix}-input-wrapper-large {
201
- // height: $height-cascader_selection_tagInput_input_large;
202
- // }
203
191
  }
204
192
 
205
193
  &-text {
package/lib/es/tagInput/tagInput.css CHANGED
@@ -208,6 +208,15 @@
208
208
  .semi-tagInput-suffix-text {
209
209
  color: var(--semi-color-text-2);
210
210
  }
211
+ .semi-tagInput-tag-content-wrapper {
212
+ display: flex;
213
+ align-items: center;
214
+ }
215
+ .semi-tagInput-sortable-list {
216
+ display: flex;
217
+ flex-flow: row wrap;
218
+ width: 100%;
219
+ }
211
220
 
212
221
  .semi-rtl .semi-tagInput,
213
222
  .semi-portal-rtl .semi-tagInput {
package/lib/es/tagInput/tagInput.scss CHANGED
@@ -259,6 +259,17 @@ $module: #{$prefix}-tagInput;
259
259
  color: $color-tagInput_suffix-default;
260
260
  }
261
261
  }
262
+
263
+ &-tag-content-wrapper {
264
+ display: flex;
265
+ align-items: center;
266
+ }
267
+
268
+ &-sortable-list {
269
+ display: flex;
270
+ flex-flow: row wrap;
271
+ width: 100%;
272
+ }
262
273
  }
263
274
 
264
275
  @import "./rtl.scss";
package/lib/es/tooltip/foundation.js CHANGED
@@ -934,7 +934,7 @@ export default class Tooltip extends BaseFoundation {
934
934
  }
935
935
 
936
936
  if (shouldReverseLeftSide && widthIsBigger) {
937
- position = this._adjustPos(position, true);
937
+ position = this._adjustPos(position);
938
938
  }
939
939
 
940
940
  if (isWidthOverFlow && (isViewXEnoughSideHalf || isContainerXEnoughSideHalf)) {
package/lib/es/treeSelect/treeSelect.css CHANGED
@@ -139,20 +139,18 @@
139
139
  .semi-tree-select-selection .semi-tagInput {
140
140
  border: hidden;
141
141
  background: transparent;
142
- }
143
- .semi-tree-select-selection .semi-tagInput .semi-tagInput-wrapper {
144
- padding-left: 4px;
145
- padding-right: 4px;
146
- }
147
- .semi-tree-select-selection .semi-tagInput .semi-tagInput-wrapper-default {
148
142
  min-height: 30px;
149
143
  }
150
- .semi-tree-select-selection .semi-tagInput .semi-tagInput-wrapper-small {
144
+ .semi-tree-select-selection .semi-tagInput-small {
151
145
  min-height: 22px;
152
146
  }
153
- .semi-tree-select-selection .semi-tagInput .semi-tagInput-wrapper-large {
147
+ .semi-tree-select-selection .semi-tagInput-large {
154
148
  min-height: 38px;
155
149
  }
150
+ .semi-tree-select-selection .semi-tagInput .semi-tagInput-wrapper {
151
+ padding-left: 4px;
152
+ padding-right: 4px;
153
+ }
156
154
  .semi-tree-select-selection .semi-tagInput .semi-tagInput-wrapper .semi-input-wrapper .semi-input {
157
155
  padding-left: 0;
158
156
  }
package/lib/es/treeSelect/treeSelect.scss CHANGED
@@ -171,23 +171,20 @@ $module: #{$prefix}-tree-select;
171
171
  .#{$prefix}-tagInput {
172
172
  border: hidden;
173
173
  background: transparent;
174
+ min-height: $height-treeSelect_selection_tagInput_wrapper_default;
175
+
176
+ &-small {
177
+ min-height: $height-treeSelect_selection_tagInput_wrapper_small;
178
+ }
179
+
180
+ &-large {
181
+ min-height: $height-treeSelect_selection_tagInput_wrapper_large;
182
+ }
174
183
 
175
184
  .#{$prefix}-tagInput-wrapper {
176
185
  padding-left: $spacing-treeSelect_selection_tagInput_wrapper-paddingX;
177
186
  padding-right: $spacing-treeSelect_selection_tagInput_wrapper-paddingX;
178
187
 
179
- &-default {
180
- min-height: $height-treeSelect_selection_tagInput_wrapper_default;
181
- }
182
-
183
- &-small {
184
- min-height: $height-treeSelect_selection_tagInput_wrapper_small;
185
- }
186
-
187
- &-large {
188
- min-height: $height-treeSelect_selection_tagInput_wrapper_large;
189
- }
190
-
191
188
  .#{$prefix}-input-wrapper {
192
189
  // height: $height-treeSelect_selection_tagInput_input_default;
193
190
 
@@ -205,13 +202,6 @@ $module: #{$prefix}-tree-select;
205
202
  margin-bottom: $spacing-treeSelect_tag-marginY;
206
203
  }
207
204
  }
208
-
209
- // .#{$prefix}-input-wrapper-small {
210
- // height: $height-treeSelect_selection_tagInput_input_small;
211
- // }
212
- // .#{$prefix}-input-wrapper-large {
213
- // height: $height-treeSelect_selection_tagInput_input_large;
214
- // }
215
205
  }
216
206
  }
217
207
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@douyinfe/semi-foundation",
3
- "version": "2.25.1",
3
+ "version": "2.25.2",
4
4
  "description": "",
5
5
  "scripts": {
6
6
  "build:lib": "node ./scripts/compileLib.js",
@@ -23,7 +23,7 @@
23
23
  "*.scss",
24
24
  "*.css"
25
25
  ],
26
- "gitHead": "571a51134e49bec30e4412b4eacd45dd35d3849f",
26
+ "gitHead": "d1cdea565d328c70a4de8636aed30c88f60732dd",
27
27
  "devDependencies": {
28
28
  "@babel/plugin-transform-runtime": "^7.15.8",
29
29
  "@babel/preset-env": "^7.15.8",
package/tagInput/tagInput.scss CHANGED
@@ -259,6 +259,17 @@ $module: #{$prefix}-tagInput;
259
259
  color: $color-tagInput_suffix-default;
260
260
  }
261
261
  }
262
+
263
+ &-tag-content-wrapper {
264
+ display: flex;
265
+ align-items: center;
266
+ }
267
+
268
+ &-sortable-list {
269
+ display: flex;
270
+ flex-flow: row wrap;
271
+ width: 100%;
272
+ }
262
273
  }
263
274
 
264
275
  @import "./rtl.scss";
package/tooltip/foundation.ts CHANGED
@@ -855,7 +855,7 @@ export default class Tooltip<P = Record<string, any>, S = Record<string, any>> e
855
855
  position = this._adjustPos(position, true);
856
856
  }
857
857
  if (shouldReverseLeftSide && widthIsBigger) {
858
- position = this._adjustPos(position, true);
858
+ position = this._adjustPos(position);
859
859
  }
860
860
  if (isWidthOverFlow && (isViewXEnoughSideHalf || isContainerXEnoughSideHalf)) {
861
861
  position = this._adjustPos(position, true, 'reduce');
package/treeSelect/treeSelect.scss CHANGED
@@ -171,23 +171,20 @@ $module: #{$prefix}-tree-select;
171
171
  .#{$prefix}-tagInput {
172
172
  border: hidden;
173
173
  background: transparent;
174
+ min-height: $height-treeSelect_selection_tagInput_wrapper_default;
175
+
176
+ &-small {
177
+ min-height: $height-treeSelect_selection_tagInput_wrapper_small;
178
+ }
179
+
180
+ &-large {
181
+ min-height: $height-treeSelect_selection_tagInput_wrapper_large;
182
+ }
174
183
 
175
184
  .#{$prefix}-tagInput-wrapper {
176
185
  padding-left: $spacing-treeSelect_selection_tagInput_wrapper-paddingX;
177
186
  padding-right: $spacing-treeSelect_selection_tagInput_wrapper-paddingX;
178
187
 
179
- &-default {
180
- min-height: $height-treeSelect_selection_tagInput_wrapper_default;
181
- }
182
-
183
- &-small {
184
- min-height: $height-treeSelect_selection_tagInput_wrapper_small;
185
- }
186
-
187
- &-large {
188
- min-height: $height-treeSelect_selection_tagInput_wrapper_large;
189
- }
190
-
191
188
  .#{$prefix}-input-wrapper {
192
189
  // height: $height-treeSelect_selection_tagInput_input_default;
193
190
 
@@ -205,13 +202,6 @@ $module: #{$prefix}-tree-select;
205
202
  margin-bottom: $spacing-treeSelect_tag-marginY;
206
203
  }
207
204
  }
208
-
209
- // .#{$prefix}-input-wrapper-small {
210
- // height: $height-treeSelect_selection_tagInput_input_small;
211
- // }
212
- // .#{$prefix}-input-wrapper-large {
213
- // height: $height-treeSelect_selection_tagInput_input_large;
214
- // }
215
205
  }
216
206
  }
217
207
  }