@semi-bot/semi-theme-hishelper 1.0.3 → 1.0.4

package/README.md

@@ -5,7 +5,7 @@ Operator: Aeternum
 
 ## Compatibility
 
-Compatible with Semi Foundation Version 2.94.0 or newer.
+Compatible with Semi Foundation Version 2.100.0 or newer.
     
 ## Version Release Note
     

package/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@semi-bot/semi-theme-hishelper",
- "version": "1.0.3",
+ "version": "1.0.4",
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
  "keywords": [
   "semi-theme",

package/semi.css

@@ -6253,7 +6253,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;
@@ -7429,10 +7429,38 @@ body, :host {
   font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
   line-height: 13px;
   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);
 }
@@ -7450,6 +7478,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;
@@ -7511,9 +7549,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;
@@ -7523,11 +7564,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: 13px;
   font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
   line-height: 13px;
   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;
@@ -7672,7 +7724,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 {
@@ -7683,7 +7737,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 {
@@ -7694,7 +7750,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 {
@@ -7705,7 +7763,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 {
@@ -7716,7 +7776,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 {
@@ -15317,7 +15379,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;
@@ -15328,7 +15390,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;
@@ -15684,7 +15746,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;
@@ -15795,7 +15857,7 @@ img[src=""], img:not([src]) {
 }
 
 .semi-modal-centered {
-  margin: 0 auto;
+  margin: auto;
 }
 
 .semi-modal-popup .semi-modal-mask,
@@ -16439,7 +16501,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;
 }
@@ -16451,6 +16513,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;
@@ -17443,7 +17506,7 @@ img[src=""], img:not([src]) {
   color: unset;
 }
 .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;
 }
@@ -17481,7 +17544,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,
@@ -17513,7 +17576,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,
@@ -17542,7 +17605,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,
@@ -20080,6 +20143,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;
 }
@@ -20728,6 +20836,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);
@@ -21219,6 +21328,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-bg-0);
+}
+.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-bg-0);
@@ -21405,6 +21522,21 @@ img[src=""], img:not([src]) {
   border-right: 1px solid var(--semi-color-border);
   border-bottom: 1px solid var(--semi-color-border);
 }
+.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);
+  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);
+}
 :where(.semi-table-bordered > .semi-table-container) > .semi-table-body > .semi-table-placeholder {
   border-right: 1px solid var(--semi-color-border);
 }
@@ -21424,6 +21556,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;
@@ -21581,6 +21714,18 @@ img[src=""], img:not([src]) {
   border-right: 0;
   border-left: 1px solid var(--semi-color-border);
 }
+.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);
+  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;
@@ -22875,6 +23020,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;
@@ -23038,6 +23209,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;
@@ -23080,6 +23253,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;
@@ -23121,6 +23296,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;
@@ -23723,7 +23911,7 @@ img[src=""], img:not([src]) {
   color: rgba(var(--semi-grey-7), 1);
 }
 .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;
 }
@@ -23761,7 +23949,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,
@@ -23793,7 +23981,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,
@@ -23822,7 +24010,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,
@@ -23949,6 +24137,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;
 }
@@ -24612,6 +24809,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);
@@ -24798,6 +24999,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;
@@ -26488,6 +26717,11 @@ p.semi-typography-extended,
   background-color: var(--semi-color-fill-0);
   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-fill-1);
 }
@@ -26508,6 +26742,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;
@@ -26610,6 +26847,7 @@ p.semi-typography-extended,
 }
 .semi-input-textarea-autosize {
   overflow: hidden;
+  resize: none;
 }
 .semi-input-textarea-counter {
   font-size: 13px;
@@ -26652,6 +26890,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;