@douyinfe/semi-foundation 2.60.0-beta.0 → 2.60.1
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/form/form.scss +4 -0
- package/lib/cjs/form/form.css +3 -0
- package/lib/cjs/form/form.scss +4 -0
- package/lib/cjs/treeSelect/foundation.d.ts +1 -0
- package/lib/cjs/treeSelect/foundation.js +3 -0
- package/lib/cjs/treeSelect/treeSelect.css +1 -0
- package/lib/cjs/treeSelect/treeSelect.scss +1 -0
- package/lib/es/form/form.css +3 -0
- package/lib/es/form/form.scss +4 -0
- package/lib/es/treeSelect/foundation.d.ts +1 -0
- package/lib/es/treeSelect/foundation.js +3 -0
- package/lib/es/treeSelect/treeSelect.css +1 -0
- package/lib/es/treeSelect/treeSelect.scss +1 -0
- package/package.json +3 -3
- package/treeSelect/foundation.ts +4 -0
- package/treeSelect/treeSelect.scss +1 -0
package/form/form.scss
CHANGED
|
@@ -200,6 +200,10 @@ $rating: #{$prefix}-rating;
|
|
|
200
200
|
display: flex;
|
|
201
201
|
align-items: center;
|
|
202
202
|
}
|
|
203
|
+
// labelAlign = right
|
|
204
|
+
.#{$field}-label-with-extra.#{$field}-label-right{
|
|
205
|
+
justify-content: flex-end;
|
|
206
|
+
}
|
|
203
207
|
.#{$checkboxGroup},
|
|
204
208
|
.#{$radioGroup} {
|
|
205
209
|
padding-top: $spacing-form_label-paddingTop;
|
package/lib/cjs/form/form.css
CHANGED
|
@@ -132,6 +132,9 @@
|
|
|
132
132
|
display: flex;
|
|
133
133
|
align-items: center;
|
|
134
134
|
}
|
|
135
|
+
.semi-form-field[x-label-pos=left] .semi-form-field-label-with-extra.semi-form-field-label-right {
|
|
136
|
+
justify-content: flex-end;
|
|
137
|
+
}
|
|
135
138
|
.semi-form-field[x-label-pos=left] .semi-checkboxGroup,
|
|
136
139
|
.semi-form-field[x-label-pos=left] .semi-radioGroup {
|
|
137
140
|
padding-top: 6px;
|
package/lib/cjs/form/form.scss
CHANGED
|
@@ -200,6 +200,10 @@ $rating: #{$prefix}-rating;
|
|
|
200
200
|
display: flex;
|
|
201
201
|
align-items: center;
|
|
202
202
|
}
|
|
203
|
+
// labelAlign = right
|
|
204
|
+
.#{$field}-label-with-extra.#{$field}-label-right{
|
|
205
|
+
justify-content: flex-end;
|
|
206
|
+
}
|
|
203
207
|
.#{$checkboxGroup},
|
|
204
208
|
.#{$radioGroup} {
|
|
205
209
|
padding-top: $spacing-form_label-paddingTop;
|
|
@@ -140,6 +140,7 @@ export default class TreeSelectFoundation<P = Record<string, any>, S = Record<st
|
|
|
140
140
|
clearInputValue: () => void;
|
|
141
141
|
_notifyFocus(e: any): void;
|
|
142
142
|
handleTriggerFocus(e: any): void;
|
|
143
|
+
onClickSingleTriggerSearchItem: (e: any) => void;
|
|
143
144
|
_notifyBlur(e: any): void;
|
|
144
145
|
handlerTriggerBlur(e: any): void;
|
|
145
146
|
toggleHoverState(bool: boolean): void;
|
package/lib/es/form/form.css
CHANGED
|
@@ -132,6 +132,9 @@
|
|
|
132
132
|
display: flex;
|
|
133
133
|
align-items: center;
|
|
134
134
|
}
|
|
135
|
+
.semi-form-field[x-label-pos=left] .semi-form-field-label-with-extra.semi-form-field-label-right {
|
|
136
|
+
justify-content: flex-end;
|
|
137
|
+
}
|
|
135
138
|
.semi-form-field[x-label-pos=left] .semi-checkboxGroup,
|
|
136
139
|
.semi-form-field[x-label-pos=left] .semi-radioGroup {
|
|
137
140
|
padding-top: 6px;
|
package/lib/es/form/form.scss
CHANGED
|
@@ -200,6 +200,10 @@ $rating: #{$prefix}-rating;
|
|
|
200
200
|
display: flex;
|
|
201
201
|
align-items: center;
|
|
202
202
|
}
|
|
203
|
+
// labelAlign = right
|
|
204
|
+
.#{$field}-label-with-extra.#{$field}-label-right{
|
|
205
|
+
justify-content: flex-end;
|
|
206
|
+
}
|
|
203
207
|
.#{$checkboxGroup},
|
|
204
208
|
.#{$radioGroup} {
|
|
205
209
|
padding-top: $spacing-form_label-paddingTop;
|
|
@@ -140,6 +140,7 @@ export default class TreeSelectFoundation<P = Record<string, any>, S = Record<st
|
|
|
140
140
|
clearInputValue: () => void;
|
|
141
141
|
_notifyFocus(e: any): void;
|
|
142
142
|
handleTriggerFocus(e: any): void;
|
|
143
|
+
onClickSingleTriggerSearchItem: (e: any) => void;
|
|
143
144
|
_notifyBlur(e: any): void;
|
|
144
145
|
handlerTriggerBlur(e: any): void;
|
|
145
146
|
toggleHoverState(bool: boolean): void;
|
|
@@ -24,6 +24,9 @@ export default class TreeSelectFoundation extends BaseFoundation {
|
|
|
24
24
|
} = this.getStates();
|
|
25
25
|
inputValue && this._adapter.updateInputValue('');
|
|
26
26
|
};
|
|
27
|
+
this.onClickSingleTriggerSearchItem = e => {
|
|
28
|
+
this.focusInput(true);
|
|
29
|
+
};
|
|
27
30
|
}
|
|
28
31
|
init() {
|
|
29
32
|
const {
|
package/package.json
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@douyinfe/semi-foundation",
|
|
3
|
-
"version": "2.60.
|
|
3
|
+
"version": "2.60.1",
|
|
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.60.
|
|
10
|
+
"@douyinfe/semi-animation": "2.60.1",
|
|
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": "
|
|
27
|
+
"gitHead": "9339ff83a2e2c141f7152b56dd544fe7576d667d",
|
|
28
28
|
"devDependencies": {
|
|
29
29
|
"@babel/plugin-transform-runtime": "^7.15.8",
|
|
30
30
|
"@babel/preset-env": "^7.15.8",
|
package/treeSelect/foundation.ts
CHANGED
|
@@ -455,6 +455,10 @@ export default class TreeSelectFoundation<P = Record<string, any>, S = Record<st
|
|
|
455
455
|
this._registerClickOutsideHandler();
|
|
456
456
|
}
|
|
457
457
|
|
|
458
|
+
onClickSingleTriggerSearchItem = (e: any) => {
|
|
459
|
+
this.focusInput(true);
|
|
460
|
+
}
|
|
461
|
+
|
|
458
462
|
// Scenes that may trigger blur
|
|
459
463
|
// 1、clickOutSide
|
|
460
464
|
// 2、click option / press enter, and then select complete（when multiple is false
|