@douyinfe/semi-foundation 2.58.0 → 2.59.0-alpha.0

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 (11) hide show
  1. package/lib/cjs/select/foundation.d.ts +1 -1
  2. package/lib/cjs/select/foundation.js +5 -2
  3. package/lib/cjs/tree/tree.css +20 -20
  4. package/lib/cjs/tree/tree.scss +1 -1
  5. package/lib/es/select/foundation.d.ts +1 -1
  6. package/lib/es/select/foundation.js +5 -2
  7. package/lib/es/tree/tree.css +20 -20
  8. package/lib/es/tree/tree.scss +1 -1
  9. package/package.json +3 -3
  10. package/select/foundation.ts +5 -3
  11. package/tree/tree.scss +1 -1
package/lib/cjs/select/foundation.d.ts CHANGED
@@ -57,7 +57,7 @@ export default class SelectFoundation extends BaseFoundation<SelectAdapter> {
57
57
  _focusTrigger(): void;
58
58
  destroy(): void;
59
59
  _setDropdownWidth(): void;
60
- _collectOptions(): BasicOptionProps[];
60
+ _collectOptions(needReposition?: boolean): BasicOptionProps[];
61
61
  _setDefaultSelection(originalOptions: BasicOptionProps[]): void;
62
62
  handleOptionListChange(): void;
63
63
  handleOptionListChangeHadDefaultValue(): void;
package/lib/cjs/select/foundation.js CHANGED
@@ -35,7 +35,7 @@ class SelectFoundation extends _foundation.default {
35
35
  this._setDropdownWidth();
36
36
  const isDefaultOpen = this.getProp('defaultOpen');
37
37
  const isOpen = this.getProp('open');
38
- const originalOptions = this._collectOptions();
38
+ const originalOptions = this._collectOptions(false);
39
39
  this._setDefaultSelection(originalOptions);
40
40
  if (isDefaultOpen || isOpen) {
41
41
  this.open(undefined, originalOptions);
@@ -88,10 +88,13 @@ class SelectFoundation extends _foundation.default {
88
88
  }
89
89
  }
90
90
  _collectOptions() {
91
+ let needReposition = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
91
92
  const originalOptions = this._adapter.getOptionsFromChildren();
92
93
  this._adapter.updateOptions(originalOptions);
93
94
  // Reposition the drop-down layer
94
- this._adapter.rePositionDropdown();
95
+ if (needReposition) {
96
+ this._adapter.rePositionDropdown();
97
+ }
95
98
  return originalOptions;
96
99
  }
97
100
  _setDefaultSelection(originalOptions) {
package/lib/cjs/tree/tree.css CHANGED
@@ -245,64 +245,64 @@
245
245
  .semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected:hover, .semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected:active {
246
246
  background-color: transparent;
247
247
  }
248
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-1 {
248
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-1 {
249
249
  padding-left: 8px;
250
250
  }
251
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-2 {
251
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-2 {
252
252
  padding-left: 28px;
253
253
  }
254
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-3 {
254
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-3 {
255
255
  padding-left: 48px;
256
256
  }
257
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-4 {
257
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-4 {
258
258
  padding-left: 68px;
259
259
  }
260
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-5 {
260
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-5 {
261
261
  padding-left: 88px;
262
262
  }
263
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-6 {
263
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-6 {
264
264
  padding-left: 108px;
265
265
  }
266
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-7 {
266
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-7 {
267
267
  padding-left: 128px;
268
268
  }
269
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-8 {
269
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-8 {
270
270
  padding-left: 148px;
271
271
  }
272
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-9 {
272
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-9 {
273
273
  padding-left: 168px;
274
274
  }
275
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-10 {
275
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-10 {
276
276
  padding-left: 188px;
277
277
  }
278
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-11 {
278
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-11 {
279
279
  padding-left: 208px;
280
280
  }
281
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-12 {
281
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-12 {
282
282
  padding-left: 228px;
283
283
  }
284
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-13 {
284
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-13 {
285
285
  padding-left: 248px;
286
286
  }
287
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-14 {
287
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-14 {
288
288
  padding-left: 268px;
289
289
  }
290
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-15 {
290
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-15 {
291
291
  padding-left: 288px;
292
292
  }
293
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-16 {
293
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-16 {
294
294
  padding-left: 308px;
295
295
  }
296
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-17 {
296
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-17 {
297
297
  padding-left: 328px;
298
298
  }
299
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-18 {
299
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-18 {
300
300
  padding-left: 348px;
301
301
  }
302
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-19 {
302
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-19 {
303
303
  padding-left: 368px;
304
304
  }
305
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-20 {
305
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-20 {
306
306
  padding-left: 388px;
307
307
  }
308
308
  .semi-tree-option-list .semi-tree-option-empty:hover, .semi-tree-option-list .semi-tree-option-empty:active {
package/lib/cjs/tree/tree.scss CHANGED
@@ -330,7 +330,7 @@ $module: #{$prefix}-tree;
330
330
  }
331
331
 
332
332
  @for $i from 1 through 20 {
333
- li.#{$module}-option.#{$module}-option-fullLabel-level-#{$i} {
333
+ .#{$module}-option.#{$module}-option-fullLabel-level-#{$i} {
334
334
  padding-left: $spacing-tree_option_level-paddingLeft * ($i - 1) + $spacing-tree_option_level1-paddingLeft;
335
335
  }
336
336
  }
package/lib/es/select/foundation.d.ts CHANGED
@@ -57,7 +57,7 @@ export default class SelectFoundation extends BaseFoundation<SelectAdapter> {
57
57
  _focusTrigger(): void;
58
58
  destroy(): void;
59
59
  _setDropdownWidth(): void;
60
- _collectOptions(): BasicOptionProps[];
60
+ _collectOptions(needReposition?: boolean): BasicOptionProps[];
61
61
  _setDefaultSelection(originalOptions: BasicOptionProps[]): void;
62
62
  handleOptionListChange(): void;
63
63
  handleOptionListChangeHadDefaultValue(): void;
package/lib/es/select/foundation.js CHANGED
@@ -26,7 +26,7 @@ export default class SelectFoundation extends BaseFoundation {
26
26
  this._setDropdownWidth();
27
27
  const isDefaultOpen = this.getProp('defaultOpen');
28
28
  const isOpen = this.getProp('open');
29
- const originalOptions = this._collectOptions();
29
+ const originalOptions = this._collectOptions(false);
30
30
  this._setDefaultSelection(originalOptions);
31
31
  if (isDefaultOpen || isOpen) {
32
32
  this.open(undefined, originalOptions);
@@ -79,10 +79,13 @@ export default class SelectFoundation extends BaseFoundation {
79
79
  }
80
80
  }
81
81
  _collectOptions() {
82
+ let needReposition = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
82
83
  const originalOptions = this._adapter.getOptionsFromChildren();
83
84
  this._adapter.updateOptions(originalOptions);
84
85
  // Reposition the drop-down layer
85
- this._adapter.rePositionDropdown();
86
+ if (needReposition) {
87
+ this._adapter.rePositionDropdown();
88
+ }
86
89
  return originalOptions;
87
90
  }
88
91
  _setDefaultSelection(originalOptions) {
package/lib/es/tree/tree.css CHANGED
@@ -245,64 +245,64 @@
245
245
  .semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected:hover, .semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected:active {
246
246
  background-color: transparent;
247
247
  }
248
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-1 {
248
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-1 {
249
249
  padding-left: 8px;
250
250
  }
251
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-2 {
251
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-2 {
252
252
  padding-left: 28px;
253
253
  }
254
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-3 {
254
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-3 {
255
255
  padding-left: 48px;
256
256
  }
257
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-4 {
257
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-4 {
258
258
  padding-left: 68px;
259
259
  }
260
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-5 {
260
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-5 {
261
261
  padding-left: 88px;
262
262
  }
263
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-6 {
263
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-6 {
264
264
  padding-left: 108px;
265
265
  }
266
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-7 {
266
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-7 {
267
267
  padding-left: 128px;
268
268
  }
269
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-8 {
269
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-8 {
270
270
  padding-left: 148px;
271
271
  }
272
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-9 {
272
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-9 {
273
273
  padding-left: 168px;
274
274
  }
275
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-10 {
275
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-10 {
276
276
  padding-left: 188px;
277
277
  }
278
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-11 {
278
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-11 {
279
279
  padding-left: 208px;
280
280
  }
281
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-12 {
281
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-12 {
282
282
  padding-left: 228px;
283
283
  }
284
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-13 {
284
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-13 {
285
285
  padding-left: 248px;
286
286
  }
287
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-14 {
287
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-14 {
288
288
  padding-left: 268px;
289
289
  }
290
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-15 {
290
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-15 {
291
291
  padding-left: 288px;
292
292
  }
293
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-16 {
293
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-16 {
294
294
  padding-left: 308px;
295
295
  }
296
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-17 {
296
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-17 {
297
297
  padding-left: 328px;
298
298
  }
299
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-18 {
299
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-18 {
300
300
  padding-left: 348px;
301
301
  }
302
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-19 {
302
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-19 {
303
303
  padding-left: 368px;
304
304
  }
305
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-20 {
305
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-20 {
306
306
  padding-left: 388px;
307
307
  }
308
308
  .semi-tree-option-list .semi-tree-option-empty:hover, .semi-tree-option-list .semi-tree-option-empty:active {
package/lib/es/tree/tree.scss CHANGED
@@ -330,7 +330,7 @@ $module: #{$prefix}-tree;
330
330
  }
331
331
 
332
332
  @for $i from 1 through 20 {
333
- li.#{$module}-option.#{$module}-option-fullLabel-level-#{$i} {
333
+ .#{$module}-option.#{$module}-option-fullLabel-level-#{$i} {
334
334
  padding-left: $spacing-tree_option_level-paddingLeft * ($i - 1) + $spacing-tree_option_level1-paddingLeft;
335
335
  }
336
336
  }
package/package.json CHANGED
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "name": "@douyinfe/semi-foundation",
3
- "version": "2.58.0",
3
+ "version": "2.59.0-alpha.0",
4
4
  "description": "",
5
5
  "scripts": {
6
6
  "build:lib": "node ./scripts/compileLib.js",
7
7
  "prepublishOnly": "npm run build:lib"
8
8
  },
9
9
  "dependencies": {
10
- "@douyinfe/semi-animation": "2.58.0",
10
+ "@douyinfe/semi-animation": "2.59.0-alpha.0",
11
11
  "async-validator": "^3.5.0",
12
12
  "classnames": "^2.2.6",
13
13
  "date-fns": "^2.29.3",
@@ -24,7 +24,7 @@
24
24
  "*.scss",
25
25
  "*.css"
26
26
  ],
27
- "gitHead": "71f716ee06be81190ed3d28de4e61542ad0b62d3",
27
+ "gitHead": "8937586f47d2a64dc394d5c0025d741f5b29bc9b",
28
28
  "devDependencies": {
29
29
  "@babel/plugin-transform-runtime": "^7.15.8",
30
30
  "@babel/preset-env": "^7.15.8",
package/select/foundation.ts CHANGED
@@ -70,7 +70,7 @@ export default class SelectFoundation extends BaseFoundation<SelectAdapter> {
70
70
  this._setDropdownWidth();
71
71
  const isDefaultOpen = this.getProp('defaultOpen');
72
72
  const isOpen = this.getProp('open');
73
- const originalOptions = this._collectOptions();
73
+ const originalOptions = this._collectOptions(false);
74
74
  this._setDefaultSelection(originalOptions);
75
75
 
76
76
  if (isDefaultOpen || isOpen) {
@@ -124,11 +124,13 @@ export default class SelectFoundation extends BaseFoundation<SelectAdapter> {
124
124
  }
125
125
  }
126
126
 
127
- _collectOptions() {
127
+ _collectOptions(needReposition = true) {
128
128
  const originalOptions = this._adapter.getOptionsFromChildren();
129
129
  this._adapter.updateOptions(originalOptions);
130
130
  // Reposition the drop-down layer
131
- this._adapter.rePositionDropdown();
131
+ if (needReposition) {
132
+ this._adapter.rePositionDropdown();
133
+ }
132
134
  return originalOptions;
133
135
  }
134
136
 
package/tree/tree.scss CHANGED
@@ -330,7 +330,7 @@ $module: #{$prefix}-tree;
330
330
  }
331
331
 
332
332
  @for $i from 1 through 20 {
333
- li.#{$module}-option.#{$module}-option-fullLabel-level-#{$i} {
333
+ .#{$module}-option.#{$module}-option-fullLabel-level-#{$i} {
334
334
  padding-left: $spacing-tree_option_level-paddingLeft * ($i - 1) + $spacing-tree_option_level1-paddingLeft;
335
335
  }
336
336
  }