@semi-bot/semi-theme-seek 2.0.31 → 2.0.32

package/semi.css

@@ -522,7 +522,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
   --semi-color-info: rgba(var(--semi-blue-5), 1);
   --semi-color-link: rgba(var(--semi-blue-5), 1);
   --semi-color-nav-bg: rgba(35, 36, 41, 1);
-  --semi-color-appbg: rgba(0,0,0,1);
+  --semi-color-appbg: rgba(136,136,136,1);
   --semi-color-black: rgba(0,0,0,1);
   --semi-color-data-0: rgba(94,109,194,1);
   --semi-color-data-1: rgba(8, 104, 120, 1);
@@ -600,14 +600,14 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
   --semi-color-highlight: rgba(var(--semi-white), 1);
   --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
   --semi-color-danger-active: rgba(var(--semi-red-7), 1);
-  --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
+  --semi-color-disabled-bg: rgba(var(--semi-grey-1),1);
   --semi-color-default-hover: rgba(255,255,255,0.08);
   --semi-color-primary-hover: rgba(var(--semi-brand-6),1);
   --semi-color-success-hover: rgba(var(--semi-green-6), 1);
   --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
   --semi-color-Timecode-text: rgba(var(--semi-green-4),1);
   --semi-color-default-active: rgba(255,255,255,0.16);
-  --semi-color-disabled-fill: rgba(var(--semi-grey-8), 0.04);
+  --semi-color-disabled-fill: rgba(var(--semi-grey-8),0.04);
   --semi-color-disabled-text: rgba(var(--semi-grey-9), 0.35);
   --semi-color-highlight-bg: rgba(var(--semi-yellow-2), 1);
   --semi-color-primary-active: rgba(var(--semi-brand-7),1);
@@ -6321,7 +6321,7 @@ body, :host {
   color: var(--semi-color-text-0);
   font-size: 13px;
   text-shadow: none;
-  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
+  font-family: ui-monospace, "SFMono-Regular", "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace;
   direction: ltr;
   text-align: left;
   white-space: pre;
@@ -7356,10 +7356,10 @@ body, :host {
   height: fit-content;
   border: none;
 }
-.semi-datepicker-range-input-wrapper .semi-input-wrapper:active {
+.semi-datepicker-range-input-wrapper .semi-input-wrapper:active:not(#neverExistElement) {
   background-color: transparent;
 }
-.semi-datepicker-range-input-wrapper .semi-input-wrapper:hover {
+.semi-datepicker-range-input-wrapper .semi-input-wrapper:hover:not(#neverExistElement) {
   background-color: transparent;
 }
 .semi-datepicker-range-input-wrapper-focus {
@@ -7497,10 +7497,38 @@ body, :host {
   font-family: Montserrat, "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans GB", "Inter", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
   line-height: 16px;
   line-height: 20px;
+  display: inline-block;
+  max-width: calc(100vw - 32px);
+}
+.semi-datepicker-compact:not(.semi-datepicker-compact-insetInput) {
+  width: max-content;
+}
+.semi-datepicker-compact .semi-datepicker-container {
+  width: max-content;
+}
+.semi-datepicker-compact .semi-datepicker-month-grid {
+  width: max-content;
+}
+.semi-datepicker-compact .semi-datepicker-month-grid .semi-datepicker-month-grid-left,
+.semi-datepicker-compact .semi-datepicker-month-grid .semi-datepicker-month-grid-right {
+  min-width: 216px;
+  max-width: calc(100vw - 32px);
+}
+.semi-datepicker-compact .semi-datepicker-month-grid .semi-datepicker-month {
+  margin-left: auto;
+  margin-right: auto;
 }
 .semi-datepicker-compact .semi-datepicker-month-grid[x-type=dateTime] .semi-datepicker-yam, .semi-datepicker-compact .semi-datepicker-month-grid[x-type=dateTimeRange] .semi-datepicker-yam {
   height: calc(100% - 32px);
 }
+.semi-datepicker-compact .semi-datepicker-month-grid .semi-datepicker-yam {
+  position: relative;
+  width: 100%;
+  max-width: 100%;
+  max-height: 256px;
+  overflow-x: auto;
+  overflow-y: hidden;
+}
 .semi-datepicker-compact .semi-datepicker-month-grid[x-type=dateRange] .semi-datepicker-month-grid-left, .semi-datepicker-compact .semi-datepicker-month-grid[x-type=dateTimeRange] .semi-datepicker-month-grid-left {
   border-right: 1px solid var(--semi-color-border);
 }
@@ -7518,6 +7546,16 @@ body, :host {
   box-sizing: border-box;
   height: 48px;
   padding: 12px;
+  width: 100%;
+  max-width: 100%;
+}
+.semi-datepicker-compact .semi-datepicker-month-grid .semi-datepicker-yearmonth-header button,
+.semi-datepicker-compact .semi-datepicker-month-grid .semi-datepicker-yearmonth-header .semi-button {
+  width: 100%;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 .semi-datepicker-compact .semi-datepicker-month-grid .semi-datepicker-yearmonth-body {
   display: flex;
@@ -7579,9 +7617,12 @@ body, :host {
   height: calc(100% - 32px);
 }
 .semi-datepicker-compact .semi-datepicker-navigation {
+  box-sizing: border-box;
   height: 24px;
   padding: 12px;
   padding-bottom: 0;
+  width: 100%;
+  max-width: 100%;
 }
 .semi-datepicker-compact .semi-datepicker-navigation-left, .semi-datepicker-compact .semi-datepicker-navigation-right {
   width: 24px;
@@ -7591,11 +7632,22 @@ body, :host {
   min-width: 24px;
   min-height: 24px;
 }
+.semi-datepicker-compact .semi-datepicker-navigation-month {
+  min-width: 0;
+  overflow: hidden;
+}
 .semi-datepicker-compact .semi-datepicker-navigation-month .semi-button {
   font-size: 12px;
   font-family: Montserrat, "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans GB", "Inter", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
   line-height: 16px;
   line-height: 20px;
+  max-width: 100%;
+}
+.semi-datepicker-compact .semi-datepicker-navigation-month .semi-button > span {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 .semi-datepicker-compact .semi-datepicker-month {
   width: 216px;
@@ -7740,7 +7792,9 @@ body, :host {
   color: var(--semi-color-primary);
 }
 .semi-datepicker-compact .semi-datepicker-quick-control-month {
-  max-width: 216px;
+  min-width: 216px;
+  width: max-content;
+  max-width: calc(100vw - 32px);
 }
 .semi-datepicker-compact .semi-datepicker-quick-control-month[x-insetinput=true] .semi-datepicker-quick-control-right-content-wrapper,
 .semi-datepicker-compact .semi-datepicker-quick-control-month[x-insetinput=true] .semi-datepicker-quick-control-left-content-wrapper {
@@ -7751,7 +7805,9 @@ body, :host {
   max-height: 218px;
 }
 .semi-datepicker-compact .semi-datepicker-quick-control-date {
-  max-width: 216px;
+  min-width: 216px;
+  width: max-content;
+  max-width: calc(100vw - 32px);
 }
 .semi-datepicker-compact .semi-datepicker-quick-control-date[x-insetinput=true] .semi-datepicker-quick-control-right-content-wrapper,
 .semi-datepicker-compact .semi-datepicker-quick-control-date[x-insetinput=true] .semi-datepicker-quick-control-left-content-wrapper {
@@ -7762,7 +7818,9 @@ body, :host {
   max-height: 208px;
 }
 .semi-datepicker-compact .semi-datepicker-quick-control-dateTime {
-  max-width: 216px;
+  min-width: 216px;
+  width: max-content;
+  max-width: calc(100vw - 32px);
 }
 .semi-datepicker-compact .semi-datepicker-quick-control-dateTime[x-insetinput=true] .semi-datepicker-quick-control-right-content-wrapper,
 .semi-datepicker-compact .semi-datepicker-quick-control-dateTime[x-insetinput=true] .semi-datepicker-quick-control-left-content-wrapper {
@@ -7773,7 +7831,9 @@ body, :host {
   max-height: 240px;
 }
 .semi-datepicker-compact .semi-datepicker-quick-control-dateRange {
-  max-width: 432px;
+  min-width: min(432px, calc(100vw - 32px));
+  width: max-content;
+  max-width: calc(100vw - 32px);
 }
 .semi-datepicker-compact .semi-datepicker-quick-control-dateRange[x-insetinput=true] .semi-datepicker-quick-control-right-content-wrapper,
 .semi-datepicker-compact .semi-datepicker-quick-control-dateRange[x-insetinput=true] .semi-datepicker-quick-control-left-content-wrapper {
@@ -7784,7 +7844,9 @@ body, :host {
   max-height: 208px;
 }
 .semi-datepicker-compact .semi-datepicker-quick-control-dateTimeRange {
-  max-width: 432px;
+  min-width: min(432px, calc(100vw - 32px));
+  width: max-content;
+  max-width: calc(100vw - 32px);
 }
 .semi-datepicker-compact .semi-datepicker-quick-control-dateTimeRange[x-insetinput=true] .semi-datepicker-quick-control-right-content-wrapper,
 .semi-datepicker-compact .semi-datepicker-quick-control-dateTimeRange[x-insetinput=true] .semi-datepicker-quick-control-left-content-wrapper {
@@ -15385,7 +15447,7 @@ img[src=""], img:not([src]) {
   color: rgba(var(--semi-blue-7), 1);
 }
 .semi-json-viewer-view-line {
-  font-family: Menlo, Firecode, Monaco, "Courier New", monospace;
+  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, "Fira Code", Consolas, "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace;
   font-weight: normal;
   font-size: 12px;
   font-feature-settings: "liga" 0, "calt" 0;
@@ -15396,7 +15458,7 @@ img[src=""], img:not([src]) {
   white-space: pre-wrap !important;
 }
 .semi-json-viewer-line-number {
-  font-family: Menlo, Firecode, Monaco, "Courier New", monospace;
+  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, "Fira Code", Consolas, "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace;
   font-weight: normal;
   font-size: 12px;
   font-feature-settings: "liga" 0, "calt" 0;
@@ -15752,7 +15814,7 @@ img[src=""], img:not([src]) {
 }
 .semi-modal-wrap-center {
   display: flex;
-  align-items: center;
+  align-items: flex-start;
 }
 .semi-modal-title {
   display: inline-flex;
@@ -15863,7 +15925,7 @@ img[src=""], img:not([src]) {
 }
 
 .semi-modal-centered {
-  margin: 0 auto;
+  margin: auto;
 }
 
 .semi-modal-popup .semi-modal-mask,
@@ -16507,7 +16569,7 @@ img[src=""], img:not([src]) {
   transition: padding-left 100ms ease-out, width 200ms cubic-bezier(0.62, 0.05, 0.36, 0.95);
 }
 .semi-navigation-vertical .semi-navigation-footer {
-  color: var(--semi-color-text-2);
+  color: var(--semi-color-text-1);
   padding-left: 8px;
   padding-right: 8px;
 }
@@ -16519,6 +16581,7 @@ img[src=""], img:not([src]) {
 .semi-navigation-vertical .semi-navigation-footer .semi-navigation-collapse-btn > .semi-button {
   padding-left: 8px;
   padding-right: 8px;
+  color: var(--semi-color-text-1);
 }
 .semi-navigation-vertical .semi-navigation-footer-collapsed {
   justify-content: center;
@@ -17511,7 +17574,7 @@ img[src=""], img:not([src]) {
   color: var(--semi-color-bg-3);
 }
 .semi-popover-wrapper[x-placement=top] .semi-popover-icon-arrow {
-  left: 50%;
+  left: var(--semi-tooltip-arrow-offset-x, 50%);
   transform: translateX(-50%);
   bottom: -7px;
 }
@@ -17549,7 +17612,7 @@ img[src=""], img:not([src]) {
   width: 8px;
   height: 24px;
   right: -7px;
-  top: 50%;
+  top: var(--semi-tooltip-arrow-offset-y, 50%);
   transform: translateY(-50%);
 }
 .semi-popover-wrapper[x-placement=left].semi-popover-with-arrow,
@@ -17581,7 +17644,7 @@ img[src=""], img:not([src]) {
   width: 8px;
   height: 24px;
   left: -7px;
-  top: 50%;
+  top: var(--semi-tooltip-arrow-offset-y, 50%);
   transform: translateY(-50%) rotate(180deg);
 }
 .semi-popover-wrapper[x-placement=right].semi-popover-with-arrow,
@@ -17610,7 +17673,7 @@ img[src=""], img:not([src]) {
 }
 .semi-popover-wrapper[x-placement=bottom] .semi-popover-icon-arrow {
   top: -7px;
-  left: 50%;
+  left: var(--semi-tooltip-arrow-offset-x, 50%);
   transform: translateX(-50%) rotate(180deg);
 }
 .semi-popover-wrapper[x-placement=bottom].semi-popover-with-arrow,
@@ -18286,7 +18349,7 @@ img[src=""], img:not([src]) {
   height: 100%;
   width: 100%;
   inset: 0;
-  z-index: 2010;
+  z-index: 20;
   opacity: 0;
   position: fixed;
 }
@@ -20148,6 +20211,51 @@ img[src=""], img:not([src]) {
   transform: rotate(180deg);
 }
 
+.semi-rtl .semi-slider,
+.semi-portal-rtl .semi-slider {
+  direction: rtl;
+}
+.semi-rtl .semi-slider-handle,
+.semi-portal-rtl .semi-slider-handle {
+  transform: var(--semi-transform_scale-small) translateX(50%) translateY(0px);
+}
+.semi-rtl .semi-slider-mark,
+.semi-portal-rtl .semi-slider-mark {
+  transform: translate(50%, 0);
+}
+.semi-rtl .semi-slider-mark-reverse,
+.semi-portal-rtl .semi-slider-mark-reverse {
+  transform: translate(50%, 0) rotate(-180deg);
+}
+.semi-rtl .semi-slider-boundary-min,
+.semi-portal-rtl .semi-slider-boundary-min {
+  left: auto;
+  right: 0px;
+}
+.semi-rtl .semi-slider-boundary-max,
+.semi-portal-rtl .semi-slider-boundary-max {
+  right: auto;
+  left: 0px;
+}
+
+.semi-slider-rtl .semi-slider-handle {
+  transform: var(--semi-transform_scale-small) translateX(50%) translateY(0px);
+}
+.semi-slider-rtl .semi-slider-mark {
+  transform: translate(50%, 0);
+}
+.semi-slider-rtl .semi-slider-mark-reverse {
+  transform: translate(50%, 0) rotate(-180deg);
+}
+.semi-slider-rtl .semi-slider-boundary-min {
+  left: auto;
+  right: 0px;
+}
+.semi-slider-rtl .semi-slider-boundary-max {
+  right: auto;
+  left: 0px;
+}
+
 .semi-space {
   display: inline-flex;
 }
@@ -20494,6 +20602,9 @@ img[src=""], img:not([src]) {
 }
 .semi-steps-basic.semi-steps-horizontal .semi-steps-item .semi-steps-item-title {
   max-width: 80%;
+  min-height: 24px;
+  display: inline-flex;
+  align-items: center;
 }
 .semi-steps-basic.semi-steps-horizontal .semi-steps-item .semi-steps-item-title .semi-steps-item-title-text {
   overflow: hidden;
@@ -20501,6 +20612,9 @@ img[src=""], img:not([src]) {
   white-space: nowrap;
   transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
 }
+.semi-steps-basic.semi-steps-horizontal .semi-steps-item .semi-steps-item-title .semi-steps-item-title-text-empty {
+  width: 0;
+}
 .semi-steps-basic.semi-steps-vertical {
   display: flex;
   flex-flow: column nowrap;
@@ -20790,6 +20904,7 @@ img[src=""], img:not([src]) {
 }
 .semi-switch-checked .semi-switch-knob {
   transform: translateX(18px);
+  background-color: rgba(var(--semi-white), 1);
 }
 .semi-switch-checked:active .semi-switch-knob {
   transform: translateX(12px);
@@ -21281,6 +21396,14 @@ img[src=""], img:not([src]) {
   display: table-row;
   background-color: var(--semi-color-bg-1);
 }
+.semi-table-tbody > .semi-table-row.semi-table-row-hovered > .semi-table-row-cell {
+  background-image: linear-gradient(0deg, var(--semi-color-fill-0), var(--semi-color-fill-0));
+  background-color: var(--semi-color-card-hover);
+}
+.semi-table-tbody > .semi-table-row.semi-table-row-hovered > .semi-table-row-cell.semi-table-cell-fixed-left, .semi-table-tbody > .semi-table-row.semi-table-row-hovered > .semi-table-row-cell.semi-table-cell-fixed-right {
+  background-image: linear-gradient(0deg, var(--semi-color-fill-0), var(--semi-color-fill-0));
+  background-color: var(--semi-color-bg-1);
+}
 .semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell {
   background-image: linear-gradient(0deg, var(--semi-color-fill-0), var(--semi-color-fill-0));
   background-color: var(--semi-color-card-hover);
@@ -21467,6 +21590,21 @@ img[src=""], img:not([src]) {
   border-right: 1px solid var(--semi-color-border-1);
   border-bottom: 1px solid var(--semi-color-border-1);
 }
+.semi-table-bordered:not(.semi-table-scroll-position-right) > .semi-table-container::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  width: 1px;
+  background-color: var(--semi-color-border-1);
+  display: block;
+  z-index: 103;
+  pointer-events: none;
+}
+.semi-table-bordered:not(.semi-table-scroll-position-right) > .semi-table-container > .semi-table-header {
+  box-shadow: inset -1px 0 0 0 var(--semi-color-border-1);
+}
 :where(.semi-table-bordered > .semi-table-container) > .semi-table-body > .semi-table-placeholder {
   border-right: 1px solid var(--semi-color-border-1);
 }
@@ -21486,6 +21624,7 @@ img[src=""], img:not([src]) {
   position: sticky;
   left: 0px;
   z-index: 1;
+  box-sizing: border-box;
   padding: 16px 12px;
   color: var(--semi-color-text-2);
   font-size: 14px;
@@ -21643,6 +21782,18 @@ img[src=""], img:not([src]) {
   border-right: 0;
   border-left: 1px solid var(--semi-color-border-1);
 }
+.semi-table-wrapper-rtl .semi-table-bordered:not(.semi-table-scroll-position-left) > .semi-table-container::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  width: 1px;
+  background-color: var(--semi-color-border-1);
+  display: block;
+  z-index: 103;
+  pointer-events: none;
+}
 .semi-table-wrapper-rtl .semi-table-fixed > .semi-table-tbody > .semi-table-row-expand > .semi-table-row-cell > .semi-table-expand-inner, .semi-table-wrapper-rtl .semi-table-fixed > .semi-table-tbody > .semi-table-row-section > .semi-table-row-cell > .semi-table-section-inner {
   left: auto;
   right: 0;
@@ -22937,6 +23088,32 @@ img[src=""], img:not([src]) {
   color: var(--semi-color-text-0);
 }
 
+.semi-tag-split {
+  display: inline-flex;
+  align-items: center;
+}
+.semi-tag-split .semi-tag {
+  border-radius: 0;
+  margin-right: 1px;
+}
+.semi-tag-split .semi-tag-first {
+  border-top-left-radius: var(--semi-border-radius-small);
+  border-bottom-left-radius: var(--semi-border-radius-small);
+}
+.semi-tag-split .semi-tag-last {
+  border-top-right-radius: var(--semi-border-radius-small);
+  border-bottom-right-radius: var(--semi-border-radius-small);
+  margin-right: unset;
+}
+.semi-tag-split .semi-tag-circle.semi-tag-first {
+  border-top-left-radius: var(--semi-border-radius-full);
+  border-bottom-left-radius: var(--semi-border-radius-full);
+}
+.semi-tag-split .semi-tag-circle.semi-tag-last {
+  border-top-right-radius: var(--semi-border-radius-full);
+  border-bottom-right-radius: var(--semi-border-radius-full);
+}
+
 .semi-rtl .semi-tag,
 .semi-portal-rtl .semi-tag {
   direction: rtl;
@@ -23100,6 +23277,8 @@ img[src=""], img:not([src]) {
   padding-left: 4px;
   padding-right: 4px;
   overflow: hidden;
+  position: relative;
+  /* hidden mirror used to measure input text width */
 }
 .semi-tagInput-wrapper-tag {
   margin-right: 4px;
@@ -23142,6 +23321,8 @@ img[src=""], img:not([src]) {
 .semi-tagInput-wrapper .semi-tagInput-wrapper-input {
   flex-grow: 1;
   width: min-content;
+  min-width: 2px;
+  max-width: 100%;
   border: none;
   outline: none;
   background-color: transparent;
@@ -23183,6 +23364,19 @@ img[src=""], img:not([src]) {
   height: 24px;
   line-height: 24px;
 }
+.semi-tagInput-wrapper-inputMirror {
+  position: absolute;
+  top: 0;
+  left: 0;
+  visibility: hidden;
+  pointer-events: none;
+  height: 0;
+  overflow: hidden;
+  white-space: pre;
+  font-size: 14px;
+  font-weight: 400;
+  font-family: inherit;
+}
 .semi-tagInput-clearBtn {
   display: flex;
   justify-content: center;
@@ -23785,7 +23979,7 @@ img[src=""], img:not([src]) {
   color: var(--semi-color-bg-3);
 }
 .semi-tooltip-wrapper[x-placement=top] .semi-tooltip-icon-arrow {
-  left: 50%;
+  left: var(--semi-tooltip-arrow-offset-x, 50%);
   transform: translateX(-50%);
   bottom: -6px;
 }
@@ -23823,7 +24017,7 @@ img[src=""], img:not([src]) {
   width: 7px;
   height: 24px;
   right: -6px;
-  top: 50%;
+  top: var(--semi-tooltip-arrow-offset-y, 50%);
   transform: translateY(-50%);
 }
 .semi-tooltip-wrapper[x-placement=left].semi-tooltip-with-arrow,
@@ -23855,7 +24049,7 @@ img[src=""], img:not([src]) {
   width: 7px;
   height: 24px;
   left: -6px;
-  top: 50%;
+  top: var(--semi-tooltip-arrow-offset-y, 50%);
   transform: translateY(-50%) rotate(180deg);
 }
 .semi-tooltip-wrapper[x-placement=right].semi-tooltip-with-arrow,
@@ -23884,7 +24078,7 @@ img[src=""], img:not([src]) {
 }
 .semi-tooltip-wrapper[x-placement=bottom] .semi-tooltip-icon-arrow {
   top: -6px;
-  left: 50%;
+  left: var(--semi-tooltip-arrow-offset-x, 50%);
   transform: translateX(-50%) rotate(180deg);
 }
 .semi-tooltip-wrapper[x-placement=bottom].semi-tooltip-with-arrow,
@@ -24011,6 +24205,15 @@ img[src=""], img:not([src]) {
   overflow: auto;
   flex-grow: 1;
 }
+.semi-transfer-left-pagination {
+  padding-top: 12px;
+  padding-bottom: 12px;
+  padding-left: 12px;
+  padding-right: 12px;
+  flex-shrink: 0;
+  display: flex;
+  justify-content: center;
+}
 .semi-transfer-left-empty {
   height: 36px;
 }
@@ -24674,6 +24877,10 @@ img[src=""], img:not([src]) {
   align-items: center;
   position: relative;
   cursor: pointer;
+  /**
+   * Enable wrapping selected tags in trigger.
+   * Only takes effect in multiple + searchPosition="trigger" mode (class added by component).
+   */
 }
 .semi-tree-select:hover {
   background-color: var(--semi-color-fill-1);
@@ -24860,6 +25067,34 @@ img[src=""], img:not([src]) {
 .semi-tree-select-multiple .semi-tree-select-selection-placeholder {
   padding-left: 8px;
 }
+.semi-tree-select-triggerTagWrap {
+  max-width: 100%;
+}
+.semi-tree-select-triggerTagWrap .semi-tree-select-selection {
+  min-width: 0;
+}
+.semi-tree-select-triggerTagWrap.semi-tree-select-multiple {
+  height: auto;
+}
+.semi-tree-select-triggerTagWrap.semi-tree-select-multiple .semi-tree-select-selection {
+  height: auto;
+  min-height: 30px;
+  overflow: visible;
+}
+.semi-tree-select-triggerTagWrap.semi-tree-select-multiple.semi-tree-select-small .semi-tree-select-selection {
+  min-height: 22px;
+}
+.semi-tree-select-triggerTagWrap.semi-tree-select-multiple.semi-tree-select-large .semi-tree-select-selection {
+  min-height: 38px;
+}
+.semi-tree-select-triggerTagWrap .semi-tagInput {
+  min-width: 0;
+  max-width: 100%;
+  flex: 1 1 auto;
+}
+.semi-tree-select-triggerTagWrap .semi-tagInput .semi-tagInput-wrapper-input {
+  max-width: 100%;
+}
 .semi-tree-select-small {
   min-height: 24px;
   line-height: 24px;
@@ -26550,6 +26785,11 @@ p.semi-typography-extended,
   background-color: var(--semi-color-input-bg);
   transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
 }
+.semi-input-textarea-wrapper-resizeX {
+  display: inline-block;
+  width: fit-content;
+  max-width: 100%;
+}
 .semi-input-textarea-wrapper:hover {
   background-color: var(--semi-color-input-bg-hover);
 }
@@ -26570,6 +26810,9 @@ p.semi-typography-extended,
   color: var(--semi-color-text-2);
   right: 4px;
   height: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 .semi-input-textarea-wrapper .semi-input-clearbtn > svg {
   pointer-events: none;
@@ -26672,6 +26915,7 @@ p.semi-typography-extended,
 }
 .semi-input-textarea-autosize {
   overflow: hidden;
+  resize: none;
 }
 .semi-input-textarea-counter {
   font-size: 12px;
@@ -26714,6 +26958,14 @@ p.semi-typography-extended,
   padding: 0;
   align-items: flex-start;
 }
+.semi-input-textarea-wrapper-withLineNumber.semi-input-textarea-wrapper-resizeX {
+  display: inline-flex;
+  width: fit-content;
+  max-width: 100%;
+}
+.semi-input-textarea-wrapper-withLineNumber.semi-input-textarea-wrapper-resizeX .semi-input-textarea-content {
+  flex: 0 0 auto;
+}
 .semi-input-textarea-wrapper-withLineNumber .semi-input-textarea-lineNumber {
   flex-shrink: 0;
   padding: 5px 12px;