@douyinfe/semi-foundation 2.38.2-alpha.1 → 2.39.0-beta.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 (6) hide show
  1. package/lib/cjs/treeSelect/treeSelect.css +8 -1
  2. package/lib/cjs/treeSelect/treeSelect.scss +9 -1
  3. package/lib/es/treeSelect/treeSelect.css +8 -1
  4. package/lib/es/treeSelect/treeSelect.scss +9 -1
  5. package/package.json +3 -3
  6. package/treeSelect/treeSelect.scss +9 -1
package/lib/cjs/treeSelect/treeSelect.css CHANGED
@@ -108,11 +108,14 @@
108
108
  padding-right: 0;
109
109
  cursor: pointer;
110
110
  color: var(--semi-color-text-0);
111
+ position: relative;
111
112
  }
112
- .semi-tree-select-selection-placeholder {
113
+ .semi-tree-select-selection-content {
113
114
  overflow: hidden;
114
115
  white-space: nowrap;
115
116
  text-overflow: ellipsis;
117
+ }
118
+ .semi-tree-select-selection-placeholder {
116
119
  color: var(--semi-color-text-2);
117
120
  }
118
121
  .semi-tree-select-selection .semi-tag-group {
@@ -126,6 +129,10 @@
126
129
  }
127
130
  .semi-tree-select-selection-TriggerSearchItem {
128
131
  position: absolute;
132
+ max-width: calc(100% - 12px);
133
+ text-overflow: ellipsis;
134
+ overflow: hidden;
135
+ white-space: nowrap;
129
136
  }
130
137
  .semi-tree-select-selection-TriggerSearchItem-placeholder {
131
138
  opacity: 0.6;
package/lib/cjs/treeSelect/treeSelect.scss CHANGED
@@ -133,11 +133,15 @@ $module: #{$prefix}-tree-select;
133
133
  padding-right: 0;
134
134
  cursor: pointer;
135
135
  color: $color-treeSelect_selection-text-default;
136
+ position: relative;
136
137
 
137
- &-placeholder {
138
+ &-content {
138
139
  overflow: hidden;
139
140
  white-space: nowrap;
140
141
  text-overflow: ellipsis;
142
+ }
143
+
144
+ &-placeholder {
141
145
  color: $color-treeSelect_input_placeholder-text-default;
142
146
  }
143
147
 
@@ -154,6 +158,10 @@ $module: #{$prefix}-tree-select;
154
158
 
155
159
  &-TriggerSearchItem {
156
160
  position: absolute;
161
+ max-width: calc(100% - $spacing-treeSelect_selection-paddingLeft);
162
+ text-overflow: ellipsis;
163
+ overflow: hidden;
164
+ white-space: nowrap;
157
165
 
158
166
  &-placeholder {
159
167
  opacity: .6;
package/lib/es/treeSelect/treeSelect.css CHANGED
@@ -108,11 +108,14 @@
108
108
  padding-right: 0;
109
109
  cursor: pointer;
110
110
  color: var(--semi-color-text-0);
111
+ position: relative;
111
112
  }
112
- .semi-tree-select-selection-placeholder {
113
+ .semi-tree-select-selection-content {
113
114
  overflow: hidden;
114
115
  white-space: nowrap;
115
116
  text-overflow: ellipsis;
117
+ }
118
+ .semi-tree-select-selection-placeholder {
116
119
  color: var(--semi-color-text-2);
117
120
  }
118
121
  .semi-tree-select-selection .semi-tag-group {
@@ -126,6 +129,10 @@
126
129
  }
127
130
  .semi-tree-select-selection-TriggerSearchItem {
128
131
  position: absolute;
132
+ max-width: calc(100% - 12px);
133
+ text-overflow: ellipsis;
134
+ overflow: hidden;
135
+ white-space: nowrap;
129
136
  }
130
137
  .semi-tree-select-selection-TriggerSearchItem-placeholder {
131
138
  opacity: 0.6;
package/lib/es/treeSelect/treeSelect.scss CHANGED
@@ -133,11 +133,15 @@ $module: #{$prefix}-tree-select;
133
133
  padding-right: 0;
134
134
  cursor: pointer;
135
135
  color: $color-treeSelect_selection-text-default;
136
+ position: relative;
136
137
 
137
- &-placeholder {
138
+ &-content {
138
139
  overflow: hidden;
139
140
  white-space: nowrap;
140
141
  text-overflow: ellipsis;
142
+ }
143
+
144
+ &-placeholder {
141
145
  color: $color-treeSelect_input_placeholder-text-default;
142
146
  }
143
147
 
@@ -154,6 +158,10 @@ $module: #{$prefix}-tree-select;
154
158
 
155
159
  &-TriggerSearchItem {
156
160
  position: absolute;
161
+ max-width: calc(100% - $spacing-treeSelect_selection-paddingLeft);
162
+ text-overflow: ellipsis;
163
+ overflow: hidden;
164
+ white-space: nowrap;
157
165
 
158
166
  &-placeholder {
159
167
  opacity: .6;
package/package.json CHANGED
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "name": "@douyinfe/semi-foundation",
3
- "version": "2.38.2-alpha.1",
3
+ "version": "2.39.0-beta.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.38.2-alpha.1",
10
+ "@douyinfe/semi-animation": "2.39.0-beta.0",
11
11
  "async-validator": "^3.5.0",
12
12
  "classnames": "^2.2.6",
13
13
  "date-fns": "^2.29.3",
@@ -23,7 +23,7 @@
23
23
  "*.scss",
24
24
  "*.css"
25
25
  ],
26
- "gitHead": "cb42a0565bba8660255835264d23dfcba6ff4aa3",
26
+ "gitHead": "18bd0485b9985b913d849000edab0ab2b5f3c232",
27
27
  "devDependencies": {
28
28
  "@babel/plugin-transform-runtime": "^7.15.8",
29
29
  "@babel/preset-env": "^7.15.8",
package/treeSelect/treeSelect.scss CHANGED
@@ -133,11 +133,15 @@ $module: #{$prefix}-tree-select;
133
133
  padding-right: 0;
134
134
  cursor: pointer;
135
135
  color: $color-treeSelect_selection-text-default;
136
+ position: relative;
136
137
 
137
- &-placeholder {
138
+ &-content {
138
139
  overflow: hidden;
139
140
  white-space: nowrap;
140
141
  text-overflow: ellipsis;
142
+ }
143
+
144
+ &-placeholder {
141
145
  color: $color-treeSelect_input_placeholder-text-default;
142
146
  }
143
147
 
@@ -154,6 +158,10 @@ $module: #{$prefix}-tree-select;
154
158
 
155
159
  &-TriggerSearchItem {
156
160
  position: absolute;
161
+ max-width: calc(100% - $spacing-treeSelect_selection-paddingLeft);
162
+ text-overflow: ellipsis;
163
+ overflow: hidden;
164
+ white-space: nowrap;
157
165
 
158
166
  &-placeholder {
159
167
  opacity: .6;