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

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/README.md CHANGED
@@ -5,7 +5,7 @@ Operator: 秋之风腊肠.jpg
5
5
 
6
6
  ## Compatibility
7
7
 
8
- Compatible with Semi Foundation Version 2.93.0 or newer.
8
+ Compatible with Semi Foundation Version 2.99.2 or newer.
9
9
 
10
10
  ## Version Release Note
11
11
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@semi-bot/semi-theme-seek",
3
- "version": "2.0.31",
3
+ "version": "2.0.33",
4
4
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
5
5
  "keywords": [
6
6
  "semi-theme",
package/raw.json CHANGED
@@ -459,14 +459,14 @@
459
459
  "highlight/--semi-color-highlight": "rgba(var(--semi-white), 1)",
460
460
  "secondary/--semi-color-secondary": "rgba(var(--semi-light-blue-5), 1)",
461
461
  "danger/--semi-color-danger-active": "rgba(var(--semi-red-7), 1)",
462
- "disabled/--semi-color-disabled-bg": "rgba(var(--semi-grey-1), 1)",
462
+ "disabled/--semi-color-disabled-bg": "rgba(var(--semi-grey-1),1)",
463
463
  "default/--semi-color-default-hover": "rgba(255,255,255,0.08)",
464
464
  "primary/--semi-color-primary-hover": "rgba(var(--semi-brand-6),1)",
465
465
  "success/--semi-color-success-hover": "rgba(var(--semi-green-6), 1)",
466
466
  "warning/--semi-color-warning-hover": "rgba(var(--semi-orange-6), 1)",
467
467
  "Timecode/--semi-color-Timecode-text": "rgba(var(--semi-green-4),1)",
468
468
  "default/--semi-color-default-active": "rgba(255,255,255,0.16)",
469
- "disabled/--semi-color-disabled-fill": "rgba(var(--semi-grey-8), 0.04)",
469
+ "disabled/--semi-color-disabled-fill": "rgba(var(--semi-grey-8),0.04)",
470
470
  "disabled/--semi-color-disabled-text": "rgba(var(--semi-grey-9), 0.35)",
471
471
  "highlight/--semi-color-highlight-bg": "rgba(var(--semi-yellow-2), 1)",
472
472
  "primary/--semi-color-primary-active": "rgba(var(--semi-brand-7),1)",
package/scss/global.scss CHANGED
@@ -231,14 +231,14 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
231
231
  --semi-color-highlight: rgba(var(--semi-white), 1);
232
232
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
233
233
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
234
- --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
234
+ --semi-color-disabled-bg: rgba(var(--semi-grey-1),1);
235
235
  --semi-color-default-hover: rgba(255,255,255,0.08);
236
236
  --semi-color-primary-hover: rgba(var(--semi-brand-6),1);
237
237
  --semi-color-success-hover: rgba(var(--semi-green-6), 1);
238
238
  --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
239
239
  --semi-color-Timecode-text: rgba(var(--semi-green-4),1);
240
240
  --semi-color-default-active: rgba(255,255,255,0.16);
241
- --semi-color-disabled-fill: rgba(var(--semi-grey-8), 0.04);
241
+ --semi-color-disabled-fill: rgba(var(--semi-grey-8),0.04);
242
242
  --semi-color-disabled-text: rgba(var(--semi-grey-9), 0.35);
243
243
  --semi-color-highlight-bg: rgba(var(--semi-yellow-2), 1);
244
244
  --semi-color-primary-active: rgba(var(--semi-brand-7),1);
package/semi.css CHANGED
@@ -600,14 +600,14 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
600
600
  --semi-color-highlight: rgba(var(--semi-white), 1);
601
601
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
602
602
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
603
- --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
603
+ --semi-color-disabled-bg: rgba(var(--semi-grey-1),1);
604
604
  --semi-color-default-hover: rgba(255,255,255,0.08);
605
605
  --semi-color-primary-hover: rgba(var(--semi-brand-6),1);
606
606
  --semi-color-success-hover: rgba(var(--semi-green-6), 1);
607
607
  --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
608
608
  --semi-color-Timecode-text: rgba(var(--semi-green-4),1);
609
609
  --semi-color-default-active: rgba(255,255,255,0.16);
610
- --semi-color-disabled-fill: rgba(var(--semi-grey-8), 0.04);
610
+ --semi-color-disabled-fill: rgba(var(--semi-grey-8),0.04);
611
611
  --semi-color-disabled-text: rgba(var(--semi-grey-9), 0.35);
612
612
  --semi-color-highlight-bg: rgba(var(--semi-yellow-2), 1);
613
613
  --semi-color-primary-active: rgba(var(--semi-brand-7),1);
@@ -6321,7 +6321,7 @@ body, :host {
6321
6321
  color: var(--semi-color-text-0);
6322
6322
  font-size: 13px;
6323
6323
  text-shadow: none;
6324
- font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
6324
+ font-family: ui-monospace, "SFMono-Regular", "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace;
6325
6325
  direction: ltr;
6326
6326
  text-align: left;
6327
6327
  white-space: pre;
@@ -7356,10 +7356,10 @@ body, :host {
7356
7356
  height: fit-content;
7357
7357
  border: none;
7358
7358
  }
7359
- .semi-datepicker-range-input-wrapper .semi-input-wrapper:active {
7359
+ .semi-datepicker-range-input-wrapper .semi-input-wrapper:active:not(#neverExistElement) {
7360
7360
  background-color: transparent;
7361
7361
  }
7362
- .semi-datepicker-range-input-wrapper .semi-input-wrapper:hover {
7362
+ .semi-datepicker-range-input-wrapper .semi-input-wrapper:hover:not(#neverExistElement) {
7363
7363
  background-color: transparent;
7364
7364
  }
7365
7365
  .semi-datepicker-range-input-wrapper-focus {
@@ -7497,10 +7497,38 @@ body, :host {
7497
7497
  font-family: Montserrat, "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans GB", "Inter", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
7498
7498
  line-height: 16px;
7499
7499
  line-height: 20px;
7500
+ display: inline-block;
7501
+ max-width: calc(100vw - 32px);
7502
+ }
7503
+ .semi-datepicker-compact:not(.semi-datepicker-compact-insetInput) {
7504
+ width: max-content;
7505
+ }
7506
+ .semi-datepicker-compact .semi-datepicker-container {
7507
+ width: max-content;
7508
+ }
7509
+ .semi-datepicker-compact .semi-datepicker-month-grid {
7510
+ width: max-content;
7511
+ }
7512
+ .semi-datepicker-compact .semi-datepicker-month-grid .semi-datepicker-month-grid-left,
7513
+ .semi-datepicker-compact .semi-datepicker-month-grid .semi-datepicker-month-grid-right {
7514
+ min-width: 216px;
7515
+ max-width: calc(100vw - 32px);
7516
+ }
7517
+ .semi-datepicker-compact .semi-datepicker-month-grid .semi-datepicker-month {
7518
+ margin-left: auto;
7519
+ margin-right: auto;
7500
7520
  }
7501
7521
  .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 {
7502
7522
  height: calc(100% - 32px);
7503
7523
  }
7524
+ .semi-datepicker-compact .semi-datepicker-month-grid .semi-datepicker-yam {
7525
+ position: relative;
7526
+ width: 100%;
7527
+ max-width: 100%;
7528
+ max-height: 256px;
7529
+ overflow-x: auto;
7530
+ overflow-y: hidden;
7531
+ }
7504
7532
  .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 {
7505
7533
  border-right: 1px solid var(--semi-color-border);
7506
7534
  }
@@ -7518,6 +7546,16 @@ body, :host {
7518
7546
  box-sizing: border-box;
7519
7547
  height: 48px;
7520
7548
  padding: 12px;
7549
+ width: 100%;
7550
+ max-width: 100%;
7551
+ }
7552
+ .semi-datepicker-compact .semi-datepicker-month-grid .semi-datepicker-yearmonth-header button,
7553
+ .semi-datepicker-compact .semi-datepicker-month-grid .semi-datepicker-yearmonth-header .semi-button {
7554
+ width: 100%;
7555
+ max-width: 100%;
7556
+ overflow: hidden;
7557
+ text-overflow: ellipsis;
7558
+ white-space: nowrap;
7521
7559
  }
7522
7560
  .semi-datepicker-compact .semi-datepicker-month-grid .semi-datepicker-yearmonth-body {
7523
7561
  display: flex;
@@ -7579,9 +7617,12 @@ body, :host {
7579
7617
  height: calc(100% - 32px);
7580
7618
  }
7581
7619
  .semi-datepicker-compact .semi-datepicker-navigation {
7620
+ box-sizing: border-box;
7582
7621
  height: 24px;
7583
7622
  padding: 12px;
7584
7623
  padding-bottom: 0;
7624
+ width: 100%;
7625
+ max-width: 100%;
7585
7626
  }
7586
7627
  .semi-datepicker-compact .semi-datepicker-navigation-left, .semi-datepicker-compact .semi-datepicker-navigation-right {
7587
7628
  width: 24px;
@@ -7591,11 +7632,22 @@ body, :host {
7591
7632
  min-width: 24px;
7592
7633
  min-height: 24px;
7593
7634
  }
7635
+ .semi-datepicker-compact .semi-datepicker-navigation-month {
7636
+ min-width: 0;
7637
+ overflow: hidden;
7638
+ }
7594
7639
  .semi-datepicker-compact .semi-datepicker-navigation-month .semi-button {
7595
7640
  font-size: 12px;
7596
7641
  font-family: Montserrat, "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans GB", "Inter", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
7597
7642
  line-height: 16px;
7598
7643
  line-height: 20px;
7644
+ max-width: 100%;
7645
+ }
7646
+ .semi-datepicker-compact .semi-datepicker-navigation-month .semi-button > span {
7647
+ display: block;
7648
+ overflow: hidden;
7649
+ text-overflow: ellipsis;
7650
+ white-space: nowrap;
7599
7651
  }
7600
7652
  .semi-datepicker-compact .semi-datepicker-month {
7601
7653
  width: 216px;
@@ -7740,7 +7792,9 @@ body, :host {
7740
7792
  color: var(--semi-color-primary);
7741
7793
  }
7742
7794
  .semi-datepicker-compact .semi-datepicker-quick-control-month {
7743
- max-width: 216px;
7795
+ min-width: 216px;
7796
+ width: max-content;
7797
+ max-width: calc(100vw - 32px);
7744
7798
  }
7745
7799
  .semi-datepicker-compact .semi-datepicker-quick-control-month[x-insetinput=true] .semi-datepicker-quick-control-right-content-wrapper,
7746
7800
  .semi-datepicker-compact .semi-datepicker-quick-control-month[x-insetinput=true] .semi-datepicker-quick-control-left-content-wrapper {
@@ -7751,7 +7805,9 @@ body, :host {
7751
7805
  max-height: 218px;
7752
7806
  }
7753
7807
  .semi-datepicker-compact .semi-datepicker-quick-control-date {
7754
- max-width: 216px;
7808
+ min-width: 216px;
7809
+ width: max-content;
7810
+ max-width: calc(100vw - 32px);
7755
7811
  }
7756
7812
  .semi-datepicker-compact .semi-datepicker-quick-control-date[x-insetinput=true] .semi-datepicker-quick-control-right-content-wrapper,
7757
7813
  .semi-datepicker-compact .semi-datepicker-quick-control-date[x-insetinput=true] .semi-datepicker-quick-control-left-content-wrapper {
@@ -7762,7 +7818,9 @@ body, :host {
7762
7818
  max-height: 208px;
7763
7819
  }
7764
7820
  .semi-datepicker-compact .semi-datepicker-quick-control-dateTime {
7765
- max-width: 216px;
7821
+ min-width: 216px;
7822
+ width: max-content;
7823
+ max-width: calc(100vw - 32px);
7766
7824
  }
7767
7825
  .semi-datepicker-compact .semi-datepicker-quick-control-dateTime[x-insetinput=true] .semi-datepicker-quick-control-right-content-wrapper,
7768
7826
  .semi-datepicker-compact .semi-datepicker-quick-control-dateTime[x-insetinput=true] .semi-datepicker-quick-control-left-content-wrapper {
@@ -7773,7 +7831,9 @@ body, :host {
7773
7831
  max-height: 240px;
7774
7832
  }
7775
7833
  .semi-datepicker-compact .semi-datepicker-quick-control-dateRange {
7776
- max-width: 432px;
7834
+ min-width: min(432px, calc(100vw - 32px));
7835
+ width: max-content;
7836
+ max-width: calc(100vw - 32px);
7777
7837
  }
7778
7838
  .semi-datepicker-compact .semi-datepicker-quick-control-dateRange[x-insetinput=true] .semi-datepicker-quick-control-right-content-wrapper,
7779
7839
  .semi-datepicker-compact .semi-datepicker-quick-control-dateRange[x-insetinput=true] .semi-datepicker-quick-control-left-content-wrapper {
@@ -7784,7 +7844,9 @@ body, :host {
7784
7844
  max-height: 208px;
7785
7845
  }
7786
7846
  .semi-datepicker-compact .semi-datepicker-quick-control-dateTimeRange {
7787
- max-width: 432px;
7847
+ min-width: min(432px, calc(100vw - 32px));
7848
+ width: max-content;
7849
+ max-width: calc(100vw - 32px);
7788
7850
  }
7789
7851
  .semi-datepicker-compact .semi-datepicker-quick-control-dateTimeRange[x-insetinput=true] .semi-datepicker-quick-control-right-content-wrapper,
7790
7852
  .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]) {
15385
15447
  color: rgba(var(--semi-blue-7), 1);
15386
15448
  }
15387
15449
  .semi-json-viewer-view-line {
15388
- font-family: Menlo, Firecode, Monaco, "Courier New", monospace;
15450
+ font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, "Fira Code", Consolas, "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace;
15389
15451
  font-weight: normal;
15390
15452
  font-size: 12px;
15391
15453
  font-feature-settings: "liga" 0, "calt" 0;
@@ -15396,7 +15458,7 @@ img[src=""], img:not([src]) {
15396
15458
  white-space: pre-wrap !important;
15397
15459
  }
15398
15460
  .semi-json-viewer-line-number {
15399
- font-family: Menlo, Firecode, Monaco, "Courier New", monospace;
15461
+ font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, "Fira Code", Consolas, "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace;
15400
15462
  font-weight: normal;
15401
15463
  font-size: 12px;
15402
15464
  font-feature-settings: "liga" 0, "calt" 0;
@@ -15752,7 +15814,7 @@ img[src=""], img:not([src]) {
15752
15814
  }
15753
15815
  .semi-modal-wrap-center {
15754
15816
  display: flex;
15755
- align-items: center;
15817
+ align-items: flex-start;
15756
15818
  }
15757
15819
  .semi-modal-title {
15758
15820
  display: inline-flex;
@@ -15863,7 +15925,7 @@ img[src=""], img:not([src]) {
15863
15925
  }
15864
15926
 
15865
15927
  .semi-modal-centered {
15866
- margin: 0 auto;
15928
+ margin: auto;
15867
15929
  }
15868
15930
 
15869
15931
  .semi-modal-popup .semi-modal-mask,
@@ -16507,7 +16569,7 @@ img[src=""], img:not([src]) {
16507
16569
  transition: padding-left 100ms ease-out, width 200ms cubic-bezier(0.62, 0.05, 0.36, 0.95);
16508
16570
  }
16509
16571
  .semi-navigation-vertical .semi-navigation-footer {
16510
- color: var(--semi-color-text-2);
16572
+ color: var(--semi-color-text-1);
16511
16573
  padding-left: 8px;
16512
16574
  padding-right: 8px;
16513
16575
  }
@@ -16519,6 +16581,7 @@ img[src=""], img:not([src]) {
16519
16581
  .semi-navigation-vertical .semi-navigation-footer .semi-navigation-collapse-btn > .semi-button {
16520
16582
  padding-left: 8px;
16521
16583
  padding-right: 8px;
16584
+ color: var(--semi-color-text-1);
16522
16585
  }
16523
16586
  .semi-navigation-vertical .semi-navigation-footer-collapsed {
16524
16587
  justify-content: center;
@@ -17511,7 +17574,7 @@ img[src=""], img:not([src]) {
17511
17574
  color: var(--semi-color-bg-3);
17512
17575
  }
17513
17576
  .semi-popover-wrapper[x-placement=top] .semi-popover-icon-arrow {
17514
- left: 50%;
17577
+ left: var(--semi-tooltip-arrow-offset-x, 50%);
17515
17578
  transform: translateX(-50%);
17516
17579
  bottom: -7px;
17517
17580
  }
@@ -17549,7 +17612,7 @@ img[src=""], img:not([src]) {
17549
17612
  width: 8px;
17550
17613
  height: 24px;
17551
17614
  right: -7px;
17552
- top: 50%;
17615
+ top: var(--semi-tooltip-arrow-offset-y, 50%);
17553
17616
  transform: translateY(-50%);
17554
17617
  }
17555
17618
  .semi-popover-wrapper[x-placement=left].semi-popover-with-arrow,
@@ -17581,7 +17644,7 @@ img[src=""], img:not([src]) {
17581
17644
  width: 8px;
17582
17645
  height: 24px;
17583
17646
  left: -7px;
17584
- top: 50%;
17647
+ top: var(--semi-tooltip-arrow-offset-y, 50%);
17585
17648
  transform: translateY(-50%) rotate(180deg);
17586
17649
  }
17587
17650
  .semi-popover-wrapper[x-placement=right].semi-popover-with-arrow,
@@ -17610,7 +17673,7 @@ img[src=""], img:not([src]) {
17610
17673
  }
17611
17674
  .semi-popover-wrapper[x-placement=bottom] .semi-popover-icon-arrow {
17612
17675
  top: -7px;
17613
- left: 50%;
17676
+ left: var(--semi-tooltip-arrow-offset-x, 50%);
17614
17677
  transform: translateX(-50%) rotate(180deg);
17615
17678
  }
17616
17679
  .semi-popover-wrapper[x-placement=bottom].semi-popover-with-arrow,
@@ -18286,7 +18349,7 @@ img[src=""], img:not([src]) {
18286
18349
  height: 100%;
18287
18350
  width: 100%;
18288
18351
  inset: 0;
18289
- z-index: 2010;
18352
+ z-index: 20;
18290
18353
  opacity: 0;
18291
18354
  position: fixed;
18292
18355
  }
@@ -20148,6 +20211,51 @@ img[src=""], img:not([src]) {
20148
20211
  transform: rotate(180deg);
20149
20212
  }
20150
20213
 
20214
+ .semi-rtl .semi-slider,
20215
+ .semi-portal-rtl .semi-slider {
20216
+ direction: rtl;
20217
+ }
20218
+ .semi-rtl .semi-slider-handle,
20219
+ .semi-portal-rtl .semi-slider-handle {
20220
+ transform: var(--semi-transform_scale-small) translateX(50%) translateY(0px);
20221
+ }
20222
+ .semi-rtl .semi-slider-mark,
20223
+ .semi-portal-rtl .semi-slider-mark {
20224
+ transform: translate(50%, 0);
20225
+ }
20226
+ .semi-rtl .semi-slider-mark-reverse,
20227
+ .semi-portal-rtl .semi-slider-mark-reverse {
20228
+ transform: translate(50%, 0) rotate(-180deg);
20229
+ }
20230
+ .semi-rtl .semi-slider-boundary-min,
20231
+ .semi-portal-rtl .semi-slider-boundary-min {
20232
+ left: auto;
20233
+ right: 0px;
20234
+ }
20235
+ .semi-rtl .semi-slider-boundary-max,
20236
+ .semi-portal-rtl .semi-slider-boundary-max {
20237
+ right: auto;
20238
+ left: 0px;
20239
+ }
20240
+
20241
+ .semi-slider-rtl .semi-slider-handle {
20242
+ transform: var(--semi-transform_scale-small) translateX(50%) translateY(0px);
20243
+ }
20244
+ .semi-slider-rtl .semi-slider-mark {
20245
+ transform: translate(50%, 0);
20246
+ }
20247
+ .semi-slider-rtl .semi-slider-mark-reverse {
20248
+ transform: translate(50%, 0) rotate(-180deg);
20249
+ }
20250
+ .semi-slider-rtl .semi-slider-boundary-min {
20251
+ left: auto;
20252
+ right: 0px;
20253
+ }
20254
+ .semi-slider-rtl .semi-slider-boundary-max {
20255
+ right: auto;
20256
+ left: 0px;
20257
+ }
20258
+
20151
20259
  .semi-space {
20152
20260
  display: inline-flex;
20153
20261
  }
@@ -20494,6 +20602,9 @@ img[src=""], img:not([src]) {
20494
20602
  }
20495
20603
  .semi-steps-basic.semi-steps-horizontal .semi-steps-item .semi-steps-item-title {
20496
20604
  max-width: 80%;
20605
+ min-height: 24px;
20606
+ display: inline-flex;
20607
+ align-items: center;
20497
20608
  }
20498
20609
  .semi-steps-basic.semi-steps-horizontal .semi-steps-item .semi-steps-item-title .semi-steps-item-title-text {
20499
20610
  overflow: hidden;
@@ -20501,6 +20612,9 @@ img[src=""], img:not([src]) {
20501
20612
  white-space: nowrap;
20502
20613
  transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
20503
20614
  }
20615
+ .semi-steps-basic.semi-steps-horizontal .semi-steps-item .semi-steps-item-title .semi-steps-item-title-text-empty {
20616
+ width: 0;
20617
+ }
20504
20618
  .semi-steps-basic.semi-steps-vertical {
20505
20619
  display: flex;
20506
20620
  flex-flow: column nowrap;
@@ -20790,6 +20904,7 @@ img[src=""], img:not([src]) {
20790
20904
  }
20791
20905
  .semi-switch-checked .semi-switch-knob {
20792
20906
  transform: translateX(18px);
20907
+ background-color: rgba(var(--semi-white), 1);
20793
20908
  }
20794
20909
  .semi-switch-checked:active .semi-switch-knob {
20795
20910
  transform: translateX(12px);
@@ -21281,6 +21396,14 @@ img[src=""], img:not([src]) {
21281
21396
  display: table-row;
21282
21397
  background-color: var(--semi-color-bg-1);
21283
21398
  }
21399
+ .semi-table-tbody > .semi-table-row.semi-table-row-hovered > .semi-table-row-cell {
21400
+ background-image: linear-gradient(0deg, var(--semi-color-fill-0), var(--semi-color-fill-0));
21401
+ background-color: var(--semi-color-card-hover);
21402
+ }
21403
+ .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 {
21404
+ background-image: linear-gradient(0deg, var(--semi-color-fill-0), var(--semi-color-fill-0));
21405
+ background-color: var(--semi-color-bg-1);
21406
+ }
21284
21407
  .semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell {
21285
21408
  background-image: linear-gradient(0deg, var(--semi-color-fill-0), var(--semi-color-fill-0));
21286
21409
  background-color: var(--semi-color-card-hover);
@@ -21467,6 +21590,21 @@ img[src=""], img:not([src]) {
21467
21590
  border-right: 1px solid var(--semi-color-border-1);
21468
21591
  border-bottom: 1px solid var(--semi-color-border-1);
21469
21592
  }
21593
+ .semi-table-bordered:not(.semi-table-scroll-position-right) > .semi-table-container::after {
21594
+ content: "";
21595
+ position: absolute;
21596
+ top: 0;
21597
+ right: 0;
21598
+ bottom: 0;
21599
+ width: 1px;
21600
+ background-color: var(--semi-color-border-1);
21601
+ display: block;
21602
+ z-index: 103;
21603
+ pointer-events: none;
21604
+ }
21605
+ .semi-table-bordered:not(.semi-table-scroll-position-right) > .semi-table-container > .semi-table-header {
21606
+ box-shadow: inset -1px 0 0 0 var(--semi-color-border-1);
21607
+ }
21470
21608
  :where(.semi-table-bordered > .semi-table-container) > .semi-table-body > .semi-table-placeholder {
21471
21609
  border-right: 1px solid var(--semi-color-border-1);
21472
21610
  }
@@ -21486,6 +21624,7 @@ img[src=""], img:not([src]) {
21486
21624
  position: sticky;
21487
21625
  left: 0px;
21488
21626
  z-index: 1;
21627
+ box-sizing: border-box;
21489
21628
  padding: 16px 12px;
21490
21629
  color: var(--semi-color-text-2);
21491
21630
  font-size: 14px;
@@ -21643,6 +21782,18 @@ img[src=""], img:not([src]) {
21643
21782
  border-right: 0;
21644
21783
  border-left: 1px solid var(--semi-color-border-1);
21645
21784
  }
21785
+ .semi-table-wrapper-rtl .semi-table-bordered:not(.semi-table-scroll-position-left) > .semi-table-container::after {
21786
+ content: "";
21787
+ position: absolute;
21788
+ top: 0;
21789
+ left: 0;
21790
+ bottom: 0;
21791
+ width: 1px;
21792
+ background-color: var(--semi-color-border-1);
21793
+ display: block;
21794
+ z-index: 103;
21795
+ pointer-events: none;
21796
+ }
21646
21797
  .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 {
21647
21798
  left: auto;
21648
21799
  right: 0;
@@ -22937,6 +23088,32 @@ img[src=""], img:not([src]) {
22937
23088
  color: var(--semi-color-text-0);
22938
23089
  }
22939
23090
 
23091
+ .semi-tag-split {
23092
+ display: inline-flex;
23093
+ align-items: center;
23094
+ }
23095
+ .semi-tag-split .semi-tag {
23096
+ border-radius: 0;
23097
+ margin-right: 1px;
23098
+ }
23099
+ .semi-tag-split .semi-tag-first {
23100
+ border-top-left-radius: var(--semi-border-radius-small);
23101
+ border-bottom-left-radius: var(--semi-border-radius-small);
23102
+ }
23103
+ .semi-tag-split .semi-tag-last {
23104
+ border-top-right-radius: var(--semi-border-radius-small);
23105
+ border-bottom-right-radius: var(--semi-border-radius-small);
23106
+ margin-right: unset;
23107
+ }
23108
+ .semi-tag-split .semi-tag-circle.semi-tag-first {
23109
+ border-top-left-radius: var(--semi-border-radius-full);
23110
+ border-bottom-left-radius: var(--semi-border-radius-full);
23111
+ }
23112
+ .semi-tag-split .semi-tag-circle.semi-tag-last {
23113
+ border-top-right-radius: var(--semi-border-radius-full);
23114
+ border-bottom-right-radius: var(--semi-border-radius-full);
23115
+ }
23116
+
22940
23117
  .semi-rtl .semi-tag,
22941
23118
  .semi-portal-rtl .semi-tag {
22942
23119
  direction: rtl;
@@ -23100,6 +23277,8 @@ img[src=""], img:not([src]) {
23100
23277
  padding-left: 4px;
23101
23278
  padding-right: 4px;
23102
23279
  overflow: hidden;
23280
+ position: relative;
23281
+ /* hidden mirror used to measure input text width */
23103
23282
  }
23104
23283
  .semi-tagInput-wrapper-tag {
23105
23284
  margin-right: 4px;
@@ -23142,6 +23321,8 @@ img[src=""], img:not([src]) {
23142
23321
  .semi-tagInput-wrapper .semi-tagInput-wrapper-input {
23143
23322
  flex-grow: 1;
23144
23323
  width: min-content;
23324
+ min-width: 2px;
23325
+ max-width: 100%;
23145
23326
  border: none;
23146
23327
  outline: none;
23147
23328
  background-color: transparent;
@@ -23183,6 +23364,19 @@ img[src=""], img:not([src]) {
23183
23364
  height: 24px;
23184
23365
  line-height: 24px;
23185
23366
  }
23367
+ .semi-tagInput-wrapper-inputMirror {
23368
+ position: absolute;
23369
+ top: 0;
23370
+ left: 0;
23371
+ visibility: hidden;
23372
+ pointer-events: none;
23373
+ height: 0;
23374
+ overflow: hidden;
23375
+ white-space: pre;
23376
+ font-size: 14px;
23377
+ font-weight: 400;
23378
+ font-family: inherit;
23379
+ }
23186
23380
  .semi-tagInput-clearBtn {
23187
23381
  display: flex;
23188
23382
  justify-content: center;
@@ -23785,7 +23979,7 @@ img[src=""], img:not([src]) {
23785
23979
  color: var(--semi-color-bg-3);
23786
23980
  }
23787
23981
  .semi-tooltip-wrapper[x-placement=top] .semi-tooltip-icon-arrow {
23788
- left: 50%;
23982
+ left: var(--semi-tooltip-arrow-offset-x, 50%);
23789
23983
  transform: translateX(-50%);
23790
23984
  bottom: -6px;
23791
23985
  }
@@ -23823,7 +24017,7 @@ img[src=""], img:not([src]) {
23823
24017
  width: 7px;
23824
24018
  height: 24px;
23825
24019
  right: -6px;
23826
- top: 50%;
24020
+ top: var(--semi-tooltip-arrow-offset-y, 50%);
23827
24021
  transform: translateY(-50%);
23828
24022
  }
23829
24023
  .semi-tooltip-wrapper[x-placement=left].semi-tooltip-with-arrow,
@@ -23855,7 +24049,7 @@ img[src=""], img:not([src]) {
23855
24049
  width: 7px;
23856
24050
  height: 24px;
23857
24051
  left: -6px;
23858
- top: 50%;
24052
+ top: var(--semi-tooltip-arrow-offset-y, 50%);
23859
24053
  transform: translateY(-50%) rotate(180deg);
23860
24054
  }
23861
24055
  .semi-tooltip-wrapper[x-placement=right].semi-tooltip-with-arrow,
@@ -23884,7 +24078,7 @@ img[src=""], img:not([src]) {
23884
24078
  }
23885
24079
  .semi-tooltip-wrapper[x-placement=bottom] .semi-tooltip-icon-arrow {
23886
24080
  top: -6px;
23887
- left: 50%;
24081
+ left: var(--semi-tooltip-arrow-offset-x, 50%);
23888
24082
  transform: translateX(-50%) rotate(180deg);
23889
24083
  }
23890
24084
  .semi-tooltip-wrapper[x-placement=bottom].semi-tooltip-with-arrow,
@@ -24011,6 +24205,15 @@ img[src=""], img:not([src]) {
24011
24205
  overflow: auto;
24012
24206
  flex-grow: 1;
24013
24207
  }
24208
+ .semi-transfer-left-pagination {
24209
+ padding-top: 12px;
24210
+ padding-bottom: 12px;
24211
+ padding-left: 12px;
24212
+ padding-right: 12px;
24213
+ flex-shrink: 0;
24214
+ display: flex;
24215
+ justify-content: center;
24216
+ }
24014
24217
  .semi-transfer-left-empty {
24015
24218
  height: 36px;
24016
24219
  }
@@ -24674,6 +24877,10 @@ img[src=""], img:not([src]) {
24674
24877
  align-items: center;
24675
24878
  position: relative;
24676
24879
  cursor: pointer;
24880
+ /**
24881
+ * Enable wrapping selected tags in trigger.
24882
+ * Only takes effect in multiple + searchPosition="trigger" mode (class added by component).
24883
+ */
24677
24884
  }
24678
24885
  .semi-tree-select:hover {
24679
24886
  background-color: var(--semi-color-fill-1);
@@ -24860,6 +25067,34 @@ img[src=""], img:not([src]) {
24860
25067
  .semi-tree-select-multiple .semi-tree-select-selection-placeholder {
24861
25068
  padding-left: 8px;
24862
25069
  }
25070
+ .semi-tree-select-triggerTagWrap {
25071
+ max-width: 100%;
25072
+ }
25073
+ .semi-tree-select-triggerTagWrap .semi-tree-select-selection {
25074
+ min-width: 0;
25075
+ }
25076
+ .semi-tree-select-triggerTagWrap.semi-tree-select-multiple {
25077
+ height: auto;
25078
+ }
25079
+ .semi-tree-select-triggerTagWrap.semi-tree-select-multiple .semi-tree-select-selection {
25080
+ height: auto;
25081
+ min-height: 30px;
25082
+ overflow: visible;
25083
+ }
25084
+ .semi-tree-select-triggerTagWrap.semi-tree-select-multiple.semi-tree-select-small .semi-tree-select-selection {
25085
+ min-height: 22px;
25086
+ }
25087
+ .semi-tree-select-triggerTagWrap.semi-tree-select-multiple.semi-tree-select-large .semi-tree-select-selection {
25088
+ min-height: 38px;
25089
+ }
25090
+ .semi-tree-select-triggerTagWrap .semi-tagInput {
25091
+ min-width: 0;
25092
+ max-width: 100%;
25093
+ flex: 1 1 auto;
25094
+ }
25095
+ .semi-tree-select-triggerTagWrap .semi-tagInput .semi-tagInput-wrapper-input {
25096
+ max-width: 100%;
25097
+ }
24863
25098
  .semi-tree-select-small {
24864
25099
  min-height: 24px;
24865
25100
  line-height: 24px;
@@ -26550,6 +26785,11 @@ p.semi-typography-extended,
26550
26785
  background-color: var(--semi-color-input-bg);
26551
26786
  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);
26552
26787
  }
26788
+ .semi-input-textarea-wrapper-resizeX {
26789
+ display: inline-block;
26790
+ width: fit-content;
26791
+ max-width: 100%;
26792
+ }
26553
26793
  .semi-input-textarea-wrapper:hover {
26554
26794
  background-color: var(--semi-color-input-bg-hover);
26555
26795
  }
@@ -26570,6 +26810,9 @@ p.semi-typography-extended,
26570
26810
  color: var(--semi-color-text-2);
26571
26811
  right: 4px;
26572
26812
  height: 32px;
26813
+ display: flex;
26814
+ align-items: center;
26815
+ justify-content: center;
26573
26816
  }
26574
26817
  .semi-input-textarea-wrapper .semi-input-clearbtn > svg {
26575
26818
  pointer-events: none;
@@ -26672,6 +26915,7 @@ p.semi-typography-extended,
26672
26915
  }
26673
26916
  .semi-input-textarea-autosize {
26674
26917
  overflow: hidden;
26918
+ resize: none;
26675
26919
  }
26676
26920
  .semi-input-textarea-counter {
26677
26921
  font-size: 12px;
@@ -26714,6 +26958,14 @@ p.semi-typography-extended,
26714
26958
  padding: 0;
26715
26959
  align-items: flex-start;
26716
26960
  }
26961
+ .semi-input-textarea-wrapper-withLineNumber.semi-input-textarea-wrapper-resizeX {
26962
+ display: inline-flex;
26963
+ width: fit-content;
26964
+ max-width: 100%;
26965
+ }
26966
+ .semi-input-textarea-wrapper-withLineNumber.semi-input-textarea-wrapper-resizeX .semi-input-textarea-content {
26967
+ flex: 0 0 auto;
26968
+ }
26717
26969
  .semi-input-textarea-wrapper-withLineNumber .semi-input-textarea-lineNumber {
26718
26970
  flex-shrink: 0;
26719
26971
  padding: 5px 12px;